:root{color-scheme:light;--paper: #f3efe4;--paper-deep: #eae5d6;--ink: #211d16;--ink-80: rgba(33, 29, 22, .8);--ink-60: rgba(33, 29, 22, .6);--ink-40: rgba(33, 29, 22, .4);--ink-25: rgba(33, 29, 22, .25);--ink-12: rgba(33, 29, 22, .12);--grid-line: rgba(33, 29, 22, .05);--red: #bd3a2c;--red-soft: rgba(189, 58, 44, .08);--blue: #2e4fa3;--blue-soft: rgba(46, 79, 163, .08);--void: #17132f;--sans: "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%}body{min-width:1240px;background-color:var(--paper);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:30px 30px;color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}::selection{background:#bd3a2cd9;color:var(--paper)}:focus-visible{outline:2px dashed var(--ink);outline-offset:2px}button{font-family:inherit}.mono{font-family:var(--mono)}#app{height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr) 308px;grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"topbar topbar topbar" "notice notice notice" "library stage inspector"}.topbar{grid-area:topbar;display:flex;align-items:center;gap:18px;padding:9px 16px;border-bottom:1.5px solid var(--ink);background:var(--paper)}.topbar-brand{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-mark{position:relative;width:15px;height:15px;flex:none;background:var(--ink);box-shadow:3px 3px 0 var(--ink-25)}.brand-mark:after{content:"";position:absolute;top:2px;right:2px;width:4px;height:4px;background:var(--red)}.brand-text{display:flex;flex-direction:column;gap:1px}.brand-name{font-size:15px;font-weight:800;letter-spacing:.06em;line-height:1.1}.brand-en{font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:var(--ink-60)}.home-link{font-size:12px;color:var(--ink-60);text-decoration:none;text-underline-offset:3px;white-space:nowrap}.home-link:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink-40)}.topbar-draft{display:flex;align-items:center;gap:10px;flex:none;min-width:0}.draft-label{font-size:11px;font-weight:700;color:var(--ink-60);white-space:nowrap}.draft-select{max-width:230px;min-width:120px;padding:5px 8px;border:1.5px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);font-family:inherit;font-size:13px}.save-state{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px dashed var(--ink-25);font-size:11px;color:var(--ink-60);white-space:nowrap}.save-dot{width:6px;height:6px;flex:none;background:var(--blue)}.save-state[data-state=error]{color:var(--red);border-color:var(--red)}.save-state[data-state=error] .save-dot{background:var(--red)}.draft-actions{display:flex;gap:6px;margin-left:6px}.topbar-actions{flex:1;display:flex;justify-content:flex-end}.notice-bar{grid-area:notice;display:flex;align-items:center;gap:12px;padding:7px 16px;border-bottom:1.5px dashed var(--blue);background:var(--blue-soft);color:var(--blue);font-size:12.5px}.notice-bar[data-kind=error]{border-bottom-color:var(--red);background:var(--red-soft);color:var(--red)}.notice-bar span:first-child{flex:1;min-width:0}.notice-close{flex:none;width:22px;height:22px;border:1px solid currentColor;background:transparent;color:inherit;font-size:13px;line-height:1;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 16px;border:1.5px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);font-size:13px;font-weight:700;cursor:pointer;box-shadow:3px 3px 0 var(--ink-12);transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink-12)}.btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink-12)}.btn:disabled{border-color:var(--ink-25);color:var(--ink-40);cursor:not-allowed;box-shadow:none}.btn-primary:disabled,.btn-ink:disabled{background:var(--ink-12)}.btn-sm{min-height:29px;padding:0 10px;font-size:12px;font-weight:600;box-shadow:2px 2px 0 var(--ink-12)}.btn-primary{background:var(--red);border-color:var(--ink);color:var(--paper);min-height:38px;padding:0 22px;font-size:14px}.btn-primary:hover:not(:disabled){background:#a93327}.btn-ink{background:var(--ink);color:var(--paper)}.btn-ghost{border-style:dashed;border-color:var(--ink-40);background:transparent;color:var(--ink-80);box-shadow:none}.btn-ghost:hover:not(:disabled){border-style:solid;border-color:var(--ink);color:var(--ink);background:#211d160a}.btn-danger{color:var(--red);border-color:var(--red)}.btn-danger:hover:not(:disabled){background:var(--red);color:var(--paper)}.library{grid-area:library;display:flex;flex-direction:column;min-height:0;border-right:1.5px solid var(--ink);background:var(--paper)}.tool-library{flex:1;min-height:0;overflow-y:auto;padding-bottom:14px}.panel-head{display:flex;align-items:baseline;gap:8px;padding:12px 14px 10px;border-bottom:1px dashed var(--ink-25)}.panel-head h2{margin:0;font-size:13px;font-weight:800;letter-spacing:.04em}.panel-en{font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--ink-40)}.count-badge{margin-left:auto;padding:1px 7px;background:var(--red);color:var(--paper);font-family:var(--mono);font-size:10px}.tool-group-head{display:flex;align-items:baseline;gap:7px;padding:13px 14px 4px}.tool-group-head h3{margin:0;font-size:11.5px;font-weight:800;color:var(--ink-80)}.tool-group-en{font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;color:var(--ink-40)}.tool-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 14px;border:none;border-left:3px solid transparent;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.tool-item:hover:not(:disabled){background:#211d160d}.tool-item.active{border-left-color:var(--red);background:var(--red-soft)}.tool-item:disabled{opacity:.45;cursor:not-allowed}.tool-swatch{position:relative;width:40px;height:32px;flex:none;display:grid;place-items:center;border:1.5px solid var(--ink-25);background:var(--void);overflow:hidden}.tool-swatch img{max-width:90%;max-height:86%;image-rendering:pixelated}.tool-swatch.missing{font-family:var(--mono);font-size:7px;color:#f3efe4bf;text-align:center;line-height:1.2;padding:2px;word-break:break-all}.tool-text{min-width:0}.tool-text strong{display:block;font-size:13px;font-weight:700}.tool-meta{font-family:var(--mono);font-size:10px;color:var(--ink-60);margin-top:1px}.tool-hint{font-size:11px;color:var(--ink-60);line-height:1.45;margin-top:2px}.rig-dot{display:inline-block;width:8px;height:8px;margin-right:4px;vertical-align:0;background:var(--rig-color, var(--blue));border:1px solid var(--ink-25)}.coming-soon{margin:14px;padding:12px;border:1.5px dashed var(--ink-40);font-size:12px;color:var(--ink-60);line-height:1.6}.coming-soon .soon-en{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--ink-40);margin-top:4px}.stage{grid-area:stage;display:flex;flex-direction:column;min-width:0;min-height:0}.mode-bar{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px dashed var(--ink-25)}.mode-chip{flex:none;padding:3px 9px;border:1.5px solid var(--ink);font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--ink)}.mode-chip[data-mode=place]{background:var(--red);border-color:var(--red);color:var(--paper)}.mode-chip[data-mode=move]{background:var(--blue);border-color:var(--blue);color:var(--paper)}.mode-text{flex:1;min-width:0;font-size:12.5px;color:var(--ink-80);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-text[data-valid=ok]{color:var(--blue);font-weight:600}.mode-text[data-valid=bad]{color:var(--red);font-weight:600}.mode-bar .btn{flex:none}.canvas-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;container-type:size}.canvas-frame{margin:0;border:1.5px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink-25)}.frame-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 10px;border-bottom:1.5px solid var(--ink);font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--ink-60)}.frame-dims{color:var(--ink-40)}#scene{display:block;width:min(calc(100cqw - 32px),calc((100cqh - 76px)*1.77778));aspect-ratio:16 / 9;height:auto;background:var(--void);cursor:crosshair}@supports not (width: 1cqw){#scene{width:min(92%,calc((100vh - 280px)*1.77778))}}.statusbar{display:flex;align-items:center;gap:18px;padding:7px 14px;border-top:1px dashed var(--ink-25);font-size:12px;color:var(--ink-60)}.statusbar>span:first-child{font-family:var(--mono);font-size:11px;min-width:150px}#selectionSize{flex:1}.statusbar-keys{white-space:nowrap}kbd{display:inline-block;padding:0 5px;border:1px solid var(--ink-40);border-bottom-width:2px;font-family:var(--mono);font-size:10px;color:var(--ink-80)}.inspector{grid-area:inspector;min-height:0;overflow-y:auto;border-left:1.5px solid var(--ink);background:var(--paper)}.panel{border-bottom:1px dashed var(--ink-25)}.panel-body{padding:12px 14px 14px}.sel-card-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sel-card-head strong{font-size:14px;font-weight:800}.sel-kind{padding:1px 6px;border:1px solid var(--ink-25);font-family:var(--mono);font-size:9.5px;color:var(--ink-60)}.sel-meta{font-family:var(--mono);font-size:11px;color:var(--ink-60);line-height:1.7}.sel-note{margin-top:8px;padding:7px 9px;border-left:3px solid var(--blue);background:var(--blue-soft);font-size:11.5px;color:var(--ink-80);line-height:1.55}.sel-actions{display:flex;gap:8px;margin-top:10px}.sel-empty{padding:14px 12px;border:1.5px dashed var(--ink-25);font-size:12px;color:var(--ink-60);line-height:1.8}.sel-empty strong{color:var(--ink-80)}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.field label{font-size:11px;font-weight:700;color:var(--ink-60)}.field input,.field select{padding:6px 8px;border:1.5px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);font-family:inherit;font-size:13px}.field input[type=number]{width:96px;font-family:var(--mono)}.stat-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.stat{padding:2px 8px;border:1.5px solid var(--ink-25);font-family:var(--mono);font-size:10.5px;color:var(--ink-80)}.rig-palette{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.rig-chip{display:inline-flex;align-items:center;padding:2px 8px;border:1px dashed var(--ink-40);font-family:var(--mono);font-size:10.5px;color:var(--ink-80)}.rig-chip:before{content:"";width:7px;height:7px;margin-right:5px;background:var(--rig-color, var(--blue))}.validation-list{display:flex;flex-direction:column;gap:6px;max-height:216px;overflow-y:auto}.issue{display:block;width:100%;padding:8px 10px;border:none;border-left:3px solid var(--red);background:var(--red-soft);color:var(--ink);font-size:12px;line-height:1.55;text-align:left;cursor:pointer}.issue:hover{background:#bd3a2c24}.issue small{display:block;font-family:var(--mono);font-size:9.5px;color:var(--ink-60);margin-top:2px}.issue-ok{padding:8px 10px;border-left:3px solid var(--blue);background:var(--blue-soft);font-size:12px;color:var(--ink-80);line-height:1.6}.issue-note{margin:8px 0 0;font-size:11px;color:var(--ink-60);line-height:1.6}.publish-steps{margin:0 0 10px;padding:0;list-style:none}.step{position:relative;display:flex;gap:10px;padding:5px 0}.step:not(:last-child):before{content:"";position:absolute;left:10px;top:30px;bottom:-4px;border-left:1.5px dashed var(--ink-25)}.step-num{position:relative;z-index:1;width:21px;height:21px;flex:none;display:grid;place-items:center;border:1.5px solid var(--ink);background:var(--paper);font-family:var(--mono);font-size:11px}.step[data-state=done] .step-num{background:var(--blue);border-color:var(--blue);color:var(--paper)}.step[data-state=current] .step-num{border-color:var(--red);color:var(--red);font-weight:700}.step[data-state=blocked]{opacity:.5}.step-body strong{display:block;font-size:12.5px;font-weight:700}.step[data-state=done] .step-body strong:after{content:" ✓";color:var(--blue)}.step-sub{font-size:11px;color:var(--ink-60);line-height:1.55;margin-top:1px}.publish-actions{display:flex;flex-direction:column;gap:8px}.soon-tag{padding:1px 5px;border:1px dashed currentColor;font-family:var(--mono);font-size:9px;letter-spacing:.08em}.export-hint{margin:9px 0 0;font-size:11px;color:var(--ink-60);line-height:1.6}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:#211d1661}.dialog-panel{width:min(430px,calc(100vw - 48px));padding:20px 22px;border:1.5px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink-25)}.dialog-title{margin:0 0 10px;font-size:15px;font-weight:800}.dialog-body{font-size:13px;line-height:1.75;color:var(--ink-80)}.dialog-body ol{margin:8px 0 0;padding-left:20px}.dialog-body li{margin:3px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.playtest-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#211d169e}.playtest-panel{width:min(1060px,calc(100vw - 64px));display:flex;flex-direction:column;border:1.5px solid var(--ink);background:var(--paper);box-shadow:10px 10px #211d164d}.playtest-panel.won{border-color:var(--blue)}.playtest-head{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1.5px solid var(--ink)}.playtest-head strong{font-size:14px;font-weight:800;white-space:nowrap}.playtest-status{flex:1;min-width:0;font-family:var(--mono);font-size:11px;color:var(--ink-60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playtest-panel.won .playtest-status{color:var(--blue);font-weight:700}.playtest-hint-inline{flex:none;font-size:11px;color:var(--ink-40)}.playtest-error-actions{flex:none;display:inline-flex;gap:8px}.playtest-error-actions button{min-height:28px;padding:0 12px;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;box-shadow:2px 2px 0 var(--ink-12)}.playtest-error-actions button:hover{background:var(--ink);color:var(--paper)}.playtest-frame{display:block;width:100%;aspect-ratio:16 / 9;height:auto;border:none;background:#050817}.desktop-note{display:none}@media(max-width:1239px){body{min-width:0}#app{display:none}.desktop-note{display:grid;place-items:center;min-height:100vh;padding:32px;text-align:center;font-size:14px;line-height:2.1;color:var(--ink-80)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}