*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08080c;--sidebar-bg:#0e0e14;--sidebar-border:#1e1e2e;--text:#c0c0d0;--text-h:#e8e8f0;--accent:#7b6fff;--accent-glow:#7b6fff4d;--input-bg:#16161f;--input-border:#2a2a3e;--btn-bg:#1e1e2e;--btn-hover:#2e2e42;color:var(--text);background:var(--bg);font-family:Inter,system-ui,sans-serif;font-size:13px}body{height:100vh;margin:0;display:flex;overflow:hidden}#app{width:100vw;height:100vh;display:flex}.dla-root{width:100%;height:100%;display:flex}.dla-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;gap:10px;width:220px;padding:16px 12px;display:flex;overflow-y:auto}.dla-sidebar h1{color:var(--text-h);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--sidebar-border);margin-bottom:2px;padding-bottom:10px;font-size:16px;font-weight:700}.dla-sidebar section{flex-direction:column;gap:4px;display:flex}label{color:var(--text);letter-spacing:.05em;text-transform:uppercase;flex-direction:column;gap:5px;font-size:11px;display:flex}select,input[type=range]{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text);appearance:none;cursor:pointer;border-radius:4px;outline:none;padding:4px 6px;font-size:12px}select{padding:5px 6px}select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}input[type=range]{background:var(--input-border);cursor:pointer;height:4px;accent-color:var(--accent);border:none;border-radius:2px;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;width:12px;height:12px;box-shadow:0 0 6px var(--accent-glow);border-radius:50%}label span{color:var(--accent);text-transform:none;letter-spacing:0;float:right;margin-left:auto;font-size:11px;font-weight:600}label{position:relative}.btn-row{flex-wrap:wrap;gap:6px;display:flex;flex-direction:row!important}button{background:var(--btn-bg);border:1px solid var(--input-border);color:var(--text-h);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;border-radius:4px;flex:1;padding:6px 8px;font-size:11px;font-weight:600;transition:background .15s,border-color .15s}button:hover{background:var(--btn-hover);border-color:var(--accent)}button:active{background:var(--accent);color:#fff}.stats{border-top:1px solid var(--sidebar-border);color:var(--text);flex-direction:column;gap:4px;margin-top:auto;padding-top:10px;font-size:11px;display:flex}.stats span{color:var(--accent);font-weight:700}.hint{color:#ff9a3c;text-transform:none;letter-spacing:0;margin-top:4px;font-size:10px;line-height:1.4}.hidden{display:none}.dla-canvas-wrap{background:#08080c;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}#dlaCanvas{aspect-ratio:1;max-width:100%;max-height:100vh;image-rendering:pixelated;cursor:crosshair;display:block}