:root{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#12161d;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100vw;height:100vh}#panel{position:fixed;top:12px;left:12px;z-index:10;width:min(300px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background:#12171fd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);color:#e7ecf3}#panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}#panel header .title{display:flex;flex-direction:column;gap:2px}#panel-toggle{flex:0 0 auto;width:34px;height:34px;padding:0;font-size:16px;line-height:1;border-radius:9px}#panel.collapsed{gap:0}#panel.collapsed #gen-tabs,#panel.collapsed #controls,#panel.collapsed .toolbar,#panel.collapsed .export,#panel.collapsed .hint{display:none}#panel.collapsed #panel-toggle{transform:rotate(180deg)}#panel header strong{font-size:16px;letter-spacing:.02em}#panel header span{font-size:12px;color:#9aa7b8}#gen-tabs{display:flex;gap:6px}#gen-tabs button{flex:1;padding:9px 8px;font-size:13px;background:#161d27}#gen-tabs button[aria-pressed=true]{background:#4d96ff;border-color:#4d96ff;color:#0b0e14}.control{display:block;margin-bottom:8px}.segmented{display:flex;gap:6px}.segmented button{flex:1;padding:8px 6px;font-size:13px;font-weight:500;background:#161d27}.segmented button[aria-pressed=true]{border-color:#4d96ff;color:#9cc2ff;background:#1c2a3d}.control-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.control-val{color:#6bcb77;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#4d96ff;height:24px}.toolbar,.export{display:flex;gap:8px}button{flex:1;padding:11px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#1e2632;color:#e7ecf3;font-size:14px;font-weight:600;cursor:pointer}button:active{transform:translateY(1px)}button[aria-pressed=true]{border-color:#4d96ff;color:#9cc2ff}button.primary{background:#4d96ff;border-color:#4d96ff;color:#0b0e14}.hint{font-size:11px;color:#74829a;text-align:center}