:root{color-scheme:light dark;--paper: #f6f4ef;--paper-2: #ece8e0;--card: #ffffff;--ink: #16181d;--ink-2: #5a6069;--ink-3: #8b9099;--line: #ddd8ce;--line-2: #c9c2b5;--accent: #2f6f4f;--accent-soft: #e4efe7;--warn: #9a6414;--warn-soft: #fbf0dd;--error: #a33124;--error-soft: #fbe6e2;--mw: #00ae42;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 2px rgba(20, 22, 28, .06), 0 8px 24px -12px rgba(20, 22, 28, .18);--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media(prefers-color-scheme:dark){:root{--paper: #16181b;--paper-2: #1d2024;--card: #212429;--ink: #eceef1;--ink-2: #a4abb5;--ink-3: #767d87;--line: #31363d;--line-2: #434a53;--accent: #6fc79b;--accent-soft: #1b2a23;--warn: #e0ad63;--warn-soft: #2b2418;--error: #eb8f83;--error-soft: #2e1e1c}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}.shell{max-width:1420px;margin:0 auto;padding:20px 20px 80px}.top{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:18px}.top h1{font-size:19px;margin:0;letter-spacing:-.01em}.top .sub{color:var(--ink-2);font-size:13px}.top .spacer{flex:1}.cols{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:18px;align-items:start}@media(max-width:940px){.cols{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card+.card{margin-top:14px}.card>h2{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin:0;padding:12px 14px 0;font-weight:600}.card>.body{padding:12px 14px 14px}.row{display:flex;align-items:center;gap:10px;margin:9px 0}.row>label{flex:0 0 108px;color:var(--ink-2);font-size:12.5px}.row>.grow{flex:1;min-width:0}.row .val{flex:0 0 62px;text-align:right;font:11.5px var(--mono);color:var(--ink-3);font-variant-numeric:tabular-nums}input[type=text],select,textarea{width:100%;padding:7px 9px;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font:inherit}input[type=text]:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}.seg{display:flex;background:var(--paper-2);border-radius:var(--radius-sm);padding:2px;gap:2px}.seg button{flex:1;border:0;background:transparent;padding:6px 8px;border-radius:4px;font:inherit;font-size:12.5px;color:var(--ink-2);cursor:pointer}.seg button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}button.btn{border:1px solid var(--line-2);background:var(--card);color:var(--ink);border-radius:var(--radius-sm);padding:7px 12px;font:inherit;font-size:13px;cursor:pointer}button.btn:hover{border-color:var(--ink-3)}button.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.btn.mw{background:var(--mw);border-color:var(--mw);color:#04210f;font-weight:600}button.btn:disabled{opacity:.45;cursor:default}.hint{color:var(--ink-3);font-size:12px;margin:6px 0 0}.stage{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:720px){.stage{grid-template-columns:1fr}}canvas{width:100%;display:block;border-radius:var(--radius-sm)}.plate-canvas{background:var(--paper-2)}.pane-label{font-size:11.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px}.facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.fact{font:11.5px var(--mono);background:var(--paper-2);border-radius:999px;padding:3px 9px;color:var(--ink-2)}.fact b{color:var(--ink);font-weight:600}.notice{border-radius:var(--radius-sm);padding:9px 11px;margin:8px 0 0;font-size:12.5px;border:1px solid transparent}.notice .t{font-weight:600;display:block;margin-bottom:2px}.notice.info{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.notice.warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 35%,transparent);color:var(--warn)}.notice.warn .t,.notice.error .t{color:inherit}.notice.error{background:var(--error-soft);border-color:color-mix(in srgb,var(--error) 35%,transparent);color:var(--error)}.emoji-search{margin-bottom:8px}.emoji-groups{display:flex;gap:4px;overflow-x:auto;padding-bottom:6px}.emoji-groups button{border:0;background:var(--paper-2);border-radius:999px;padding:4px 9px;font-size:15px;cursor:pointer;line-height:1.4}.emoji-groups button[aria-pressed=true]{background:var(--accent-soft);outline:1px solid var(--accent)}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:3px;max-height:236px;overflow-y:auto;padding:2px}.emoji-grid button{aspect-ratio:1;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;padding:4px;position:relative}.emoji-grid button:hover{background:var(--paper-2)}.emoji-grid button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.emoji-grid img{width:100%;height:100%;display:block}.emoji-grid button.baked:after{content:"";position:absolute;right:3px;top:3px;width:5px;height:5px;border-radius:50%;background:var(--warn)}.code{margin:0;padding:12px 14px;background:var(--paper-2);border-radius:var(--radius-sm);font:11.5px/1.55 var(--mono);overflow:auto;max-height:460px;white-space:pre;tab-size:2}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:0 14px}.tabs button{border:0;background:transparent;padding:9px 10px;font:inherit;font-size:12.5px;color:var(--ink-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.dl-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}.mw{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card)}.mw-bar{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--paper-2);border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink-2)}.mw-bar .dot{width:9px;height:9px;border-radius:50%;background:var(--mw)}.mw-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:320px}@media(max-width:860px){.mw-body{grid-template-columns:1fr}}.mw-viewport{background:repeating-linear-gradient(0deg,transparent 0 23px,color-mix(in srgb,var(--line) 55%,transparent) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,color-mix(in srgb,var(--line) 55%,transparent) 23px 24px),var(--paper);display:grid;place-items:center;padding:16px}.mw-params{border-left:1px solid var(--line);padding:12px;overflow-y:auto;max-height:460px}@media(max-width:860px){.mw-params{border-left:0;border-top:1px solid var(--line)}}.mw-section{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);font-weight:700;margin:14px 0 6px}.mw-section:first-child{margin-top:0}.mw-param{margin:8px 0}.mw-param .k{font-size:12px;color:var(--ink-2);display:block;margin-bottom:3px}.mw-param .widget{border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:5px 8px;font:12px var(--mono);background:var(--paper);display:flex;justify-content:space-between;gap:8px;align-items:center}.mw-param .widget .type{color:var(--ink-3);font-size:10.5px}.mw-note{font-size:11.5px;color:var(--ink-3);margin-top:4px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:9px 16px;border-radius:999px;font-size:13px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .18s}.toast.on{opacity:1}.fix{display:flex;gap:10px;align-items:flex-start;margin-top:9px}.fix .btn{flex:0 0 auto;white-space:nowrap}.fix-why{flex:1;min-width:0;font-size:12px;line-height:1.45;color:var(--ink-2)}@media(max-width:560px){.fix{flex-direction:column;gap:6px}}