*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#e5e5e5;background:#0a0a0a;width:100%;height:100%;font-family:Inter,system-ui,sans-serif;overflow:hidden}#tab-nav{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ae6;border-bottom:1px solid #1a1a1a;align-items:center;gap:2px;height:44px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.tab-link{color:#666;cursor:pointer;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.tab-link:hover{color:#aaa;background:#ffffff0a}.tab-link.active{color:#f84;background:#ff66001a}.nav-title{color:#333;letter-spacing:.06em;text-transform:uppercase;margin-left:auto;font-size:11px;font-weight:600}#app{position:fixed;inset:44px 0 0;overflow:hidden}#app canvas{width:100%;height:100%;display:block}#stats{z-index:50;color:#444;pointer-events:none;font:10px SF Mono,Fira Code,monospace;position:fixed;bottom:12px;right:16px}#panel-toggle{z-index:100;color:#888;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414d9;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex;position:fixed;top:56px;right:16px}#panel-toggle:hover{color:#ccc;background:#1e1e1ef2;border-color:#555}#panel{z-index:99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overscroll-behavior:contain;cursor:default;background:#0e0e0eeb;border:1px solid #262626;border-radius:12px;width:300px;max-height:calc(100dvh - 72px);transition:transform .25s;position:fixed;top:56px;right:16px;overflow-y:auto;transform:translate(320px)}#panel.open{transform:translate(0)}#panel::-webkit-scrollbar{width:4px}#panel::-webkit-scrollbar-track{background:0 0}#panel::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.panel-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.panel-header h2{color:#ccc;letter-spacing:.02em;font-size:13px;font-weight:600}.panel-header button{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:flex}.panel-header button:hover{color:#aaa;background:#ffffff0d}.section{border-bottom:1px solid #1a1a1a;padding:12px 16px}.section:last-child{border-bottom:none}.section-title{color:#666;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:10px;font-weight:600}.control-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.control-row:last-child{margin-bottom:0}.control-label{color:#999;white-space:nowrap;min-width:80px;font-size:12px}.control-value{color:#666;text-align:right;min-width:36px;font-family:SF Mono,Fira Code,monospace;font-size:11px}input[type=range]{appearance:none;background:#333;border-radius:2px;outline:none;flex:1;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#888;border:2px solid #0a0a0a;border-radius:50%;width:14px;height:14px}input[type=range]::-webkit-slider-thumb:hover{background:#aaa}.toggle-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.toggle-row:last-child{margin-bottom:0}.toggle{cursor:pointer;width:36px;height:20px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{background:#333;border-radius:10px;transition:background .2s;position:absolute;inset:0}.toggle-thumb{background:#888;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle input:checked~.toggle-track{background:#f60}.toggle input:checked~.toggle-thumb{background:#fff;left:18px}.preset-btn{color:#999;cursor:pointer;background:#ffffff08;border:1px solid #333;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:11px;transition:all .15s}.preset-btn:hover{color:#ccc;background:#ffffff14;border-color:#555}.preset-btn.active{color:#f84;background:#ff660026;border-color:#f60}.presets{flex-wrap:wrap;gap:6px;display:flex}#ascii-controls{z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;top:56px;left:16px}.ascii-scene-tabs{flex-wrap:wrap;gap:4px;display:flex}.scene-btn{color:#888;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414d9;border:1px solid #333;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.scene-btn:hover{color:#ccc;background:#1e1e1ef2;border-color:#555}.scene-btn.active{color:#f84;background:#ff660026;border-color:#f60}.scene-hint{color:#555;max-width:350px;font-size:11px;line-height:1.5}