:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0c11;--panel:#10131b;--card:#161a24;--line:#232a38;--line-soft:#1b212d;--text:#dfe4ee;--muted:#7b8598;--accent:#6ea8ff;--accent-2:#8b7bff;--ok:#5fd38d;--warn:#ffcf6b;--err:#ff6b6b}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.55 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.boot{height:100vh;color:var(--muted);justify-content:center;align-items:center;display:flex}.app{height:100vh;display:flex}#panel{border-right:1px solid var(--line);background:linear-gradient(#0e1119,#0b0d13);flex:none;width:360px;padding:22px 20px;overflow-y:auto}.brand{align-items:center;gap:10px;margin-bottom:2px;display:flex}.dot{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:7px;width:22px;height:22px;box-shadow:0 0 18px #6ea8ff73}h1{letter-spacing:.2px;margin:0;font-size:16px;font-weight:650}.sub{color:var(--muted);margin:4px 0 20px;font-size:12px}.card{background:var(--card);border:1px solid var(--line-soft);border-radius:12px;margin-bottom:14px;padding:14px}.card>.title{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:10px;font-size:11px}details.settings>summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-bottom:0;list-style:none;display:flex}details.settings>summary::-webkit-details-marker{display:none}details.settings>summary:after{content:"▸";color:var(--muted);font-size:18px;line-height:1;transition:transform .15s,color .15s}details.settings>summary:hover:after{color:var(--accent)}details.settings[open]>summary{margin-bottom:12px}details.settings[open]>summary:after{transform:rotate(90deg)}.drop{text-align:center;border:1.5px dashed var(--line);cursor:pointer;background:#12151d;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;transition:border-color .15s,background .15s;display:flex;position:relative}.drop:hover{border-color:var(--accent);background:#141926}.drop.has{border-style:solid;border-color:#2c3a5a}.drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.drop .big{color:var(--text);font-size:13px}.drop .small{color:var(--muted);font-size:11px}.thumb{object-fit:contain;border-radius:8px;width:100%;max-height:150px;margin-bottom:8px}label.field{margin:14px 0 0;display:block}label.field:first-child{margin-top:0}.field .row{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.field .name{color:var(--text);font-size:12px}.field .val{color:var(--accent);font-variant-numeric:tabular-nums;font-size:12px}.field .desc{color:var(--muted);margin-top:4px;font-size:11px}input[type=range]{appearance:none;background:var(--line);border-radius:4px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 3px #6ea8ff26}.check{cursor:pointer;align-items:flex-start;gap:9px;margin-top:12px;display:flex}.check input{accent-color:var(--accent);flex:none;width:15px;height:15px;margin:2px 0 0}.check .name{color:var(--text);font-size:12px}.check .desc{color:var(--muted);font-size:11px}button#generate{cursor:pointer;width:100%;font:inherit;color:#08101f;background:linear-gradient(135deg, var(--accent), var(--accent-2));border:none;border-radius:10px;margin-top:4px;padding:12px;font-size:13.5px;font-weight:650;transition:filter .15s,transform 50ms}button#generate:hover:not(:disabled){filter:brightness(1.08)}button#generate:active:not(:disabled){transform:translateY(1px)}button#generate:disabled{opacity:.5;cursor:default;filter:grayscale(.3)}#progress{margin-top:14px}.track{background:var(--line);border-radius:6px;height:8px;overflow:hidden}#bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:6px;width:0%;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}#bar-fill.err{background:var(--err)}.bar-row{justify-content:space-between;margin-top:7px;font-size:11.5px;display:flex}#bar-label{color:var(--text)}#bar-pct{color:var(--muted);font-variant-numeric:tabular-nums}details.console{margin-top:14px}details.console>summary{cursor:pointer;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:11px;list-style:none}details.console>summary::-webkit-details-marker{display:none}details.console>summary:before{content:"▸ "}details.console[open]>summary:before{content:"▾ "}#log{white-space:pre-wrap;border:1px solid var(--line-soft);color:#aeb6c6;background:#070a0f;border-radius:8px;max-height:240px;margin-top:8px;padding:10px;font:11px/1.5 ui-monospace,Menlo,monospace;overflow-y:auto}.ok{color:var(--ok)}.err{color:var(--err)}.warn{color:var(--warn)}#stage{flex:1;position:relative}#stage canvas{width:100%;height:100%;display:block}#unsupported{background:var(--bg);color:var(--err);text-align:center;justify-content:center;align-items:center;padding:40px;display:flex;position:absolute;inset:0}#empty{pointer-events:none;color:#39435a;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}