:root{--bg:#0e0f11;--panel:#16181b;--line:#262a2f;--txt:#e8e6e1;--mut:#8b8f95;--acc:#d9b27c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--txt);margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,monospace}.top{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:16px;padding:14px 20px;display:flex}.top h1{letter-spacing:.02em;margin:0;font-size:16px;font-weight:600}.top h1 span{color:var(--mut);font-weight:400}.support{color:#e08a6a;margin:0;font-size:12px}.layout{grid-template-columns:minmax(0,1fr) 380px;gap:0;min-height:calc(100vh - 53px);display:grid}.stage{background:#0a0b0c;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.stage-box{justify-content:center;align-items:center;width:100%;height:calc(100vh - 150px);display:flex}#view{background:#000;max-width:100%;max-height:100%;box-shadow:0 20px 60px #000a}.transport{align-items:center;gap:10px;display:flex}.panel{background:var(--panel);border-left:1px solid var(--line);max-height:calc(100vh - 53px);padding:6px 16px 40px;overflow-y:auto}details{border-bottom:1px solid var(--line);padding:10px 0}summary{cursor:pointer;padding:6px 0;font-weight:600;list-style:none}summary::-webkit-details-marker{display:none}.ctl{grid-template-columns:132px 1fr 44px;align-items:center;gap:8px;margin:8px 0;display:grid}.ctl label{color:var(--mut);font-size:12.5px}.ctl output{color:var(--mut);text-align:right;font-size:11px}.ctl select,.ctl input[type=number]{grid-column:2/4;width:100%}.row{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.row.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.row.two .ctl{grid-template-columns:1fr;margin:0}.row.two .ctl input{grid-column:1}input[type=range]{width:100%;accent-color:var(--acc)}select,input[type=number]{color:var(--txt);border:1px solid var(--line);font:inherit;background:#0e1012;border-radius:6px;padding:7px 8px}.btn{color:var(--txt);border:1px solid var(--line);font:inherit;cursor:pointer;background:#1e2126;border-radius:8px;padding:8px 12px}.btn:hover:not(:disabled){border-color:#444a52}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--acc);color:#1a1408;border-color:var(--acc);font-weight:600}.btn.big{width:100%;margin-top:6px;padding:12px;font-size:15px}.btn.small{padding:4px 10px;font-size:12px}.drop{color:var(--mut);cursor:pointer;text-align:center;border:1.5px dashed #3a4047;border-radius:10px;justify-content:center;align-items:center;min-height:56px;margin:8px 0;padding:16px;display:flex}.drop.over,.drop:hover{border-color:var(--acc);color:var(--txt)}.drop.ok{color:var(--txt);border-style:solid}.swatches{flex-wrap:wrap;gap:10px;margin:10px 0;display:flex}.sw .btn{padding:1px 8px}.sw{color:var(--mut);flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.sw input{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;width:48px;height:34px;padding:2px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;border-radius:8px;width:76px;height:26px;display:flex;overflow:hidden}.chip i{flex:1}.chip:hover{border-color:var(--acc)}.wave-wrap{margin:8px 0}#wave{border:1px solid var(--line);touch-action:none;cursor:ew-resize;background:#0e1012;border-radius:8px;width:100%;height:96px;display:block}.hint{color:var(--mut);margin:6px 0;font-size:12px}.progress{margin-top:10px}.bar{border:1px solid var(--line);background:#0e1012;border-radius:6px;height:8px;overflow:hidden}.bar i{background:var(--acc);width:0;height:100%;display:block}.progress-row{color:var(--mut);justify-content:space-between;align-items:center;margin-top:6px;font-size:12px;display:flex}@media (max-width:900px){.layout{grid-template-columns:1fr}.stage-box{height:62vh}.panel{border-left:none;border-top:1px solid var(--line);max-height:none}}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;margin:6px 0;display:grid}.lib-item{aspect-ratio:1;border:1px solid var(--line);border-radius:8px;position:relative;overflow:hidden}.lib-item img{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.lib-item:hover{border-color:var(--acc)}.lib-del{color:#fff;cursor:pointer;background:#000a;border:0;border-radius:50%;width:20px;height:20px;padding:0;font-size:11px;line-height:20px;position:absolute;top:3px;right:3px}.lib-del:hover{background:#c0392b}.lib-tag{font-size:12px;position:absolute;bottom:2px;left:4px}
