:root{--paper:oklch(97.5% .014 72);--bg:oklch(97.5% .014 72);--card:oklch(99.5% .004 85);--sunk:oklch(98.5% .008 75);--field:oklch(98.5% .008 75);--line:oklch(91.5% .014 75);--line-strong:oklch(87.5% .02 75);--stage-top:oklch(96.8% .026 40);--stage-bottom:oklch(92.1% .054 8);--viewer-bg:oklch(95% .035 25);--ink:oklch(32% .015 60);--muted:oklch(54.5% .02 70);--faint:oklch(64.5% .016 72);--on-accent:oklch(99% .01 25);--accent:oklch(72% .12 25);--accent-deep:oklch(62% .13 25);--accent-soft:oklch(85% .06 25);--accent-tint:oklch(94.5% .035 25);--accent-ring:oklch(72% .12 25/.22);--peach:oklch(93% .045 55);--peach-ink:oklch(45% .09 55);--pink:oklch(93% .05 10);--pink-ink:oklch(47% .1 10);--lavender:oklch(93% .045 300);--lavender-ink:oklch(44% .09 300);--mint:oklch(94% .05 160);--mint-ink:oklch(42% .08 160);--butter:oklch(95% .06 95);--butter-ink:oklch(45% .09 80);--warn-bg:oklch(95.5% .045 85);--warn-ink:oklch(47% .09 70);--warn-line:oklch(89.5% .055 85);--danger-bg:oklch(96% .025 25);--danger-ink:oklch(50% .14 25);--danger-line:oklch(88% .05 25);--line-green:#06c755;--line-green-deep:#05a948;--radius-hero:28px;--radius:24px;--radius-ctl:16px;--radius-sm:12px;--shadow:0 1px 2px oklch(30% .02 60/.05), 0 10px 28px oklch(30% .02 60/.07);--lip:oklch(90% .015 75);--dur:.14s;--ease:cubic-bezier(.25, .46, .45, .94);--track:oklch(90.5% .012 80);--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Thai", "Leelawadee UI", Tahoma, sans-serif;--display:"kaka-mali", var(--font)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--paper);color:var(--ink);font:400 15px/1.55 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(700px 460px at 4% -6%,oklch(94% .045 40/.6),#0000 70%),radial-gradient(760px 500px at 104% 4%,oklch(94% .04 305/.55),#0000 70%),radial-gradient(620px 440px at 26% 100%,oklch(95% .045 160/.45),#0000 70%);background-attachment:fixed;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-deep);outline-offset:3px}::selection{background:var(--accent-soft);color:oklch(25% .03 25)}input::selection{background:var(--accent-soft);color:oklch(25% .03 25)}textarea::selection{background:var(--accent-soft);color:oklch(25% .03 25)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.hub{width:100%;max-width:1240px;padding:0 16px calc(28px + env(safe-area-inset-bottom,0px));margin:0 auto}.hub-head{text-align:center;justify-items:center;gap:5px;padding:22px 4px 18px;display:grid}.hub-mark{width:54px;height:54px;display:block}.hub-word{font-family:var(--display);letter-spacing:.2px;margin:2px 0 0;font-size:29px;font-weight:400;line-height:1.25}.hub-tag{max-width:34ch;color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13.5px;line-height:1.5}.hub-tag span{display:block}.hub-block+.hub-block{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.hub-sec{font-family:var(--display);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 10px;padding-left:2px;font-size:19px;font-weight:400;line-height:1.4;display:flex}.hub-sec-note{font-family:var(--font);color:var(--faint);font-size:12px;font-weight:400;line-height:1.5}.hub-live-list,.hub-soon-list{margin:0;padding:0;list-style:none}.hub-live-list{gap:12px;display:grid}.hub-tool{text-align:left;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--card);width:100%;box-shadow:var(--shadow);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:15px 16px 16px;display:grid}.hub-tool:hover{border-color:oklch(86% .06 25);transform:translateY(-2px)}.hub-tool:active{border-color:var(--accent);transform:translateY(0)}.hub-art{border:1px solid var(--line);background:var(--sunk);border-radius:22px;flex:none;place-items:center;width:96px;height:96px;display:grid}.hub-art svg{width:78px;height:78px;display:block}.hub-art[data-tool=clicker]{background:var(--accent-tint)}.hub-art[data-tool=blocks]{background:var(--mint)}.hub-tool-text{gap:2px;min-width:0;display:grid}.hub-kicker{letter-spacing:.3px;color:var(--faint);font-size:11px;font-weight:600;line-height:1.4}.hub-tool-name{font-family:var(--display);letter-spacing:.2px;font-size:19px;line-height:1.35}.hub-tool-blurb{color:var(--muted);overflow-wrap:anywhere;font-size:13px;line-height:1.5}.hub-tool-foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;display:flex}.hub-price{background:var(--accent-tint);color:oklch(44% .1 25);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.4}.hub-go{color:var(--accent-deep);white-space:nowrap;align-items:center;gap:3px;font-size:12.5px;font-weight:600;line-height:1.4;display:inline-flex}.hub-go svg{width:13px;height:13px;transition:transform var(--dur) var(--ease);display:block}.hub-tool:hover .hub-go svg{transform:translate(2px)}.hub-cat+.hub-cat{margin-top:16px}.hub-cat-title{font-family:var(--display);flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0 0 8px;padding-left:2px;font-size:15.5px;font-weight:400;line-height:1.4;display:flex}.hub-cat-note{font-family:var(--font);color:var(--faint);font-size:11.5px;font-weight:400;line-height:1.5}.hub-soon-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hub-soon{border:1.5px dashed var(--line-strong);background:var(--sunk);text-align:center;cursor:default;filter:grayscale();opacity:.78;border-radius:14px;justify-items:center;gap:1px;padding:10px 8px;display:grid;position:relative}.hub-soon>svg{width:46px;height:46px;display:block}.hub-soon-name{color:var(--ink);overflow-wrap:anywhere;margin-top:2px;font-size:12px;font-weight:600;line-height:1.35}.hub-soon-blurb{color:var(--ink);overflow-wrap:anywhere;font-size:10.5px;line-height:1.4}.hub-badge{border:1px solid var(--line-strong);background:var(--card);color:var(--ink);white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:9.5px;font-weight:600;line-height:1.5;position:absolute;top:6px;right:6px}@media (width<=359px){.hub-tool{gap:12px;padding:14px}.hub-art{border-radius:18px;width:80px;height:80px}.hub-art svg{width:66px;height:66px}.hub-tool-name{font-size:17.5px}.hub-badge{margin-top:4px;position:static}}@media (width>=430px){.hub-soon-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=620px){.hub-live-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-soon-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}@media (width>=980px){.hub{max-width:960px}.hub-head{padding:38px 0 28px}.hub-mark{width:66px;height:66px}.hub-word{font-size:36px}.hub-tag{font-size:14.5px}.hub-tool{gap:16px;padding:18px}.hub-art{width:112px;height:112px}.hub-art svg{width:92px;height:92px}.hub-block+.hub-block{margin-top:30px;padding-top:26px}.hub-cat+.hub-cat{margin-top:22px}}@media (pointer:coarse){.hub-tool{min-height:44px}}@media (prefers-contrast:more){.hub-soon{opacity:1}}.hub-art[data-tool=keychain]{background:var(--lavender)}@font-face{font-family:kaka-kanit;src:url(/fonts/preview/kanit.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-sarabun;src:url(/fonts/preview/sarabun.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-prompt;src:url(/fonts/preview/prompt.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-mitr;src:url(/fonts/preview/mitr.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-chonburi;src:url(/fonts/preview/chonburi.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-itim;src:url(/fonts/preview/itim.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-sriracha;src:url(/fonts/preview/sriracha.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-mali;src:url(/fonts/preview/mali.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-charm;src:url(/fonts/preview/charm.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-pridi;src:url(/fonts/preview/pridi.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-taviraj;src:url(/fonts/preview/taviraj.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-athiti;src:url(/fonts/preview/athiti.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-krub;src:url(/fonts/preview/krub.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-bai-jamjuree;src:url(/fonts/preview/bai-jamjuree.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-k2d;src:url(/fonts/preview/k2d.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-niramit;src:url(/fonts/preview/niramit.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-pattaya;src:url(/fonts/preview/pattaya.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-bungee;src:url(/fonts/preview/bungee.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-righteous;src:url(/fonts/preview/righteous.woff2)format("woff2");font-display:swap}@font-face{font-family:kaka-pacifico;src:url(/fonts/preview/pacifico.woff2)format("woff2");font-display:swap}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.muted{color:var(--muted);font-size:13px}.page{flex-direction:column;min-height:100%;display:flex}.shell{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:0 16px 40px}.topbar{z-index:40;border:1px solid var(--line);width:100%;max-width:1240px;box-shadow:var(--shadow);background:oklch(99.5% .004 85/.94);border-radius:22px;align-items:center;gap:14px;margin:16px auto 18px;padding:9px 14px 9px 12px;display:flex;position:sticky;top:0}.back-btn{border:1px solid var(--line);background:var(--card);width:40px;height:40px;color:var(--muted);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:999px;flex:none;place-items:center;margin-left:-2px;display:grid}.back-btn svg{width:19px;height:19px}.back-btn:hover{color:var(--ink);border-color:var(--line-strong)}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{flex:none;width:38px;height:38px;display:block}.brand-word{font-family:var(--display);letter-spacing:.2px;white-space:nowrap;margin:0;font-size:21px;font-weight:400;line-height:1.3}.tabs{background:oklch(96.2% .01 75);border-radius:999px;gap:4px;margin:0 auto;padding:4px;display:flex}.tab{color:var(--muted);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;border-radius:999px;padding:8px 20px;font-size:14.5px;font-weight:600}.tab:hover{color:var(--ink)}.tab.active{background:var(--card);color:var(--ink);box-shadow:0 1px 2px oklch(30% .02 60/.12)}.badge{color:var(--warn-ink);background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:999px;flex:none;padding:5px 12px;font-size:12px;font-weight:600}.badge-soft{color:var(--butter-ink);background:var(--butter);border-color:var(--warn-line);align-self:flex-start}.hero{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-hero);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr);gap:16px;padding:16px;display:grid}.stage{border-radius:var(--radius);background:radial-gradient(120% 96% at 50% 4%,oklch(97.4% .02 45),oklch(93.6% .045 12));height:452px;position:relative;overflow:hidden}.hero.zoomed .stage{height:min(72svh,640px)}.stage:after{content:"";border-radius:var(--radius);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px oklch(87% .05 10/.55)}.viewer-canvas{position:absolute;inset:0}.viewer-canvas canvas{touch-action:pan-y;display:block}.gpu-lost{border-radius:var(--radius-ctl);border:1px solid var(--line);max-width:min(300px,100% - 32px);box-shadow:var(--shadow);text-align:center;color:var(--muted);background:oklch(99.5% .004 85/.94);padding:12px 15px;font-size:12.5px;line-height:1.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sticker{z-index:5;pointer-events:none;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:600;position:absolute;box-shadow:0 2px oklch(86% .03 80)}.sticker-a{background:var(--butter);color:oklch(44% .09 80);border:1.5px solid oklch(88% .08 95);top:20px;left:20px;transform:rotate(-6deg)}.sticker-b{background:var(--mint);color:oklch(42% .08 160);border:1.5px solid oklch(87% .07 160);top:22px;right:20px;transform:rotate(5deg)}.busy{z-index:4;color:var(--muted);border:1px solid var(--line);box-shadow:var(--shadow);pointer-events:none;background:oklch(99.5% .004 85/.95);border-radius:999px;padding:5px 14px;font-size:12px;font-weight:600;position:absolute;top:20px;left:50%;transform:translate(-50%)}.stage-foot{z-index:5;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.stage-foot>*{pointer-events:auto}.viewer-error,.viewer-notice{border-radius:var(--radius-ctl);pointer-events:none;padding:9px 14px;font-size:12.5px;line-height:1.55}.viewer-error{color:var(--danger-ink);border:1px solid var(--danger-line);background:oklch(96% .025 25/.96)}.viewer-notice{color:var(--warn-ink);border:1px solid var(--warn-line);background:oklch(95.5% .045 85/.96)}.viewer-hint{text-align:center;color:oklch(44% .045 25);pointer-events:none;background:oklch(99.5% .004 85/.82);border-radius:999px;align-self:center;max-width:100%;margin:0;padding:5px 14px;font-size:12px;line-height:1.5}.stage-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stage-tools{align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}.stage-bar{pointer-events:none}.stage-bar>*{pointer-events:auto}.view-toggle{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;gap:4px;padding:4px;display:flex}.view-btn{white-space:nowrap;color:var(--muted);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;border-radius:999px;padding:7px 15px;font-size:13.5px;font-weight:600}.view-btn:hover:not(.active){color:var(--ink);background:oklch(96.2% .01 75)}.view-btn.active{background:var(--accent);color:var(--on-accent)}.view-btn.active:focus-visible,.tab.active:focus-visible{outline-color:var(--ink)}.stage-zoom{border:1px solid var(--line);background:var(--card);width:40px;height:40px;color:var(--muted);box-shadow:var(--shadow);transition:color var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:999px;flex:none;place-items:center;display:grid}.stage-zoom svg{width:19px;height:19px}.stage-zoom:hover{color:var(--ink);transform:translateY(-1px)}.stage-zoom:active{transform:translateY(1px)}.stage-zoom[aria-pressed=true]{color:var(--accent-deep);border-color:var(--accent-soft)}.sound-toggle{border:1px solid var(--line);background:var(--card);min-height:40px;color:var(--muted);white-space:nowrap;transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.sound-toggle svg{flex:none;width:17px;height:17px}.sound-toggle[aria-pressed=true]{color:var(--accent-deep);border-color:var(--accent-soft);background:var(--accent-tint)}.export-wrap{display:flex;position:relative}.export-fab{border:1px solid var(--line);background:var(--card);min-height:40px;color:var(--muted);white-space:nowrap;box-shadow:var(--shadow);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600}.export-fab:hover,.export-fab.active{color:var(--accent-deep);border-color:var(--accent-soft)}.export-panel{z-index:6;border:1px solid var(--line);border-radius:var(--radius);width:min(340px,100vw - 64px);box-shadow:var(--shadow);text-align:left;background:oklch(99.5% .004 85/.98);padding:14px 16px 16px;position:absolute;bottom:calc(100% + 10px);right:0}.export-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.export-title{font-size:13.5px;font-weight:600;line-height:1.45}.export-close{color:var(--muted);transition:color var(--dur) var(--ease);background:0 0;border:0;border-radius:8px;flex:none;padding:0 6px;font-size:18px;line-height:1.4}.export-close:hover{color:var(--ink)}.export-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.export-btn{background:var(--accent);min-height:40px;color:var(--on-accent);box-shadow:0 2px 0 var(--accent-deep);transition:background var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border:0;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600}.export-btn:hover:not(:disabled){box-shadow:0 3px 0 var(--accent-deep);background:oklch(74.5% .12 25);transform:translateY(-1px)}.export-btn:active:not(:disabled){box-shadow:0 1px 0 var(--accent-deep);transform:translateY(1px)}.export-btn:focus-visible{outline-color:var(--ink)}.export-btn:disabled{opacity:.6;cursor:wait;box-shadow:none;transform:none}.export-link{color:var(--accent-deep);text-underline-offset:3px;border-radius:6px;font-size:13px;text-decoration-color:oklch(72% .12 25/.45)}.export-link:hover{color:var(--accent)}.export-note{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.6}.viewer-annotations{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.viewer-annotations .annotation-lead{stroke:oklch(45% .04 30/.55);stroke-width:1px}.viewer-annotations .annotation-dot{fill:var(--accent-deep)}.viewer-annotations .annotation-label{font-family:var(--font);fill:var(--ink);paint-order:stroke;stroke:oklch(98% .012 40/.9);stroke-width:3px;stroke-linejoin:round;font-size:12.5px;font-weight:600}.color-popover{z-index:7;border:1px solid var(--line);border-radius:var(--radius-ctl);width:max-content;box-shadow:var(--shadow);background:oklch(99.5% .004 85/.98);padding:12px 14px;position:absolute}.color-popover-title{color:var(--muted);margin-bottom:9px;font-size:12px;font-weight:600}.color-popover-swatches{grid-template-columns:repeat(4,30px);gap:9px;display:grid}.summary{background:var(--butter);border-radius:var(--radius);border:1px solid oklch(90% .055 95);flex-direction:column;min-width:0;padding:20px 18px;display:flex}.summary-title{font-family:var(--display);letter-spacing:.2px;overflow-wrap:anywhere;margin:0 0 3px;font-size:22px;font-weight:400;line-height:1.4}.summary-sub{color:var(--butter-ink);margin:0 0 15px;font-size:12.5px;line-height:1.5}.spec-chips{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.spec-chips span{color:var(--butter-ink);background:oklch(98.5% .02 92);border:1px solid oklch(91.5% .035 92);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600}.price-top{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.price-total{letter-spacing:-.6px;font-size:38px;font-weight:600;line-height:1.15}.price-top em{color:var(--butter-ink);font-size:12.5px;font-style:normal;font-weight:600}.price-empty{color:var(--butter-ink);margin:0 0 14px;font-size:14px;font-weight:600;line-height:1.5}.price-lines{border-radius:var(--radius-ctl);background:oklch(99.5% .006 90);border:1px solid oklch(92.5% .03 90);margin-bottom:14px;padding:3px 14px}.price-line{justify-content:space-between;gap:12px;padding:9px 0;font-size:12.5px;line-height:1.5;display:flex}.price-line+.price-line{border-top:1px solid oklch(93.5% .02 90)}.price-line span:first-child{color:var(--muted)}.price-line span:last-child{flex:none;font-weight:600}.summary-grow{flex:1;min-height:8px}.line-btn{background:var(--line-green);color:#fff;width:100%;box-shadow:0 3px 0 var(--line-green-deep);transition:background var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:16px;font-size:17px;font-weight:600;display:flex}.line-btn svg{flex:none;width:22px;height:22px}.line-btn:hover:not(:disabled){box-shadow:0 4px 0 var(--line-green-deep);background:#0ad063;transform:translateY(-1px)}.line-btn:active:not(:disabled){box-shadow:0 1px 0 var(--line-green-deep);transform:translateY(2px)}.line-btn:focus-visible{outline-color:var(--ink)}.line-btn:disabled{color:oklch(99% .01 155);background:oklch(86% .06 155);box-shadow:0 3px oklch(79% .06 155)}.summary-note{text-align:center;color:var(--butter-ink);margin:11px 2px 0;font-size:11.5px;line-height:1.55}.control-grid{align-items:flex-start;gap:16px;margin-top:18px;display:flex}.flow{display:contents}.control-col{flex-direction:column;flex:1 1 0;gap:16px;min-width:0;display:flex}.step-rail{margin:16px 0 10px}.step-rail ol{align-items:flex-start;gap:4px;margin:0;padding:0;list-style:none;display:flex}.step-dot{flex:1 1 0;min-width:0}.step-dot button{width:100%;color:var(--faint);background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:4px 2px 2px;font-size:11.5px;font-weight:600;line-height:1.3;display:flex}.step-dot-num{border:1.5px solid var(--line-strong);background:var(--card);width:28px;height:28px;font-family:var(--display);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:999px;place-items:center;font-size:14px;font-weight:400;display:grid}.step-dot-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.step-dot.done button{color:var(--muted)}.step-dot.done .step-dot-num{background:var(--accent-tint);border-color:var(--accent-soft);color:var(--accent-deep)}.step-dot.current button{color:var(--ink)}.step-dot.current .step-dot-num{background:var(--accent);border-color:var(--accent);color:#fff}.step-title{font-family:var(--display);letter-spacing:.2px;margin:0 2px 12px;font-size:22px;font-weight:400;line-height:1.4}.step-nav{align-items:center;gap:10px;margin-top:14px;display:flex}.step-back,.step-next{min-height:48px;transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-size:15px;font-weight:600;display:inline-flex}.step-back{border:1.5px solid var(--line-strong);background:var(--card);color:var(--muted);flex:none}.step-next{background:var(--accent);color:#fff;box-shadow:0 3px 0 var(--accent-deep);border:0;flex:1}.step-next:active{box-shadow:0 1px 0 var(--accent-deep);transform:translateY(2px)}.step-back svg,.step-next svg{flex:none;width:17px;height:17px}.step-done{text-align:center;color:var(--muted);flex:1;margin:0;padding:12px 4px;font-size:13px;line-height:1.6}.card[hidden]{display:none}.shape-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;display:grid}.shape-chip{border:1.5px solid var(--line);background:var(--sunk);color:var(--muted);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:16px;justify-items:center;gap:2px;padding:8px 4px 9px;font-size:11.5px;font-weight:600;line-height:1.4;display:grid}.shape-thumb{width:46px;height:46px;display:block}.shape-thumb path{fill:var(--line-strong);transition:fill var(--dur) var(--ease)}.shape-chip:hover{background:var(--card);border-color:oklch(86% .06 25)}.shape-chip.active{border-color:var(--accent);background:var(--accent-tint);color:var(--accent-deep);border-width:2px;padding:7.5px 3.5px 8.5px}.shape-chip.active .shape-thumb path{fill:var(--accent)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 18px 20px}.card>h2{font-family:var(--display);letter-spacing:.2px;align-items:center;gap:10px;margin:0 0 14px;font-size:18px;font-weight:400;line-height:1.4;display:flex}.step{width:28px;height:28px;font-family:var(--font);border-radius:999px;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.s1{background:var(--peach);color:var(--peach-ink)}.s2{background:var(--pink);color:var(--pink-ink)}.s3{background:var(--lavender);color:var(--lavender-ink)}.s4{background:var(--mint);color:var(--mint-ink)}.s5{background:var(--butter);color:var(--butter-ink)}.s6{background:var(--peach);color:var(--peach-ink)}.card-help{color:var(--faint);margin:12px 0 0;font-size:12.5px;line-height:1.5}.section-title{font-family:var(--display);margin:0 0 4px;font-size:19px;font-weight:400;line-height:1.4}.section-sub{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.5}.field-label{color:var(--muted);margin:15px 0 8px;font-size:12.5px;font-weight:600;line-height:1.5;display:block}.card>h2+.field-label,.decor-pane>.field-label:first-child{margin-top:0}.chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{border:1.5px solid var(--line-strong);background:var(--card);min-height:40px;color:var(--ink);box-shadow:0 2px 0 var(--lip);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:999px;padding:9px 16px;font-size:14.5px;font-weight:600;line-height:1.4}.chip:hover:not(:disabled){border-color:oklch(82% .06 25);transform:translateY(-1px);box-shadow:0 3px oklch(88% .02 75)}.chip:active:not(:disabled){box-shadow:0 1px 0 var(--lip);transform:translateY(1px)}.chip.active{background:var(--accent);border-color:var(--accent-deep);color:var(--on-accent);box-shadow:0 2px 0 var(--accent-deep)}.chip.active:hover{box-shadow:0 3px 0 var(--accent-deep);background:oklch(74.5% .12 25)}.chip.active:focus-visible{outline-color:var(--ink)}.chip:disabled{opacity:.5;box-shadow:none;transform:none}.chip-small{min-height:34px;padding:6px 13px;font-size:13px}.place-row{margin-top:14px}.placement-shortcuts{align-items:stretch;gap:8px;margin-top:8px;display:flex}.placement-reset,.rotation-shortcuts button{border:1.5px solid var(--line-strong);background:var(--card);min-height:42px;color:var(--muted);font-size:12.5px;font-weight:600}.placement-reset{text-align:left;border-radius:12px;flex:1;padding:8px 12px}.placement-reset:disabled{opacity:.46}.rotation-shortcuts{grid-template-columns:repeat(3,minmax(46px,1fr));display:grid}.rotation-shortcuts button{border-right-width:0;min-width:46px;padding:7px 8px}.rotation-shortcuts button:first-child{border-radius:12px 0 0 12px}.rotation-shortcuts button:last-child{border-right-width:1.5px;border-radius:0 12px 12px 0}.rotation-shortcuts button.active{border-color:var(--accent-deep);background:var(--accent);color:var(--on-accent)}.text-print-limit{color:var(--muted);margin:5px 0 0;font-size:11.5px;line-height:1.55}.viewer-decor-editor{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.decor-selection-hit{fill:#0000;pointer-events:all;cursor:move;touch-action:none}.decor-selection-box{fill:oklch(82% .12 195/.07);stroke:oklch(58% .14 195);stroke-width:1.5px;stroke-dasharray:5 3;vector-effect:non-scaling-stroke;pointer-events:none}.decor-rotate-line{stroke:oklch(58% .14 195);stroke-width:1.5px;vector-effect:non-scaling-stroke;pointer-events:none}.decor-handle-hit{fill:#0000;stroke:#0000;stroke-width:30px;vector-effect:non-scaling-stroke;pointer-events:all;touch-action:none}.decor-handle{fill:var(--card);stroke:oklch(52% .15 195);stroke-width:2px;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 1px 2px oklch(25% .03 30/.25))}.decor-scale-hit{cursor:nwse-resize}.decor-rotate-hit{cursor:grab}.decor-rotate-hit:active{cursor:grabbing}.decor-selection-label{font-family:var(--font);fill:oklch(36% .08 195);text-anchor:middle;paint-order:stroke;stroke:oklch(99% .004 80/.92);stroke-width:4px;stroke-linejoin:round;pointer-events:none;font-size:11px;font-weight:600}.direct-edit-tip{z-index:4;color:oklch(38% .09 195);text-align:center;pointer-events:none;background:oklch(98% .02 195/.9);border:1px solid oklch(82% .08 195/.7);border-radius:999px;max-width:calc(100% - 32px);padding:6px 12px;font-size:11.5px;font-weight:600;line-height:1.45;position:absolute;top:70px;left:50%;transform:translate(-50%)}.placement-launch{border:1.5px solid var(--line-strong);border-radius:var(--radius-ctl);background:var(--sunk);width:100%;min-height:52px;color:var(--ink);text-align:left;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:10px 14px;display:flex}.placement-launch:hover,.placement-launch.active{border-color:var(--accent);background:var(--accent-tint)}.placement-launch>span:first-child{gap:1px;display:grid}.placement-launch b{font-size:14px}.placement-launch small{color:var(--muted);font-size:11.5px;line-height:1.45}.placement-launch>span:last-child{color:var(--accent-deep);flex:none;font-size:21px;line-height:1}.size-loop-switch{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.seg{background:oklch(96.2% .01 75);border-radius:999px;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:5px;padding:5px;display:grid}.sg{min-height:40px;color:var(--muted);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;border-radius:999px;padding:9px 6px;font-size:13.5px;font-weight:600;line-height:1.4}.sg:hover:not(.active){color:var(--ink)}.sg.active{background:var(--card);color:var(--ink);box-shadow:0 1px 2px oklch(30% .02 60/.12)}.text-input{border:1.5px solid var(--line-strong);border-radius:var(--radius-ctl);width:100%;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:oklch(99% .006 80);outline:none;padding:13px 15px;font-size:17px;font-weight:600}.text-input::placeholder{color:var(--faint);font-weight:400}.text-input:hover{border-color:oklch(84% .04 60)}.text-input:focus{border-color:var(--accent);background:var(--card);box-shadow:0 0 0 4px var(--accent-tint)}.text-input:focus-visible{outline:none}.counter{color:var(--faint);justify-content:flex-end;margin-top:6px;font-size:11.5px;display:flex}.decor-pane{margin-top:16px}.art-toggles{flex-direction:column;gap:2px;margin-top:14px;display:flex}.font-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.font-grid.expanded{scrollbar-width:thin;scrollbar-color:oklch(85% .015 85) transparent;max-height:300px;padding:2px;overflow-y:auto}.font-cell{border:1.5px solid var(--line);border-radius:var(--radius-ctl);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);background:oklch(99% .006 80);justify-items:center;gap:5px;padding:12px 4px 8px;display:grid}.font-cell:hover{background:var(--card);border-color:oklch(84% .05 25)}.font-cell.active{border-color:var(--accent);background:var(--accent-tint);border-width:2px;padding:11.5px 3.5px 7.5px}.font-cell b{color:var(--ink);font-size:21px;font-weight:400;line-height:1.35}.font-cell span{color:var(--muted);font-size:10.5px;font-weight:600}.link-btn{width:100%;min-height:40px;color:var(--accent-deep);text-align:center;transition:background var(--dur) var(--ease);background:0 0;border:0;border-radius:10px;margin-top:9px;padding:5px;font-size:13px;font-weight:600;display:block}.link-btn:hover{background:var(--accent-tint)}.letters{background:oklch(97.6% .012 45);border:1px solid oklch(92.5% .02 45);border-radius:18px;margin-top:16px;padding:14px}.letters .field-label{margin-top:16px}.letters .field-label:first-child{margin-top:0}.letter-chip{border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--card);min-width:40px;min-height:40px;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);padding:7px 12px 6px;font-size:15px;font-weight:600;line-height:1.5}.letter-chip:hover{border-color:oklch(82% .06 25)}.letter-chip.active{border-color:var(--accent);background:var(--accent-tint);border-width:2px;padding:6.5px 11.5px 5.5px}.letter-chip u{border:1px solid oklch(30% .02 60/.18);border-radius:3px;height:5px;margin-top:5px;text-decoration:none;display:block}.cluster-panel{border-radius:var(--radius-ctl);background:var(--card);border:1px solid var(--line);margin-top:12px;padding:12px 14px}.cluster-panel .field-label:first-child{margin-top:0}.icon-grid{border:1px solid var(--line);border-radius:var(--radius-ctl);background:var(--sunk);scrollbar-width:thin;scrollbar-color:oklch(85% .015 85) transparent;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px;max-height:260px;padding:6px;display:grid;overflow-y:auto}.icon-cell{border-radius:var(--radius-sm);color:var(--ink);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);background:0 0;border:1.5px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;display:flex}.icon-cell:hover{background:var(--accent-tint)}.icon-cell.active{border-color:var(--accent);background:var(--card)}.icon-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);font-size:11px;overflow:hidden}.icon-empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:16px;font-size:13px}.upload-btn{background:var(--accent);min-height:40px;color:var(--on-accent);cursor:pointer;box-shadow:0 2px 0 var(--accent-deep);transition:background var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.upload-btn:hover{box-shadow:0 3px 0 var(--accent-deep);background:oklch(74.5% .12 25);transform:translateY(-1px)}.upload-btn:active{box-shadow:0 1px 0 var(--accent-deep);transform:translateY(1px)}.upload-btn input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-btn:focus-within{outline:2px solid var(--ink);outline-offset:3px}.upload-note{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.55}.upload-file{overflow-wrap:anywhere;margin-top:8px;font-size:13px;font-weight:600}.layer-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.layer-row{border:1px solid var(--line);border-radius:var(--radius-ctl);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.layer-row.selected-part{background:var(--accent-tint);border-color:var(--accent-soft)}.layer-head{min-height:32px;color:var(--ink);background:0 0;border:0;align-self:flex-start;align-items:center;gap:8px;padding:2px 0;font-size:13px;font-weight:600;display:flex}.layer-dot{border:1px solid oklch(30% .02 60/.16);border-radius:999px;flex:none;width:20px;height:20px}.slider-field{display:block}.slider-field+.slider-field,.switch+.slider-field{margin-top:20px}.decor-pane>.slider-field:first-child{margin-top:4px}.slider-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.5;display:flex}.slider-value{color:var(--accent-deep);flex:none}.slider-help{color:var(--faint);margin:9px 0 0;font-size:12.5px;line-height:1.5}input[type=range]{appearance:none;width:100%;height:10px;accent-color:var(--accent);background:0 0;margin:0;display:block}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0 var(--p,50%), var(--track) var(--p,50%) 100%);border-radius:999px;height:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--card);border:2.5px solid var(--accent);width:24px;height:24px;transition:transform var(--dur) var(--ease);border-radius:999px;margin-top:-7px;box-shadow:0 2px 5px oklch(30% .02 60/.18)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.08)}input[type=range]:active::-webkit-slider-thumb{transform:scale(.96)}input[type=range]::-moz-range-track{background:var(--track);border-radius:999px;height:10px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:999px;height:10px}input[type=range]::-moz-range-thumb{background:var(--card);border:2.5px solid var(--accent);border-radius:999px;width:19px;height:19px;box-shadow:0 2px 5px oklch(30% .02 60/.18)}input[type=range]:focus-visible{outline:2px solid var(--accent-deep);outline-offset:4px;border-radius:999px}input[type=range]:disabled::-webkit-slider-runnable-track{background:oklch(92.5% .008 80)}input[type=range]:disabled::-webkit-slider-thumb{box-shadow:none;border-color:oklch(86% .01 80);transform:none}input[type=range]:disabled::-moz-range-progress{background:oklch(92.5% .008 80)}input[type=range]:disabled::-moz-range-thumb{box-shadow:none;border-color:oklch(86% .01 80)}.slider-field.disabled{opacity:.5}.slider-field.disabled .slider-value{color:var(--muted)}.color-row{border-radius:var(--radius-ctl);transition:background var(--dur) var(--ease);margin:0 -10px;padding:12px 10px}.color-row+.color-row{border-top:1px solid var(--line)}.color-row.selected-part{background:var(--accent-tint)}.color-row-label{color:var(--muted);margin-bottom:9px;font-size:13px;font-weight:600;display:block}.swatches{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.swatch{width:30px;height:30px;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border:1px solid oklch(30% .02 60/.14);border-radius:999px;padding:0}.swatch:hover{transform:scale(1.1)}.swatch.active{box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--accent)}.color-note{color:var(--muted);padding:12px 0 0;font-size:13px;line-height:1.55}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;min-height:40px;display:flex}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-track{width:50px;height:30px;transition:background var(--dur) var(--ease);background:oklch(88.5% .012 80);border-radius:999px;flex:none;position:relative}.switch-track:after{content:"";background:var(--card);width:24px;height:24px;transition:transform .16s var(--ease);border-radius:999px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px oklch(30% .02 60/.25)}.switch:hover .switch-track{background:oklch(85% .02 80)}.switch input:checked+.switch-track{background:var(--accent)}.switch:hover input:checked+.switch-track{background:var(--accent-deep)}.switch input:checked+.switch-track:after{transform:translate(20px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent-deep);outline-offset:3px}.switch-label{font-size:14.5px;font-weight:600;line-height:1.5}.switch-label em{color:var(--muted);font-style:normal;font-weight:400}.switch-fieldset{border:1px solid var(--line);background:var(--sunk);border-radius:18px;margin:16px 0 0;padding:8px 14px 16px}.switch-fieldset legend{color:var(--muted);padding:0 8px;font-size:12.5px;font-weight:600}.color-warning,.soft-hint,.inline-error{border-radius:var(--radius-ctl);gap:10px;margin-top:14px;padding:12px 14px;font-size:12.5px;line-height:1.55;display:flex}.color-warning svg,.inline-error svg{flex:none;width:17px;height:17px;margin-top:2px}.color-warning,.soft-hint{color:var(--warn-ink);background:var(--warn-bg);border:1px solid var(--warn-line)}.inline-error{color:var(--danger-ink);background:var(--danger-bg);border:1px solid var(--danger-line)}.preset-card{margin-top:2px}.preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.preset{border:1.5px solid var(--line);background:var(--sunk);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:18px;justify-items:center;gap:4px;padding:12px 8px 14px;display:grid}.preset:hover{background:var(--card);border-color:oklch(86% .06 25);transform:translateY(-2px)}.preset:active{transform:translateY(0)}.preset.active{border-color:var(--accent);background:var(--accent-tint);border-width:2px;padding:11.5px 7.5px 13.5px}.preset-thumb{width:72px;height:72px;display:block}.preset-label{text-align:center;font-size:13.5px;font-weight:600;line-height:1.5}.preset-sub{color:var(--muted);text-align:center;font-size:11.5px;line-height:1.5}.preset-note{border-radius:var(--radius-ctl);background:var(--accent-tint);color:oklch(44% .1 25);border:1px solid oklch(90% .05 25);margin:14px 0 0;padding:12px 14px;font-size:12.5px;line-height:1.6}.trust{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.trust-line{display:none}.fact{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;align-items:flex-start;gap:11px;padding:14px 15px;display:flex}.fact-icon{border-radius:10px;flex:none;place-items:center;width:30px;height:30px;display:grid}.fact-icon svg{width:17px;height:17px}.fact-text b{margin-bottom:2px;font-size:13.5px;font-weight:600;line-height:1.45;display:block}.fact-text span{color:var(--muted);font-size:12px;line-height:1.5;display:block}.site-foot{width:100%;max-width:1240px;color:var(--faint);flex-wrap:wrap;gap:10px 22px;margin:0 auto;padding:18px 16px 30px;font-size:12.5px;line-height:1.6;display:flex}.site-foot-brand{color:var(--muted);font-weight:600}.site-foot-tag{color:var(--muted)}.site-foot-copy{margin-left:auto}.pricebar{z-index:60;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:oklch(99.5% .004 85/.97);display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px oklch(30% .02 60/.09)}.pricebar-row{align-items:center;gap:10px;padding:8px 12px;display:flex}.pricebar-price{text-align:left;background:0 0;border:0;border-radius:12px;flex-direction:column;flex:none;align-items:flex-start;gap:1px;min-height:44px;padding:4px 8px 4px 4px;display:flex}.pricebar-price b{font-family:var(--display);font-size:26px;font-weight:400;line-height:1.15}.pricebar-toggle{color:var(--muted);align-items:center;gap:3px;font-size:11.5px;font-weight:600;display:flex}.pricebar-toggle svg{width:12px;height:12px;transition:transform var(--dur) var(--ease)}.pricebar-toggle svg.flip{transform:rotate(180deg)}.pricebar-empty{color:var(--muted);flex:1;font-size:12.5px;line-height:1.5}.pricebar-order{min-width:0;min-height:48px;box-shadow:0 2px 0 var(--line-green-deep);flex:1;padding:12px 14px;font-size:15.5px}.pricebar-order:disabled{box-shadow:0 2px oklch(79% .06 155)}.pricebar-lines[hidden]{display:none}.pricebar-lines{border-bottom:1px solid var(--line);max-height:38svh;padding:12px 14px 2px;overflow-y:auto}.pricebar-note{color:var(--faint);margin:10px 0;font-size:11.5px;line-height:1.6}.blocks-placeholder{flex-direction:column;gap:10px;max-width:720px;margin-top:18px;padding:28px;display:flex}.blocks-placeholder h2{font-family:var(--display);margin:0;font-size:24px;font-weight:400}.blocks-placeholder p{margin:0;line-height:1.7}@media (width<=1199px){.control-grid{column-count:2;column-gap:16px;display:block}.control-col{display:contents}.control-grid .card{break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 16px}}@media (width<=1080px){.trust{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.stage{height:380px}}@media (width<=859px){.control-grid{column-count:1}}@media (width>=980px){.tool-shell{grid-template-columns:minmax(0,58fr) minmax(0,42fr);align-items:start;column-gap:20px;display:grid}.tool-shell.hero-zoomed{grid-template-columns:minmax(0,1fr)}.tool-shell .hero{z-index:20;align-self:stretch;position:relative}.tool-shell .stage{height:clamp(300px,100svh - 132px,720px);position:sticky;top:84px}.tool-shell.hero-zoomed .stage{position:relative;top:auto}.flow{min-width:0;display:block}.tool-shell .control-grid{column-count:1;margin-top:0;display:block}.tool-shell .control-col{display:contents}.tool-shell .control-grid .card{margin:0 0 16px}.tool-shell .summary{box-shadow:var(--shadow);margin-top:16px;position:static}.trust{grid-column:1/-1}}@media (width<=760px){:root{--stage-pin-top:calc(var(--topbar-h,68px) + 4px);--stage-pin-svh:42;--stage-pin-min:232px;--pricebar-h:74px;scroll-padding-top:calc(var(--stage-pin-top) + var(--stage-pin-svh) * 1svh + 10px);scroll-padding-bottom:calc(var(--pricebar-h) + 10px)}:root[data-clicker-step=summary]{--pricebar-h:0px;scroll-padding-bottom:10px}:root[data-stage-compact=on]{--stage-pin-svh:28;--stage-pin-min:158px}:root[data-stage-compact=on] .viewer-hint{display:none}:root[data-stage-zoom=on]{--stage-pin-svh:62;--stage-pin-min:232px}.topbar{background:var(--card);border-radius:20px;flex-wrap:wrap;gap:10px;width:auto;margin:8px 10px 10px;padding:8px 10px}.topbar .badge{display:none}.brand-mark{width:34px;height:34px}.brand-word{font-size:19px}.tabs{margin:0 0 0 auto;padding:3px}.tab{min-height:44px;padding:8px 13px;font-size:13.5px}.shell{padding:0 10px calc(var(--pricebar-h) + 12px)}.hero{display:contents}.stage{top:var(--stage-pin-top);z-index:20;height:calc(var(--stage-pin-svh) * 1vh);height:calc(var(--stage-pin-svh) * 1svh);min-height:min(var(--stage-pin-min), calc(100svh - var(--stage-pin-top) - var(--pricebar-h) - 16px));max-height:min(330px, calc(100svh - var(--stage-pin-top) - var(--pricebar-h) - 16px));box-shadow:var(--shadow);border-radius:18px;margin-bottom:12px;position:sticky}.hero.zoomed .stage{height:calc(var(--stage-pin-svh) * 1vh);height:calc(var(--stage-pin-svh) * 1svh);max-height:min(520px, calc(100svh - var(--stage-pin-top) - var(--pricebar-h) - 16px))}.stage:after{border-radius:18px}.sticker{display:none}.stage-foot{gap:6px;inset:10px}.stage-bar{display:contents}.stage-tools{order:-10;align-self:flex-end;margin:0 0 auto}.busy{top:12px;left:12px;transform:none}.stage-tools,.export-wrap{position:static}.export-panel{overscroll-behavior:contain;width:auto;max-height:calc(100% - 56px);inset:52px 0 auto;overflow-y:auto}.view-toggle{justify-content:space-between;width:100%}.view-btn{white-space:nowrap;min-width:44px;min-height:44px;padding:7px 9px;font-size:12.5px}.summary{border-radius:18px;margin-bottom:12px;padding:14px 15px}.summary-title{font-size:19px}.summary-sub,.price-top,.price-lines,.price-empty,.summary-grow,.summary .line-btn,.summary-note,.direct-edit-tip,.decor-selection-label{display:none}.decor-handle{stroke-width:3px}.tool-shell[data-step=summary] .summary-sub,.tool-shell[data-step=summary] .price-lines,.tool-shell[data-step=summary] .price-empty,.tool-shell[data-step=summary] .summary-grow,.tool-shell[data-step=summary] .summary-note{display:block}.tool-shell[data-step=summary] .price-top,.tool-shell[data-step=summary] .summary .line-btn{display:flex}.spec-chips{margin-bottom:0}.control-grid{column-gap:14px;margin-top:0}.control-grid .card{margin-bottom:14px}.card{border-radius:20px;padding:16px 15px 18px}.preset-card{margin-top:0;margin-bottom:14px}.preset-grid{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:132px;grid-auto-flow:column;gap:10px;margin:0 -15px;padding:2px 15px 6px;overflow-x:auto}.preset-grid::-webkit-scrollbar{display:none}.preset{scroll-snap-align:start}.preset-thumb{width:60px;height:60px}.trust{margin-top:2px;display:block}.fact{display:none}.trust-line{text-align:center;color:var(--faint);margin:0;padding:0 4px;font-size:11.5px;line-height:1.7;display:block}.site-foot{display:none}.pricebar{display:block}}@media (width<=900px) and (height<=560px){:root{scroll-padding-top:78px}.hero.zoomed .stage{height:210px;max-height:none}.stage-zoom{display:none}.stage{height:210px;min-height:0;max-height:none;position:relative;top:auto}.stage-tools,.export-wrap{position:static}.export-panel{overscroll-behavior:contain;width:min(340px,100% - 20px);max-height:calc(100% - 20px);inset:10px 0 auto auto;overflow-y:auto}}@media (width<=360px){.topbar .tabs{display:none}}@media (pointer:coarse){.back-btn,.sound-toggle,.tab,.view-btn,.chip,.chip-small,.link-btn,.export-fab,.sg,.switch,.upload-btn,.export-btn,.export-link,.layer-head,.placement-reset,.rotation-shortcuts button{min-height:44px}.view-btn{min-width:44px}.swatch{width:44px;height:44px}.color-popover-swatches{grid-template-columns:repeat(4,44px)}.export-link{justify-content:center;align-items:center;display:flex}.export-close{width:44px;height:44px;margin:-10px -12px -10px 0}.letter-chip,.kc-example,.qty-step{min-width:44px;min-height:44px}.stage-zoom,.back-btn{width:44px;height:44px}input[type=range]{height:44px}}.size-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.size-pill{border:1px solid var(--line);border-radius:var(--radius-ctl);background:var(--card);min-height:56px;color:var(--muted);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease);flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.size-pill b{font-family:var(--display);color:var(--ink);font-size:16px;font-weight:400}.size-pill span{font-size:11.5px;line-height:1.3}.size-pill:hover{border-color:var(--line-strong)}.size-pill.active{border-color:var(--accent);background:var(--accent-tint);color:var(--accent-deep)}.size-pill.active b{color:var(--accent-deep)}.kc-examples{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.kc-example{border:1px solid var(--line);background:var(--card);color:var(--muted);transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:999px;padding:6px 12px;font-size:12.5px}.kc-example:hover{color:var(--ink);border-color:oklch(84% .05 25)}.kc-gallery{--kc-art-bg:oklch(89.5% .012 75);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.kc-style{border:1.5px solid var(--line);border-radius:var(--radius-ctl);min-height:76px;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);background:oklch(99% .006 80);justify-items:center;gap:4px;padding:9px 6px 7px;display:grid}.kc-style:hover{background:var(--card);border-color:oklch(84% .05 25)}.kc-style.active{border-color:var(--accent);background:var(--accent-tint);border-width:2px;padding:8.5px 5.5px 6.5px}.kc-style-art{background:var(--kc-art-bg);border-radius:10px;width:100%;height:46px;display:block;overflow:visible}.kc-style-name{color:var(--muted);font-size:11px;font-weight:600}.kc-style.active .kc-style-name{color:var(--accent-deep)}.kc-empty{margin:0}.kc-tune{border-style:dashed}.qty-row{align-items:center;gap:10px;display:flex}.qty-step{border:1.5px solid var(--line-strong);border-radius:var(--radius-ctl);background:var(--card);width:42px;height:42px;color:var(--ink);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);font-size:20px;line-height:1}.qty-step:hover:not(:disabled){border-color:var(--accent)}.qty-step:disabled{color:var(--faint);border-color:var(--line)}.qty-value{min-width:40px;font-family:var(--display);text-align:center;color:var(--ink);font-variant-numeric:tabular-nums;font-size:20px}.qty-note{color:var(--faint);font-size:12px}