@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fredoka-latin-400-normal-17JuUzdy.woff2)format("woff2"),url(/assets/fredoka-latin-400-normal-DbXSrOeS.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}@font-face{font-family:ZCOOL KuaiLe;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/zcool-kuaile-subset-BIuU__kz.woff2)format("woff2")}:root{--paper:#fff6e5;--paper-deep:#f6e6ca;--card:#fffdf7;--card-soft:#fff8e9;--ink:#3b2a24;--ink-soft:#5a443a;--muted:#8d7464;--line:#5a412d24;--coral:#f26b53;--coral-deep:#cf4f39;--coral-soft:#ffe2d9;--sun:#ffd24f;--sun-deep:#e5ad17;--mint:#59c7b4;--mint-deep:#2d8e7f;--mint-soft:#e4f8f2;--sky:#bfe8f8;--lilac:#c9b4f5;--felt:#8ed6c8;--shadow-soft:0 10px 28px #5b422c1a;--shadow-hard:0 3px 0 #82614029;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--ink);overscroll-behavior:none;touch-action:manipulation;background-color:var(--paper);background-image:radial-gradient(circle at 12% 8%,#ffd24f2e,#0000 30%),radial-gradient(circle at 90% 4%,#93d7e83d,#0000 28%),radial-gradient(circle at 84% 92%,#c9b4f524,#0000 34%),radial-gradient(#8b68491f 1px,#0000 1px);background-size:auto,auto,auto,26px 26px;margin:0;font-family:Nunito,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}button:focus-visible{outline-offset:3px;outline:3px solid #f26b5385}input:focus-visible{outline-offset:3px;outline:3px solid #f26b5385}[role=button]:focus-visible{outline-offset:3px;outline:3px solid #f26b5385}::selection{background:#ffd98c}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:.02em;font-family:ZCOOL KuaiLe,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}.eyebrow{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:800}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.flip-x{transform:scaleX(-1)}.app-shell{height:100vh;flex-direction:column;height:100dvh;min-height:0;display:flex;position:relative}.topbar{flex:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px 10px;display:flex}.brand{align-items:center;gap:9px;min-width:0;animation:.55s cubic-bezier(.2,.9,.3,1.2) both rise-in;display:flex}.brand-mascot{filter:drop-shadow(0 5px 5px #6d493224);flex:none;place-items:center;display:grid;transform:rotate(-5deg)}.mascot{display:block;overflow:visible}.mascot-float{transform-origin:50% 70%;animation:3.4s ease-in-out infinite mascot-float}.brand-copy{min-width:0}.brand-kicker{color:var(--muted);letter-spacing:.11em;white-space:nowrap;margin-bottom:1px;font-size:10.5px;font-weight:800}.brand h1{color:var(--ink);white-space:nowrap;text-shadow:0 2px #ffffffe6;background:linear-gradient(#0000 62%,#ffd24f9e 62% 91%,#0000 91%);width:-moz-fit-content;width:fit-content;padding-right:3px;font-size:32px;line-height:1.04}.topbar-actions{align-items:center;gap:7px;min-width:0;animation:.55s cubic-bezier(.2,.9,.3,1.2) 80ms both rise-in;display:flex}.save-chip{color:#5c8b70;white-space:nowrap;background:#f0fbf4;border:1.5px dashed #b8ddc7;border-radius:999px;align-items:center;gap:4px;margin-right:2px;padding:6px 10px;font-size:10.5px;font-weight:800;display:inline-flex}.top-button{background:var(--card);height:40px;color:var(--ink-soft);box-shadow:var(--shadow-hard);white-space:nowrap;border:1.5px solid #e7d5bd;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:12.5px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.top-button:hover{background:#fffaf0;transform:translateY(-1px);box-shadow:0 4px #82614029}.top-button:active{transform:translateY(1px);box-shadow:0 1px #82614026}.top-button.primary{background:var(--coral);border-color:var(--coral-deep);color:#fffaf3;padding:0 15px;box-shadow:0 3px #b74330}.top-button.primary:hover{background:#ff7a61;box-shadow:0 4px #b74330}.topbar-divider{border-left:1.5px dashed #785b4238;align-self:stretch;width:1px;margin:5px 2px}.icon-button{background:var(--card);width:38px;height:38px;color:var(--ink-soft);box-shadow:var(--shadow-hard);border:1.5px solid #e7d5bd;border-radius:50%;flex:none;place-items:center;transition:transform .16s,background .16s;display:grid}.icon-button:hover{background:#fff6df;transform:translateY(-1px)rotate(-3deg)}.icon-button:active{transform:translateY(1px)}.workspace{flex:1;grid-template-columns:76px minmax(0,1fr) 320px;gap:14px;min-height:0;padding:0 20px 18px;display:grid}.tool-rail{box-shadow:var(--shadow-soft);scrollbar-width:none;background:#fffbf0;border:1.5px solid #7e5e3f21;border-radius:25px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;animation:.55s cubic-bezier(.2,.9,.3,1.2) .12s both rise-in;display:flex;position:relative;overflow-y:auto}.tool-rail::-webkit-scrollbar{display:none}.tool-rail:before{content:"";pointer-events:none;border:1.5px dashed #aa87622e;border-radius:20px;position:absolute;top:5px;bottom:5px;left:5px;right:5px}.tool-group{z-index:1;flex-direction:column;gap:3px;width:100%;display:flex;position:relative}.tool-button{width:100%;color:var(--muted);background:0 0;border:0;border-radius:15px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 7px;font-size:10px;font-weight:800;line-height:1.15;transition:background .16s,color .16s,transform .16s;display:flex}.tool-button:hover:not(:disabled){color:var(--ink-soft);background:#fff1d6}.tool-button:active:not(:disabled){transform:scale(.96)}.tool-button.is-active{color:#7d5212;background:#ffefc7;box-shadow:inset 0 0 0 1.5px #edbd55,0 2px #c89b3624}.tool-button.is-active .tool-bead-icon{transform:scale(1.1)}.tool-button:disabled{opacity:.32}.tool-button.danger{color:#b56552}.tool-button.danger:hover{color:#9f4939;background:#ffe8e0}.tool-bead-icon{background:radial-gradient(circle at 32% 27%,#ffffffd1,#0000 37%),radial-gradient(circle at 70% 78%,#311d1147,#0000 62%),#f26b53;border-radius:50%;width:25px;height:25px;transition:transform .18s;position:relative;box-shadow:inset 0 -2px 3px #4026142e,inset 0 1px 1px #ffffff73}.tool-bead-icon:after{content:"";background:#fff8e8;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #50341f52}.rail-divider{border-top:1.5px dashed #916f4c33;flex:none;width:76%;margin:1px 0}.rail-spacer{flex:1;min-height:4px}.mobile-extra-tools{display:none}.stage-column{flex-direction:column;gap:9px;min-width:0;min-height:0;display:flex}.stage-toolbar{flex:none;justify-content:space-between;align-items:center;gap:10px;min-width:0;animation:.55s cubic-bezier(.2,.9,.3,1.2) .16s both rise-in;display:flex}.project-tag{background:#fffdf6;border:1.5px solid #7e5e3f26;border-radius:14px;flex-wrap:wrap;align-items:center;gap:7px;min-width:0;padding:8px 13px 8px 15px;display:flex;position:relative;transform:rotate(-.35deg);box-shadow:0 3px #82614014}.project-tape{background:repeating-linear-gradient(90deg,#ffffff47 0 5px,#0000 5px 12px),#ffe29a;border:1px solid #d7aa4e40;width:51px;height:15px;position:absolute;top:-8px;left:20px;transform:rotate(-4deg)}.project-label{letter-spacing:.1em;color:var(--muted);font-size:10px;font-weight:900}.project-tag strong{color:var(--ink-soft);white-space:nowrap;font-size:12px;font-weight:800}.project-count{color:#a4652d;white-space:nowrap;background:#fff1d1;border-radius:999px;padding:2px 8px;font-family:Fredoka,sans-serif;font-size:10.5px}.stage-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.pill-toggle{color:#806757;background:#fffdf7;border:1.5px solid #e5d5c1;border-radius:999px;align-items:center;gap:5px;height:35px;padding:0 11px;font-size:11.5px;font-weight:800;transition:background .16s,color .16s,transform .16s;display:inline-flex;box-shadow:0 2px #8261401a}.pill-toggle:hover:not(:disabled){background:#fff6e3;transform:translateY(-1px)}.pill-toggle.is-active{color:#237668;background:#ddf8f0;border-color:#8bd5c5;box-shadow:inset 0 0 0 1px #59c7b42e}.pill-toggle:disabled{opacity:.4}.button{white-space:nowrap;border:1.5px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:6px;padding:9px 15px;font-size:12.5px;font-weight:800;line-height:1.2;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--coral);color:#fffaf3;border-color:var(--coral-deep);box-shadow:0 3px #b74330}.button.primary:hover:not(:disabled){background:#ff7a61}.button.secondary{color:var(--ink-soft);background:#fff7e5;border-color:#ecd7b2;box-shadow:0 2px #8261401f}.button.secondary:hover:not(:disabled){background:#ffefd1}.button.ghost{color:var(--ink-soft);background:0 0;border-color:#e4d5c2}.button.ghost:hover:not(:disabled){background:#fff5e1}.button.danger{color:#fff9f2;background:#e86752;border-color:#c34f3c;box-shadow:0 3px #a63f2e}.button.small{border-radius:11px;padding:7px 11px;font-size:11.5px}.button:disabled{opacity:.48;box-shadow:none}.iron-button{background:var(--sun);color:#5e3c00;border-color:#e4ac1c;border-radius:999px;height:36px;padding:0 15px;font-weight:900;box-shadow:0 3px #d4a116}.iron-button:hover:not(:disabled){background:#ffdb6c}.stage-frame{background-color:var(--felt);background-image:radial-gradient(circle at 18% 15%,#ffffff3b,#0000 42%),radial-gradient(circle at 83% 88%,#21827433,#0000 46%),radial-gradient(#fff3 1.2px,#0000 1.2px);background-size:auto,auto,18px 18px;border:2px solid #ffffffc7;border-radius:30px;flex:1;min-height:0;animation:.55s cubic-bezier(.2,.9,.3,1.2) .2s both rise-in;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #ffffff57,inset 0 14px 42px #24675d26,0 12px 30px #5b422c1f}.stage-frame:before{content:"";pointer-events:none;z-index:1;border:1.5px dashed #ffffff75;border-radius:22px;position:absolute;top:13px;bottom:13px;left:13px;right:13px}.stage-sticker{z-index:2;pointer-events:none;filter:drop-shadow(0 2px #5368481c);position:absolute}.sticker-star{color:#ffe37e;top:17px;right:22px;transform:rotate(12deg)}.sticker-heart{color:#ffb8b0;bottom:17px;left:19px;transform:rotate(-12deg)}.board-stage{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.board-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.board-canvas.tool-place{cursor:crosshair}.board-canvas.tool-erase{cursor:cell}.board-canvas.tool-pan{cursor:grab}.board-stage.is-panning .board-canvas{cursor:grabbing}.zoom-dock{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf6eb;border:1.5px solid #ffffffdb;border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 14px #2d574f2e}.zoom-btn{color:#446960;background:0 0;border:0;border-radius:50%;place-items:center;width:29px;height:29px;transition:background .15s;display:grid}.zoom-btn:hover{background:#dff7ef}.zoom-readout{text-align:center;color:#496b63;min-width:41px;font-family:Fredoka,sans-serif;font-size:11px;font-weight:600}.zoom-separator{background:#4669602e;width:1px;height:17px;margin:0 2px}.stage-hint-pill{z-index:6;color:#4c6b63;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffdf6d6;border:1.5px solid #fffc;border-radius:999px;align-items:center;gap:5px;padding:7px 11px;font-size:10.5px;font-weight:700;display:flex;position:absolute;bottom:17px;left:18px}.hint-divider{background:#4a6a6240;width:1px;height:11px;margin:0 2px}.intro-bubble{z-index:7;align-items:flex-end;gap:1px;max-width:330px;animation:.5s cubic-bezier(.2,.9,.3,1.3) .7s both bubble-pop;display:flex;position:absolute;bottom:58px;left:20px}.intro-bubble>.mascot{filter:drop-shadow(0 4px 4px #395b5129);flex:none;transform:translateY(7px)rotate(-3deg)}.intro-copy{background:#fffdf6;border:1.5px solid #f0ddc1;border-radius:17px 17px 17px 5px;padding:10px 30px 10px 13px;position:relative;box-shadow:0 5px 16px #33595124}.intro-copy strong{color:var(--ink);font-size:13px;font-weight:900;display:block}.intro-copy p{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.45}.intro-close{color:#ad9581;background:0 0;border:0;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:5px;right:5px}.intro-close:hover{color:var(--ink);background:#f7ecd8}.iron-overlay{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fff7e5c7;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.iron-sheet{background:linear-gradient(115deg,#0000 20%,#ffffffb3 48%,#0000 62%);animation:1.75s ease-in-out both sheet-shine;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}.iron-tool{color:#5c5247;filter:drop-shadow(0 10px 12px #49372633);animation:1.75s cubic-bezier(.4,0,.2,1) both iron-sweep;position:relative}.steam{filter:blur(2px);opacity:0;background:#ffffffe6;border-radius:50%;width:13px;height:13px;position:absolute}.steam-one{animation:1s ease-out .35s infinite steam-rise;top:-4px;left:60px}.steam-two{animation:1.1s ease-out .55s infinite steam-rise;top:2px;left:73px}.steam-three{animation:.9s ease-out .7s infinite steam-rise;top:5px;left:48px}.iron-overlay p{color:#55443a;margin-top:12px;font-family:ZCOOL KuaiLe,sans-serif;font-size:21px;animation:1.4s ease-in-out infinite pulse-soft}.color-panel{border-radius:var(--radius-lg);min-height:0;box-shadow:var(--shadow-soft);scrollbar-width:thin;scrollbar-color:#e5d3b8 transparent;background:#fffcf3;border:1.5px solid #fffffff0;flex-direction:column;gap:11px;padding:18px 15px 15px;animation:.55s cubic-bezier(.2,.9,.3,1.2) .24s both rise-in;display:flex;position:relative;overflow-y:auto}.color-panel:before{content:"";opacity:.9;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff4d 0 4px,#0000 4px 10px),#ffe19a;border-radius:2px;width:82px;height:17px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(1.5deg)}.color-panel-head{flex:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.color-panel-head h2{margin-top:2px;font-size:20px;line-height:1.25}.used-colors{color:#54806b;white-space:nowrap;background:#f1f9f4;border:1px solid #d3e9dc;border-radius:999px;flex:none;align-items:center;gap:3px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.color-current{background:radial-gradient(circle at 93% 12%,#ffffffb3,#0000 31%),linear-gradient(135deg,#fff5dc,#ffedc6);border:1.5px solid #f0d7a4;border-radius:17px;flex:none;align-items:center;gap:10px;min-height:63px;padding:10px 11px;display:flex;position:relative;overflow:hidden}.color-current:after{content:"";pointer-events:none;border:2px dashed #b1863d2e;border-radius:50%;width:72px;height:72px;position:absolute;bottom:-25px;right:-18px}.current-bead{background:radial-gradient(circle at 30% 25%, #ffffffdb, transparent 35%), radial-gradient(circle at 70% 78%, var(--bead-dark,#7a3c30), transparent 68%), var(--bead-color,#ff6fa5);border-radius:50%;flex:none;width:43px;height:43px;position:relative;box-shadow:inset 0 -3px 6px #3a221233,inset 0 2px 3px #ffffff85,0 3px 5px #754e282e}.current-bead:after{content:"";background:#fff3d7;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 3px #5f3b2054}.current-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.current-label{color:#9f7741;letter-spacing:.12em;font-size:9px;font-weight:900}.current-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.2;overflow:hidden}.current-meta{color:#937858;font-family:Fredoka,PingFang SC,sans-serif;font-size:10px}.current-total{z-index:1;flex-direction:column;flex:none;align-items:flex-end;margin-left:auto;display:flex;position:relative}.current-total strong{color:#b95a2c;font-family:Fredoka,sans-serif;font-size:21px;line-height:1}.current-total span{color:#9a7b59;font-size:9px;font-weight:700}.color-tabs-row{align-items:center;gap:6px;min-width:0;display:flex}.color-tabs{background:#f5ead9;border-radius:12px;flex:none;grid-template-columns:repeat(4,1fr);gap:2px;min-width:0;padding:3px;display:grid}.palette-size-chip{color:#9a7147;white-space:nowrap;background:#fff4dc;border:1.5px solid #ecd7b4;border-radius:999px;flex:none;align-items:center;padding:4px 8px;font-family:Fredoka,PingFang SC,sans-serif;font-size:10px;font-weight:600;display:none}.color-tab{color:#8c7461;background:0 0;border:0;border-radius:9px;padding:6px 1px;font-size:11px;font-weight:800;transition:background .15s,color .15s,box-shadow .15s}.color-tab.is-active{color:#513a2e;background:#fffdf7;box-shadow:0 1px 3px #6e503221}.color-grid{flex:none;grid-template-columns:repeat(6,1fr);gap:3px;padding:1px 0;display:grid}.color-swatch{background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:4px 1px 3px;transition:background .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.color-swatch:hover{background:#fff3dd;transform:translateY(-1px)}.color-swatch.is-active{background:#fff1ce;box-shadow:inset 0 0 0 1.5px #f0b84b}.swatch-bead{background:radial-gradient(circle at 31% 25%, #ffffffd9, transparent 36%), radial-gradient(circle at 70% 80%, var(--bead-dark,#7a3c30), transparent 66%), var(--bead-color,#ff6fa5);border-radius:50%;width:35px;height:35px;position:relative;box-shadow:inset 0 -3px 5px #3a22122b,inset 0 2px 2px #ffffff73,0 2px 3px #5f432824}.swatch-bead:after{content:"";background:#fff9ec;border-radius:50%;width:11px;height:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #52341b57}.swatch-code{color:#a18b77;letter-spacing:.02em;font-family:Fredoka,sans-serif;font-size:8.5px;font-weight:500}.color-swatch.is-active .swatch-code{color:#93601c}.swatch-check{color:#fff;background:#3e766a;border:1.5px solid #fffdf7;border-radius:50%;place-items:center;width:14px;height:14px;display:grid;position:absolute;top:1px;right:5px}.bead-jar-card{background:radial-gradient(circle at 50% 24%,#ffffffd9,#0000 46%),linear-gradient(#fbf4e6,#f6eddc);border:1.5px dashed #bf9f7659;border-radius:18px;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;gap:1px;min-height:205px;padding:6px;display:flex;overflow:hidden}.bead-jar{filter:drop-shadow(0 8px 8px #674d2e1a);width:min(142px,78%);height:auto}.jar-float{transform-origin:50% 75%;animation:4.5s ease-in-out infinite jar-bob}.bead-jar-card p{color:#9b8169;text-align:center;margin-top:-1px;font-size:10px;font-weight:700}.used-work{background:linear-gradient(#fdf7eb,#fffaf0);border:1.5px solid #efe1ce;border-radius:17px;flex-direction:column;flex:1 0 auto;gap:6px;min-height:0;padding:9px 8px 7px;display:flex}.used-work-head{justify-content:space-between;align-items:baseline;gap:6px;padding:0 2px;display:flex}.used-work-head h3{color:var(--ink-soft);font-size:12px;font-weight:900}.used-work-head span{color:#9d856e;white-space:nowrap;font-family:Fredoka,sans-serif;font-size:8.5px}.used-rows{scrollbar-width:thin;scrollbar-color:#e2cfb4 transparent;flex-direction:column;gap:1px;min-height:0;max-height:238px;display:flex;overflow-y:auto}.used-row{border-radius:9px;align-items:center;gap:6px;min-height:25px;padding:3px 5px;display:flex}.used-row:nth-child(odd){background:#f7eddd9e}.used-bead{background:radial-gradient(circle at 32% 27%, #fffc, transparent 38%), radial-gradient(circle at 70% 80%, var(--bead-dark,#7a3c30), transparent 65%), var(--bead-color,#ff6fa5);border-radius:50%;flex:none;width:17px;height:17px;position:relative;box-shadow:inset 0 -1px 2px #3a22122e}.used-bead:after{content:"";opacity:.86;background:#fff9ec;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.used-name{color:#6f5748;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:10.5px;font-weight:700;overflow:hidden}.used-code{color:#b09a84;font-family:Fredoka,sans-serif;font-size:8px}.used-count{color:#a46233;text-align:right;min-width:33px;font-family:Fredoka,sans-serif;font-size:9.5px}.palette-tip{color:#4e735e;background:#edf9f3;border:1.5px dashed #b9ddca;border-radius:13px;flex:none;align-items:flex-start;gap:7px;padding:8px 9px;font-size:10px;line-height:1.5;display:flex}.palette-tip strong{color:#356d5b}.tip-spark{color:#dda62a;flex:none;padding-top:1px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#37271e6b;justify-content:center;align-items:center;padding:20px;animation:.2s both fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-backdrop.is-elevated{z-index:200}.modal-card{width:100%;max-height:90vh;background:#fffbf1;border:2px solid #ffffffe6;border-radius:27px;flex-direction:column;max-height:min(90dvh,900px);animation:.28s cubic-bezier(.2,.9,.3,1.16) both modal-pop;display:flex;position:relative;overflow:hidden;box-shadow:0 26px 80px #3121174d}.modal-sm{max-width:430px}.modal-md{max-width:570px}.modal-lg{max-width:800px}.modal-xl{max-width:1060px}.modal-tape{z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff4d 0 5px,#0000 5px 11px),#ffe197;border:1px solid #d5a74b2e;border-radius:2px;width:108px;height:21px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-1.5deg)}.modal-head{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:24px 26px 8px;display:flex}.modal-head h2{margin-top:2px;font-size:28px;line-height:1.1}.modal-close{width:34px;height:34px;box-shadow:none;background:#f8edda;border-color:#eedcc3;flex:none}.modal-close:hover{background:#ffe9dc}.modal-body{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#e1cbae transparent;padding:8px 26px 24px;position:relative;overflow-y:auto}.modal-lead{color:var(--muted);max-width:720px;margin-bottom:16px;font-size:13px;line-height:1.65}.modal-note{color:#7a624e;background:#f6efdf;border:1.5px dashed #dfc9a8;border-radius:14px;align-items:flex-start;gap:8px;margin-top:17px;padding:11px 13px;font-size:11.5px;line-height:1.55;display:flex}.modal-note svg{color:#d2a339;flex:none;margin-top:1px}.confirm-copy{color:var(--ink-soft);padding:6px 0 18px;font-size:14px;line-height:1.7}.confirm-actions{justify-content:flex-end;gap:9px;display:flex}.board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.board-card{text-align:left;background:#fffdf8;border:1.5px solid #ead9c4;border-radius:19px;align-items:center;gap:10px;min-width:0;padding:10px;transition:transform .16s,box-shadow .16s,border .16s,background .16s;display:flex;position:relative}.board-card:hover{border-color:#e6c58d;transform:translateY(-2px);box-shadow:0 8px 18px #704f301c}.board-card.is-active{background:#fff6de;border-color:#edb84a;box-shadow:inset 0 0 0 1px #f6d182}.board-card-preview{background:radial-gradient(circle at 25% 20%,#ffffff80,#0000 45%),#c9ede3;border-radius:15px;flex:none;place-items:center;width:82px;height:82px;display:grid;overflow:hidden}.board-thumb{display:block}.board-card-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.board-card-title{color:var(--ink);flex-wrap:wrap;align-items:center;gap:5px;font-size:13px;font-weight:900;display:flex}.mini-pill{letter-spacing:.04em;color:#2f7969;background:#d9f5ed;border-radius:999px;padding:2px 6px;font-size:8px;font-weight:800}.board-card-blurb{color:var(--muted);font-size:10.5px;font-weight:600;line-height:1.4}.board-check{color:#fffdf4;background:#eab33f;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:8px;right:8px;box-shadow:0 1px 3px #82591c3b}.board-check.ghost{color:#c2ad95;box-shadow:none;background:0 0;transform:rotate(-90deg)}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.template-card{text-align:center;background:#fffdf8;border:1.5px solid #ead9c4;border-radius:18px;flex-direction:column;gap:6px;padding:9px 9px 10px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}.template-card:hover{border-color:#e6c58d;transform:translateY(-2px)rotate(-.4deg);box-shadow:0 8px 18px #704f301c}.template-preview{background:#e8f7f2;border-radius:13px;padding:6px;display:block;position:relative}.pattern-thumb{aspect-ratio:1;filter:drop-shadow(0 1px 1px #3e5b5217);border-radius:8px;width:100%;max-width:132px;margin:0 auto;display:block}.template-pin{opacity:.9;background:#ffe19a;border:1px solid #d3a74d29;width:28px;height:11px;position:absolute;top:-3px;right:18px;transform:rotate(3deg)}.template-copy{flex-direction:column;gap:1px;min-height:36px;display:flex}.template-copy strong{color:var(--ink);font-size:12px;font-weight:900}.template-copy span{color:var(--muted);font-size:9.5px;line-height:1.4}.template-cta{color:#7f5b16;background:#fff0c9;border:1px solid #f0cf81;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:3px;margin-top:auto;padding:4px 9px;font-size:9.5px;font-weight:900;display:inline-flex}.template-card:hover .template-cta{background:#ffe28b}.dropzone{min-height:330px;color:var(--ink-soft);text-align:center;background:radial-gradient(circle at 20% 20%,#ffffffa6,#0000 35%),#fff9eb;border:2.5px dashed #d7b56f;border-radius:23px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:28px;transition:background .18s,border-color .18s,transform .18s;display:flex}.dropzone:hover,.dropzone.is-dragging{background:#fff2cf;border-color:#c39a41;transform:scale(1.005)}.dropzone-icon{color:#4d9b8b;background:#e6f8f1;border:1.5px solid #bce5d8;border-radius:25px;place-items:center;width:76px;height:76px;margin-bottom:5px;display:grid;position:relative}.dropzone-spark{color:#e4ad2f;position:absolute;top:-8px;right:-9px;transform:rotate(9deg)}.dropzone strong{color:var(--ink);font-family:ZCOOL KuaiLe,sans-serif;font-size:25px;font-weight:400}.dropzone>span:not(.dropzone-icon){color:#836a56;font-size:13px;font-weight:700}.dropzone em{color:#a08a76;margin-top:10px;font-size:10.5px;font-style:normal}.dropzone+.inline-error,.drop-error{margin-top:12px}.uploaded-bar{background:#f7eee0;border:1px solid #ead9c3;border-radius:15px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;padding:8px 10px;display:flex}.uploaded-file{align-items:center;gap:9px;min-width:0;display:flex}.uploaded-file img{object-fit:cover;background:#fff;border:1.5px solid #fff;border-radius:10px;flex:none;width:42px;height:42px}.uploaded-file strong{text-overflow:ellipsis;white-space:nowrap;max-width:360px;font-size:11.5px;display:block;overflow:hidden}.uploaded-file span{color:var(--muted);margin-top:2px;font-size:10px;display:block}.converter-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.converter-preview-wrap{background-color:#8ed6c8;background-image:radial-gradient(circle at 18% 15%,#ffffff38,#0000 42%),radial-gradient(#fff3 1.2px,#0000 1.2px);background-size:auto,18px 18px;border:1.5px solid #ffffffc2;border-radius:21px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:410px;padding:16px;transition:background-color .16s;display:flex;position:relative;overflow:hidden}.converter-preview-wrap.is-dragging{background-color:#a5e3d7}.preview-ribbon{z-index:2;color:#7f6854;background:#fffaf0;border:1px solid #ead8bc;border-radius:999px;padding:4px 9px;font-size:9.5px;font-weight:900;position:absolute;top:12px;left:12px;transform:rotate(-1.5deg)}.converter-preview{justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.converter-preview canvas{filter:drop-shadow(0 8px 10px #345b5229);width:auto;max-width:100%;height:auto;max-height:365px;display:block}.converter-stats{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.converter-stats span{color:#4e6c64;background:#fffdf8e6;border:1px solid #fffc;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700}.converter-stats strong{color:#b75f30;font-family:Fredoka,sans-serif;font-size:12px}.converter-controls{background:#fffdf7;border:1.5px solid #ecdfce;border-radius:20px;flex-direction:column;gap:13px;padding:14px;display:flex}.control-block{flex-direction:column;gap:6px;display:flex}.control-label{color:var(--ink-soft);justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;font-weight:800;display:flex}.control-label small{color:var(--muted);font-size:9.5px;font-weight:600}.control-label output{color:#a26935;background:#fff2d8;border-radius:999px;padding:1px 7px;font-family:Fredoka,sans-serif;font-size:11px}.segmented{background:#f3e8d7;border-radius:11px;gap:2px;padding:3px;display:flex}.segmented button{color:#836b57;background:0 0;border:0;border-radius:8px;flex:1;padding:6px 2px;font-size:10.5px;font-weight:800;transition:background .15s,color .15s,box-shadow .15s}.segmented button.is-active{color:#513d30;background:#fffdf7;box-shadow:0 1px 3px #6e503224}.slider{width:100%;accent-color:var(--coral);cursor:pointer;height:20px}.toggle-stack{flex-direction:column;gap:6px;display:flex}.toggle-row{text-align:left;background:#fbf5e9;border:1px solid #ecdfce;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 9px;transition:background .15s,border-color .15s;display:flex}.toggle-row.is-on{background:#eaf9f2;border-color:#b9e0ce}.toggle-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.toggle-copy strong{color:var(--ink-soft);font-size:11.5px}.toggle-copy small{color:var(--muted);font-size:9.5px;line-height:1.35}.switch-track{background:#d8cab7;border-radius:999px;flex:none;width:35px;height:20px;padding:2px;transition:background .16s}.switch-track span{background:#fffdf7;border-radius:50%;width:16px;height:16px;transition:transform .16s;display:block;box-shadow:0 1px 3px #5b402833}.toggle-row.is-on .switch-track{background:var(--mint)}.toggle-row.is-on .switch-track span{transform:translate(15px)}.converter-hint{color:#907763;align-items:flex-start;gap:5px;font-size:10px;line-height:1.45;display:flex}.converter-hint svg{color:#b38b54;flex:none}.converter-apply{width:100%;padding:11px 12px;font-size:14px}.converter-privacy{text-align:center;color:#a59280;font-size:9.5px;line-height:1.4}.inline-error{color:#a64f3c;background:#fff0eb;border:1px solid #f3c6b9;border-radius:10px;width:100%;padding:7px 10px;font-size:11px;line-height:1.4}.finish-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:20px;display:grid}.finish-preview-card{background:#f5ead8;border:1.5px solid #ead3b4;border-radius:19px;padding:12px;position:relative;transform:rotate(-.6deg);box-shadow:0 8px 20px #6a4b2e1c}.finish-tape{z-index:1;background:repeating-linear-gradient(90deg,#ffffff4d 0 4px,#0000 4px 10px),#ffe19a;border:1px solid #d4a74e33;width:88px;height:20px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-2deg)}.finish-preview-card img{object-fit:contain;background:#fff8e9;border-radius:12px;width:100%;max-height:350px;display:block}.finish-loading{min-height:240px;color:var(--muted);place-items:center;font-size:13px;display:grid}.finish-sticker{color:#8b5c12;background:#ffd75b;border:2px solid #fffdf6;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:-8px;right:-8px;transform:rotate(8deg);box-shadow:0 3px 6px #6b4c2126}.finish-copy{flex-direction:column;gap:13px;display:flex}.finish-lead{color:#594237;font-family:ZCOOL KuaiLe,sans-serif;font-size:19px;line-height:1.45}.finish-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.finish-stats>div{background:#fff5df;border:1px solid #f0ddbf;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:8px 3px;display:flex}.finish-stats strong{color:#b65a2e;font-family:Fredoka,sans-serif;font-size:19px;line-height:1}.finish-stats span{color:#937a61;font-size:9px;font-weight:700}.finish-actions{flex-direction:column;gap:7px;display:flex}.finish-actions .button{width:100%}.finish-note{color:#977f69;align-items:flex-start;gap:5px;font-size:10px;line-height:1.5;display:flex}.finish-note svg{color:#d98272;flex:none;margin-top:1px}.confetti{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.finish-layout{z-index:1;position:relative}.confetti span{animation-name:confetti-fall;animation-timing-function:linear;animation-fill-mode:both;position:absolute;top:-20px}.help-hero{background:#fff1d3;border:1.5px solid #f1d99e;border-radius:17px;align-items:center;gap:11px;padding:11px 14px;display:flex}.help-hero p{color:#745c47;font-size:12px;font-weight:700;line-height:1.55}.help-steps{flex-direction:column;gap:12px;margin:15px 0;padding:0;list-style:none;display:flex}.help-steps li{align-items:flex-start;gap:10px;display:flex}.help-number{color:#714b0e;background:#ffd86d;border:1.5px solid #e9b93f;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-family:Fredoka,sans-serif;font-size:14px;font-weight:600;display:grid}.help-steps strong{font-size:13px;font-weight:900}.help-steps p{color:var(--muted);margin-top:2px;font-size:11.5px;line-height:1.55}.help-tips{background:#f8f1e4;border-radius:14px;flex-direction:column;gap:6px;margin-bottom:15px;padding:10px;display:flex}.help-tips div{color:#796350;align-items:flex-start;gap:6px;font-size:10.5px;line-height:1.45;display:flex}.help-tips svg{color:#b9873e;flex:none}.help-cta{width:100%}.toast{z-index:400;color:#fff9ed;background:#3f3028;border-radius:999px;align-items:center;gap:8px;max-width:min(90vw,480px);padding:10px 17px 10px 10px;font-size:12.5px;font-weight:700;animation:.26s cubic-bezier(.2,.9,.3,1.2) both toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #30211745}.toast.tone-happy{background:#2f7164}.toast.tone-warn{background:#99513d}.toast-mark{background:#ffffff29;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes bubble-pop{0%{opacity:0;transform:translateY(8px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mascot-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(1deg)}}@keyframes pulse-soft{0%,to{opacity:.9}50%{opacity:1}}@keyframes steam-rise{0%{opacity:0;transform:translateY(0)scale(.7)}25%{opacity:.85}to{opacity:0;transform:translateY(-42px)scale(1.5)}}@keyframes iron-sweep{0%{opacity:0;transform:translate(-38vw,-30px)rotate(-8deg)scale(.8)}18%{opacity:1}50%{transform:translateY(6px)rotate(-5deg)scale(1.08)}82%{opacity:1}to{opacity:0;transform:translate(38vw,-22px)rotate(-8deg)scale(.85)}}@keyframes sheet-shine{0%{transform:translate(-110%)}to{transform:translate(110%)}}@keyframes jar-bob{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-3px)rotate(.4deg)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:.85;transform:translateY(600px)rotate(520deg)}}@media (max-width:1220px){.workspace{grid-template-columns:72px minmax(0,1fr) 300px;gap:11px;padding:0 14px 14px}.topbar{padding-left:16px;padding-right:16px}.brand h1{font-size:29px}.color-panel{padding:16px 12px 13px}.color-panel-head h2{font-size:19px}.save-chip{display:none}}@media (max-width:1020px){.workspace{grid-template-columns:66px minmax(0,1fr) 282px;gap:9px;padding:0 10px 10px}.top-button{padding:0 10px;font-size:11.5px}.top-button.primary{padding:0 12px}.brand h1{font-size:27px}.brand-kicker{font-size:9.5px}.stage-hint-pill{padding:6px 9px;font-size:9.5px}.zoom-dock{bottom:11px;right:11px}.project-tag{padding:7px 10px}.project-label{display:none}.color-grid{gap:2px 3px}.swatch-bead{width:33px;height:33px}}@media (max-width:860px){body{overflow:hidden}.app-shell{height:100vh;height:100dvh;min-height:0}.topbar{padding:max(10px, env(safe-area-inset-top)) 12px 7px;gap:8px}.brand{gap:6px}.brand h1{font-size:23px}.brand-kicker{display:none}.brand-mascot svg{width:42px;height:42px}.topbar-actions{gap:4px}.top-button{border-radius:50%;width:38px;height:38px;padding:0}.top-button span{display:none}.top-button.primary{width:38px;padding:0}.top-button.primary span,.topbar-divider{display:none}.icon-button{width:34px;height:34px}.icon-button svg{width:19px;height:19px}.workspace{padding:0 9px max(9px, env(safe-area-inset-bottom));flex-direction:column;gap:8px;min-height:0;display:flex}.stage-column{flex:1;order:1;gap:7px;min-height:0}.color-panel{border-radius:20px;flex-direction:column;flex:none;order:2;gap:7px;max-height:182px;padding:9px 10px;display:flex;overflow:hidden}.color-panel:before,.color-panel-head{display:none}.color-panel-head h2{font-size:15px}.used-colors{font-size:9px}.color-current{border-radius:13px;flex:none;gap:7px;padding:5px 8px}.current-bead{width:28px;height:28px}.current-bead:after{width:9px;height:9px}.current-label{display:none}.current-copy strong{font-size:12px}.current-meta{font-size:9px}.current-total strong{font-size:15px}.current-total span{font-size:8px}.color-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:auto;gap:2px;min-width:0;padding:2px;display:flex;overflow-x:auto}.palette-size-chip{display:inline-flex}.color-tabs::-webkit-scrollbar{display:none}.color-tab{white-space:nowrap;flex:none;min-width:42px;padding:4px 7px;font-size:9.5px}.color-grid{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;flex:none;gap:3px;padding:0 0 2px;display:flex;overflow:auto hidden}.color-grid::-webkit-scrollbar{display:none}.color-swatch{border-radius:11px;flex:0 0 43px;padding:2px 1px}.swatch-bead{width:29px;height:29px}.swatch-bead:after{width:9px;height:9px}.swatch-code{font-size:7.5px}.swatch-check{width:12px;height:12px;right:1px}.palette-tip,.bead-jar-card,.used-work{display:none}.tool-rail{border-radius:17px;flex-direction:row;flex:none;order:3;align-items:center;gap:4px;width:100%;padding:5px 6px;overflow:auto hidden}.tool-rail:before{display:none}.tool-group{flex-direction:row;flex:none;gap:1px;width:auto}.tool-group.compact{flex:none}.tool-button{border-radius:12px;flex-direction:row;gap:5px;width:auto;min-width:42px;height:43px;padding:5px 8px;font-size:10px}.tool-bead-icon{width:21px;height:21px}.tool-bead-icon:after{width:7px;height:7px}.rail-divider{border-top:0;border-left:1.5px dashed #916f4c33;flex:none;width:1px;height:30px;margin:0 2px}.rail-spacer{display:none}.stage-toolbar{scrollbar-width:none;flex-wrap:nowrap;padding:0 1px;overflow:auto hidden}.stage-toolbar::-webkit-scrollbar{display:none}.project-tag{flex:none}.project-dims{display:none}.stage-controls{flex-wrap:nowrap;flex:none;margin-left:auto}.stage-frame{border-radius:23px}.stage-frame:before{border-radius:17px;top:9px;bottom:9px;left:9px;right:9px}.stage-sticker,.stage-hint-pill{display:none}.zoom-dock{padding:3px;bottom:9px;right:9px}.zoom-btn{width:27px;height:27px}.intro-bubble{transform-origin:0 100%;bottom:54px;left:10px;transform:scale(.9)}.intro-bubble>.mascot{width:62px;height:62px}.intro-copy{padding:8px 27px 8px 10px}.intro-copy strong{font-size:11.5px}.intro-copy p{font-size:10px}.mobile-extra-tools .icon-button{width:38px;height:38px;box-shadow:none;color:var(--muted);background:0 0;border-color:#0000}.toast{bottom:max(14px, env(safe-area-inset-bottom));font-size:11.5px}.modal-backdrop{padding:10px}.modal-card{border-radius:22px;max-height:94dvh}.modal-head{padding:20px 18px 7px}.modal-head h2{font-size:24px}.modal-body{padding:7px 18px 19px}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.converter-layout{grid-template-columns:1fr}.converter-preview-wrap{min-height:300px}.converter-preview canvas{max-height:270px}.finish-layout{grid-template-columns:1fr;gap:14px}.finish-preview-card img{max-height:300px}}@media (max-width:620px){.topbar{padding:8px 10px 6px}.brand h1{font-size:21px}.brand-mascot svg,.top-button{width:36px;height:36px}.top-button.primary{width:36px}.icon-button{width:32px;height:32px}.topbar-actions .icon-button{display:none}.mobile-extra-tools{flex:none;display:flex}.project-tag{border-radius:12px;gap:5px;padding:6px 9px}.project-tag strong{font-size:10.5px}.project-count{padding:1px 6px;font-size:9px}.pill-toggle{height:32px;padding:0 9px;font-size:10.5px}.iron-button{height:33px;padding:0 11px;font-size:11.5px}.stage-controls{gap:4px}.color-panel{max-height:172px;padding:8px 9px}.tool-button>span:not(.tool-bead-icon){display:none}.tool-button{min-width:38px;padding:5px 7px}.tool-button svg{width:20px;height:20px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.board-card{border-radius:16px;flex-direction:column;align-items:stretch;gap:6px;padding:8px}.board-card-preview{width:100%;height:94px}.board-card-copy{gap:2px}.board-card-title{font-size:12px}.board-card-blurb{font-size:9.5px}.board-check{bottom:6px;right:6px}.modal-head h2{font-size:21px}.modal-lead{font-size:12px}.dropzone{min-height:280px;padding:20px 16px}.dropzone strong{font-size:21px}.converter-preview-wrap{min-height:260px;padding:12px}.converter-preview canvas{max-height:235px}.uploaded-file img{width:36px;height:36px}.uploaded-file strong{max-width:170px}.finish-stats strong,.finish-lead{font-size:16px}.modal-close{width:31px;height:31px}.confirm-actions{flex-direction:column-reverse}.confirm-actions .button{width:100%}}@media (max-width:360px){.brand-mascot{display:none}.brand h1{font-size:20px}.top-button,.top-button.primary{width:34px;height:34px}.topbar-actions{gap:3px}.stage-column{gap:6px}.project-tag strong,.pill-toggle span{display:none}.pill-toggle{justify-content:center;width:32px;padding:0}.iron-button span{display:none}.iron-button{justify-content:center;width:34px;padding:0}.modal-body{padding-left:13px;padding-right:13px}.modal-head{padding-left:14px;padding-right:14px}}@media (max-height:720px) and (max-width:860px){.color-panel{max-height:146px}.color-current{display:none}.stage-toolbar{min-height:32px}.topbar{padding-top:6px;padding-bottom:4px}}@media (pointer:coarse){.zoom-btn{width:35px;height:35px}.zoom-readout{min-width:46px}.top-button{min-height:44px}.icon-button{width:42px;height:42px}.tool-button{min-height:46px}.color-tab{min-height:30px;padding:6px 8px}.color-swatch{flex:0 0 48px}.swatch-bead{width:34px;height:34px}.intro-close{width:30px;height:30px}@media (min-width:620px){.stage-hint-pill{padding:6px 9px;font-size:9.5px;display:flex;bottom:12px;left:12px}}@media (min-width:620px) and (max-width:860px){.top-button,.top-button.primary,.icon-button{width:44px;height:44px}.zoom-btn{width:38px;height:38px}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.mascot-float{animation:none}}