.perler-beads-module__hCbXOa__page{--paper:#f4ecd9;--paper2:#fffaf0;--ink:#282d27;--muted:#777566;--line:#d6cbb4;--coral:#e8755b;--green:#557f62;--dark:#252a28;background:var(--paper);min-height:100svh;color:var(--ink);padding:30px 0 70px;font-family:Trebuchet MS,PingFang SC,sans-serif}.perler-beads-module__hCbXOa__frame{max-width:1180px;margin:auto}.perler-beads-module__hCbXOa__header{justify-content:space-between;align-items:end;padding:8px 0 22px;display:flex}.perler-beads-module__hCbXOa__back{color:var(--muted);align-items:center;gap:2px;font-size:12px;display:inline-flex}.perler-beads-module__hCbXOa__brandline{color:var(--coral);letter-spacing:.16em;margin-top:18px;font:10px monospace}.perler-beads-module__hCbXOa__pixelLogo{border:2px solid var(--coral);width:23px;height:23px;color:var(--paper);vertical-align:middle;background:#f8bd92;place-items:center;margin-right:8px;font-size:17px;display:inline-grid}.perler-beads-module__hCbXOa__header h1{letter-spacing:-.09em;margin:9px 0 3px;font-size:clamp(38px,6vw,68px);line-height:.95}.perler-beads-module__hCbXOa__header h1 em{color:var(--coral);font-style:normal}.perler-beads-module__hCbXOa__subtitle{color:var(--muted);margin:0;font-size:13px}.perler-beads-module__hCbXOa__headerStamp{color:var(--muted);text-align:right;letter-spacing:.08em;gap:3px;font:10px monospace;display:grid}.perler-beads-module__hCbXOa__headerStamp strong{color:var(--green);letter-spacing:-.06em;font:700 28px/1 Georgia,serif}.perler-beads-module__hCbXOa__headerStamp i{color:var(--coral);font-size:9px;font-style:normal}.perler-beads-module__hCbXOa__introBar{border-block:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:10px 0;font-size:10px;display:flex}.perler-beads-module__hCbXOa__introBar i{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.perler-beads-module__hCbXOa__introBar button,.perler-beads-module__hCbXOa__textButton{color:var(--coral);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;display:inline-flex}.perler-beads-module__hCbXOa__notice{color:#995139;background:#fff4e8;border:1px solid #e2aa93;justify-content:space-between;gap:10px;margin:12px 0;padding:9px 12px;font-size:11px;display:flex}.perler-beads-module__hCbXOa__notice button{color:inherit;background:0 0;border:0}.perler-beads-module__hCbXOa__workspace{grid-template-columns:285px 1fr;gap:14px;margin-top:15px;display:grid}.perler-beads-module__hCbXOa__sidebar,.perler-beads-module__hCbXOa__canvasColumn,.perler-beads-module__hCbXOa__historyPanel{border:1px solid var(--line);background:#fffaf0c7;box-shadow:4px 4px #695b4414}.perler-beads-module__hCbXOa__sidebar{overflow:hidden}.perler-beads-module__hCbXOa__controlBlock{border-bottom:1px dashed var(--line);padding:17px}.perler-beads-module__hCbXOa__controlBlock:last-child{border:0}.perler-beads-module__hCbXOa__blockHeading{align-items:center;gap:8px;display:flex}.perler-beads-module__hCbXOa__blockHeading h2{margin:0;font-size:14px}.perler-beads-module__hCbXOa__blockHeading svg{color:var(--coral);margin-left:auto}.perler-beads-module__hCbXOa__step{border:1px solid var(--coral);width:24px;height:24px;color:var(--coral);place-items:center;font:700 11px monospace;display:grid}.perler-beads-module__hCbXOa__uploadCard{border:1px solid var(--line);background:var(--paper2);width:100%;color:var(--ink);text-align:left;cursor:pointer;grid-template-columns:62px 1fr;align-items:center;gap:10px;margin-top:14px;padding:8px;display:grid}.perler-beads-module__hCbXOa__uploadCard img,.perler-beads-module__hCbXOa__uploadFlower{object-fit:cover;background:#e8dcc4;width:62px;height:62px}.perler-beads-module__hCbXOa__uploadFlower{color:var(--coral);place-items:center;font-size:36px;display:grid}.perler-beads-module__hCbXOa__uploadCard strong,.perler-beads-module__hCbXOa__uploadCard small,.perler-beads-module__hCbXOa__uploadCard b{display:block}.perler-beads-module__hCbXOa__uploadCard strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.perler-beads-module__hCbXOa__uploadCard small{color:var(--muted);margin-top:5px;font-size:9px}.perler-beads-module__hCbXOa__uploadCard b{color:var(--coral);margin-top:8px;font-size:10px;font-weight:400}.perler-beads-module__hCbXOa__uploadCard b svg{vertical-align:middle;margin-right:4px}.perler-beads-module__hCbXOa__textButton{margin-top:11px;padding:0}.perler-beads-module__hCbXOa__fieldLabel,.perler-beads-module__hCbXOa__aiLabel{color:var(--muted);gap:6px;margin-top:14px;font-size:10px;display:grid}.perler-beads-module__hCbXOa__fieldLabel select,.perler-beads-module__hCbXOa__aiLabel textarea,.perler-beads-module__hCbXOa__search input{border:1px solid var(--line);background:var(--paper2);color:var(--ink);outline:none;padding:8px;font:11px inherit}.perler-beads-module__hCbXOa__fieldLabel select:focus,.perler-beads-module__hCbXOa__aiLabel textarea:focus,.perler-beads-module__hCbXOa__search input:focus{border-color:var(--coral)}.perler-beads-module__hCbXOa__fieldLabel output{color:var(--coral);justify-self:end;margin-top:-23px;font:10px monospace}.perler-beads-module__hCbXOa__fieldLabel input[type=range]{accent-color:var(--coral);width:100%}.perler-beads-module__hCbXOa__segmented{grid-template-columns:1fr 1fr;gap:5px;display:grid}.perler-beads-module__hCbXOa__segmented button,.perler-beads-module__hCbXOa__toolGroup button,.perler-beads-module__hCbXOa__exports button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;padding:7px;font-size:10px}.perler-beads-module__hCbXOa__segmented button:hover,.perler-beads-module__hCbXOa__segmented .perler-beads-module__hCbXOa__segmentActive{border-color:var(--coral);color:var(--coral);background:#fff2df}.perler-beads-module__hCbXOa__dimensionNote{color:var(--ink);margin:10px 0 0;font:10px monospace}.perler-beads-module__hCbXOa__dimensionNote span{float:right;color:var(--muted);font-size:9px}.perler-beads-module__hCbXOa__aiLabel textarea{resize:vertical;min-height:60px}.perler-beads-module__hCbXOa__aiPrivacy{color:var(--muted);font-size:9px;line-height:1.6}.perler-beads-module__hCbXOa__aiButton,.perler-beads-module__hCbXOa__primaryButton{border:1px solid var(--coral);background:var(--coral);color:#fffaf0;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:10px;display:inline-flex}.perler-beads-module__hCbXOa__aiButton:disabled{opacity:.5}.perler-beads-module__hCbXOa__aiMessage{color:#9b4d38;font-size:10px;line-height:1.6}.perler-beads-module__hCbXOa__aiMessage a{color:var(--green)}.perler-beads-module__hCbXOa__aiResult img{object-fit:cover;width:100%;max-height:130px}.perler-beads-module__hCbXOa__secondaryButton{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:7px 9px;font-size:10px;display:inline-flex}.perler-beads-module__hCbXOa__canvasColumn{padding:21px}.perler-beads-module__hCbXOa__canvasTop{justify-content:space-between;align-items:end;display:flex}.perler-beads-module__hCbXOa__kicker{color:var(--green);letter-spacing:.14em;font:10px monospace}.perler-beads-module__hCbXOa__canvasTop h2,.perler-beads-module__hCbXOa__historyHeading h2{margin:5px 0;font:600 22px Georgia,serif}.perler-beads-module__hCbXOa__progress{text-align:right}.perler-beads-module__hCbXOa__progress strong{color:var(--green);font:22px Georgia,serif}.perler-beads-module__hCbXOa__progress em{color:var(--muted);font-size:12px;font-style:normal}.perler-beads-module__hCbXOa__progress span{color:var(--muted);font-size:9px;display:block}.perler-beads-module__hCbXOa__progress>div{background:#e4dac4;width:120px;height:4px;margin-top:5px}.perler-beads-module__hCbXOa__progress i{background:var(--green);height:100%;display:block}.perler-beads-module__hCbXOa__tools{background:#eee3ce;justify-content:space-between;margin-top:14px;padding:6px;display:flex}.perler-beads-module__hCbXOa__toolGroup{gap:3px;display:flex}.perler-beads-module__hCbXOa__toolGroup button{border:0;align-items:center;gap:4px;display:inline-flex}.perler-beads-module__hCbXOa__toolGroup button[disabled]{opacity:.35;cursor:default}.perler-beads-module__hCbXOa__toolGroup .perler-beads-module__hCbXOa__toolActive,.perler-beads-module__hCbXOa__toolGroup button:hover{background:var(--coral);color:#fffaf0}.perler-beads-module__hCbXOa__gridWrap{border:1px solid var(--line);background:#e9dfca;place-items:center;min-height:400px;margin-top:9px;padding:24px;display:grid;overflow:auto}.perler-beads-module__hCbXOa__grid{background:#353b35;border:4px solid #252b28;gap:2px;max-width:none;padding:7px;display:grid;box-shadow:7px 7px #453b2a38}.perler-beads-module__hCbXOa__cell{background:var(--bead);min-width:0;min-height:0;color:var(--ink);cursor:pointer;border:0;place-items:center;padding:0;font:7px monospace;display:grid;position:relative;box-shadow:inset 1px 1px #ffffff73,inset -1px -1px #00000040}.perler-beads-module__hCbXOa__cell:focus,.perler-beads-module__hCbXOa__cellFocus{outline:2px solid var(--coral);outline-offset:1px;z-index:2}.perler-beads-module__hCbXOa__cellEmpty{background:#ece6d8 radial-gradient(#c5bba6 1px,#0000 1px) 0 0/5px 5px}.perler-beads-module__hCbXOa__cellDone{filter:saturate(.65)brightness(.86)}.perler-beads-module__hCbXOa__cellDone svg{z-index:1}.perler-beads-module__hCbXOa__cellDim{opacity:.18}.perler-beads-module__hCbXOa__canvasBottom{color:var(--muted);justify-content:space-between;align-items:center;margin-top:10px;font:10px monospace;display:flex}.perler-beads-module__hCbXOa__canvasBottom i{color:var(--line);font-style:normal}.perler-beads-module__hCbXOa__canvasBottom button{color:var(--muted);cursor:pointer;vertical-align:middle;background:0 0;border:0}.perler-beads-module__hCbXOa__canvasBottom output{text-align:center;width:38px;font-size:9px;display:inline-block}.perler-beads-module__hCbXOa__gridHint{color:var(--muted);margin:8px 0;font-size:10px}.perler-beads-module__hCbXOa__palettePanel,.perler-beads-module__hCbXOa__countPanel{border-top:1px dashed var(--line);margin-top:15px;padding-top:15px}.perler-beads-module__hCbXOa__paletteHeading,.perler-beads-module__hCbXOa__countHeading,.perler-beads-module__hCbXOa__historyHeading{justify-content:space-between;align-items:end;gap:15px;display:flex}.perler-beads-module__hCbXOa__paletteHeading h3,.perler-beads-module__hCbXOa__countHeading h3{margin:5px 0;font:600 17px Georgia,serif}.perler-beads-module__hCbXOa__selectedColor{color:var(--muted);align-items:center;gap:6px;font:10px monospace;display:flex}.perler-beads-module__hCbXOa__selectedColor i,.perler-beads-module__hCbXOa__stats i{border:1px solid #b6ac98;width:12px;height:12px;display:inline-block}.perler-beads-module__hCbXOa__search{color:var(--muted);align-items:center;gap:8px;margin-top:10px;font-size:10px;display:flex}.perler-beads-module__hCbXOa__search input{width:180px}.perler-beads-module__hCbXOa__swatches{grid-template-columns:repeat(auto-fill,minmax(43px,1fr));gap:4px;max-height:180px;margin-top:10px;display:grid;overflow:auto}.perler-beads-module__hCbXOa__swatch{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;padding:3px 1px;font:8px monospace;position:relative}.perler-beads-module__hCbXOa__swatch i{aspect-ratio:1;border:1px solid #0000002e;display:block}.perler-beads-module__hCbXOa__swatch span{text-overflow:ellipsis;margin-top:2px;display:block;overflow:hidden}.perler-beads-module__hCbXOa__swatch b{background:var(--green);border-radius:50%;width:5px;height:5px;position:absolute;top:2px;right:1px}.perler-beads-module__hCbXOa__swatchActive{border-color:var(--coral);color:var(--coral)}.perler-beads-module__hCbXOa__emptyText,.perler-beads-module__hCbXOa__emptyHistory{color:var(--muted);font-size:11px}.perler-beads-module__hCbXOa__stats{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:4px;margin-top:9px;display:grid}.perler-beads-module__hCbXOa__stats button{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:14px 1fr auto;align-items:center;gap:5px;padding:5px;font:10px monospace;display:grid}.perler-beads-module__hCbXOa__stats button:hover,.perler-beads-module__hCbXOa__stats .perler-beads-module__hCbXOa__statActive{border-color:var(--coral);background:#fff2df}.perler-beads-module__hCbXOa__stats strong{color:var(--ink);font-weight:500}.perler-beads-module__hCbXOa__canvasActions{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.perler-beads-module__hCbXOa__exports{color:var(--muted);align-items:center;gap:3px;font-size:10px;display:flex}.perler-beads-module__hCbXOa__exports span{align-items:center;gap:3px;margin-right:4px;display:inline-flex}.perler-beads-module__hCbXOa__exports button{padding:5px}.perler-beads-module__hCbXOa__historyPanel{margin-top:14px;padding:20px}.perler-beads-module__hCbXOa__historyHeading{align-items:end}.perler-beads-module__hCbXOa__historyHeading>div:last-child{gap:6px;display:flex}.perler-beads-module__hCbXOa__clearButton{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:7px 9px;font-size:10px;display:inline-flex}.perler-beads-module__hCbXOa__clearButton:hover:not(:disabled){color:var(--coral);border-color:var(--coral)}.perler-beads-module__hCbXOa__clearButton:disabled{opacity:.45}.perler-beads-module__hCbXOa__historyList{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:8px;margin-top:15px;display:grid}.perler-beads-module__hCbXOa__historyItem{border:1px solid var(--line);background:var(--paper2);grid-template-columns:1fr 26px;gap:7px;display:grid}.perler-beads-module__hCbXOa__historyRestore{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:54px 1fr;align-items:center;gap:9px;padding:8px;display:grid}.perler-beads-module__hCbXOa__historyMini{background:#303530;gap:1px;display:grid;overflow:hidden}.perler-beads-module__hCbXOa__historyMini i{min-width:0}.perler-beads-module__hCbXOa__historyRestore strong,.perler-beads-module__hCbXOa__historyRestore small,.perler-beads-module__hCbXOa__historyRestore em{display:block}.perler-beads-module__hCbXOa__historyRestore strong{font-size:11px}.perler-beads-module__hCbXOa__historyRestore small,.perler-beads-module__hCbXOa__historyRestore em{color:var(--muted);margin-top:3px;font:9px monospace}.perler-beads-module__hCbXOa__historyRestore em{color:var(--green)}.perler-beads-module__hCbXOa__deleteItem{color:var(--muted);cursor:pointer;background:0 0;border:0}.perler-beads-module__hCbXOa__deleteItem:hover{color:var(--coral)}.perler-beads-module__hCbXOa__emptyHistory{text-align:center;place-items:center;padding:30px;display:grid}.perler-beads-module__hCbXOa__emptyHistory span{color:var(--coral);font-size:28px}.perler-beads-module__hCbXOa__emptyHistory p{margin:5px 0}.perler-beads-module__hCbXOa__emptyHistory small{font-size:9px}.perler-beads-module__hCbXOa__footnote{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:15px;margin-top:18px;padding-top:13px;font:9px monospace;display:flex}.perler-beads-module__hCbXOa__footnote p{text-align:right;margin:0}.perler-beads-module__hCbXOa__spin{animation:.8s linear infinite perler-beads-module__hCbXOa__spin}@keyframes perler-beads-module__hCbXOa__spin{to{transform:rotate(360deg)}}.perler-beads-module__hCbXOa__focusMode .perler-beads-module__hCbXOa__sidebar{display:none}.perler-beads-module__hCbXOa__focusMode .perler-beads-module__hCbXOa__workspace{display:block}.perler-beads-module__hCbXOa__focusMode .perler-beads-module__hCbXOa__canvasColumn{max-width:900px;margin:auto}@media (max-width:820px){.perler-beads-module__hCbXOa__frame{padding-inline:15px}.perler-beads-module__hCbXOa__workspace{grid-template-columns:1fr}.perler-beads-module__hCbXOa__sidebar{grid-template-columns:repeat(2,1fr);display:grid}.perler-beads-module__hCbXOa__controlBlock:last-child{grid-column:1/-1}.perler-beads-module__hCbXOa__gridWrap{min-height:0}.perler-beads-module__hCbXOa__canvasColumn{padding:15px}}@media (max-width:560px){.perler-beads-module__hCbXOa__headerStamp{display:none}.perler-beads-module__hCbXOa__header{padding-top:0}.perler-beads-module__hCbXOa__sidebar{display:block}.perler-beads-module__hCbXOa__canvasTop{align-items:start}.perler-beads-module__hCbXOa__progress{min-width:100px}.perler-beads-module__hCbXOa__tools .perler-beads-module__hCbXOa__toolGroup:first-child span{display:none}.perler-beads-module__hCbXOa__gridWrap{padding:10px}.perler-beads-module__hCbXOa__canvasActions{flex-direction:column;align-items:stretch;gap:9px}.perler-beads-module__hCbXOa__exports{justify-content:flex-end}.perler-beads-module__hCbXOa__historyHeading{flex-direction:column;align-items:start}.perler-beads-module__hCbXOa__footnote{display:block}.perler-beads-module__hCbXOa__footnote p{text-align:left;margin-top:7px}.perler-beads-module__hCbXOa__search input{width:100%}}@media (prefers-reduced-motion:reduce){.perler-beads-module__hCbXOa__page *{transition:none!important;animation:none!important}}