:root{--bg: #0b0c0e;--panel: rgba(18, 19, 23, .78);--ink: #ecece8;--muted: #9aa0a8;--line: rgba(255, 255, 255, .08);--accent: #d8c39a;--good: #7dcea0;--bad: #e07a73;--warn: #e0b050}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:13.5px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.01em}button,input,select{font:inherit;color:inherit}.app{height:100%;display:grid;grid-template-columns:minmax(380px,28vw) 1fr;grid-template-rows:1fr 168px}@media(max-width:900px){.app{grid-template-columns:1fr;grid-template-rows:1fr auto 160px}.stage{grid-column:1;grid-row:1}.side{grid-column:1;grid-row:2}.bottom{grid-column:1;grid-row:3}}.stage{grid-column:2;grid-row:1;position:relative;min-height:0;background:#0c0d10}.stage canvas{display:block}.hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--muted);text-align:center;padding:24px}.hint b{color:var(--ink);font-weight:600;display:block;font-size:16px;margin-bottom:6px}.drop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px dashed transparent}.drop.active{pointer-events:none;border-color:var(--accent);background:#d8c39a0f}.wait{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;background:#08090c9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.wait-card{max-width:420px;padding:28px 26px 22px;text-align:center}.spinner{width:36px;height:36px;margin:0 auto 16px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wait-kicker{margin:0 0 10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.wait-fact{margin:0;font-size:16px;line-height:1.45;color:var(--ink);min-height:4.4em;animation:fact-in .45s ease}@keyframes fact-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.wait-sub{margin:14px 0 0;font-size:11px;color:var(--muted)}.layer-rail{position:absolute;right:14px;top:18px;bottom:18px;width:64px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:3;pointer-events:auto}.layer-rail .xray{width:100%;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:7px 4px}.layer-rail .xray.on{background:var(--accent);color:#1a160f;border-color:transparent}.layer-read{font:11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);text-align:center}.layer-read b{color:var(--ink);font-weight:600;display:block}.layer-track{flex:1;width:22px;position:relative;border-radius:11px;background:#ffffff0f;border:1px solid var(--line);cursor:ns-resize;touch-action:none}.layer-fill{position:absolute;left:3px;right:3px;border-radius:8px;background:linear-gradient(180deg,#d8c39a,#9a7f4e);pointer-events:none}.layer-thumb{position:absolute;left:50%;width:18px;height:12px;margin-left:-9px;margin-top:-6px;border-radius:3px;background:#f3ead6;box-shadow:0 1px 4px #00000073;pointer-events:none}.side{grid-column:1;grid-row:1;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;overflow:hidden}.brand{padding:14px 18px 10px;border-bottom:1px solid var(--line)}.brand h1{margin:0;font-size:15px;font-weight:600;letter-spacing:.02em}.brand p{margin:4px 0 0;color:var(--muted);font-size:12px}.form{padding:12px 16px 14px;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}label.field{display:flex;flex-direction:column;gap:4px}label.field span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}input[type=text],select{background:#0e1014;border:1px solid var(--line);border-radius:8px;padding:7px 9px;outline:none}input[type=text]:focus,select:focus{border-color:#3a3f48}.chk{display:flex;gap:8px;align-items:center;color:var(--muted)}.actions{display:flex;flex-direction:column;gap:8px}.actions .primary,.actions .ghost{width:100%;flex:none}button{border:0;border-radius:9px;padding:9px 12px;cursor:pointer}button.primary{background:var(--accent);color:#1a160f;font-weight:600;flex:1}button.primary:disabled{opacity:.45;cursor:default}button.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}button.ghost.on{background:var(--accent);color:#1a160f;border-color:transparent}.note{color:var(--muted);font-size:12px;margin:0}.file{border:1px dashed var(--line);border-radius:10px;padding:10px;color:var(--muted);font-size:12.5px}.file strong{color:var(--ink);font-weight:600}.bottom{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--line);background:#0a0b0d}.log{flex:1;min-height:0;padding:8px 14px 10px;overflow:auto;font:11.5px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c5c8ce;white-space:pre-wrap}.log .ok{color:var(--good)}.log .bad{color:var(--bad)}.log .warn{color:var(--warn)}.status{padding:6px 16px;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:12px}.bar{flex:1;height:6px;border-radius:99px;background:#1c1f26;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent);width:0%;transition:width .2s linear}.eta{font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}.status.ready{color:var(--good)}.status.busy{color:var(--accent)}.status.err{color:var(--bad)}