.fw-wrap[data-astro-cid-pkzla2j7]{border-radius:var(--radius);background:#0a0a12;width:100%;height:600px;position:relative;overflow:hidden}.fw-canvas[data-astro-cid-pkzla2j7]{width:100%;height:100%;display:block;position:absolute;inset:0}.fw-panel[data-astro-cid-pkzla2j7]{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#141423b3;padding:10px 14px;position:absolute;top:12px;left:12px;right:12px}.fw-row[data-astro-cid-pkzla2j7]{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.fw-label[data-astro-cid-pkzla2j7]{color:var(--text-primary);cursor:pointer;user-select:none;align-items:center;gap:6px;font-size:14px;display:inline-flex}.fw-field[data-astro-cid-pkzla2j7]{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.fw-field-label[data-astro-cid-pkzla2j7]{white-space:nowrap}.fw-field[data-astro-cid-pkzla2j7] input[data-astro-cid-pkzla2j7][type=range]{width:100px}.fw-value[data-astro-cid-pkzla2j7]{text-align:right;font-variant-numeric:tabular-nums;min-width:36px;color:var(--text-primary)}@media (width<=640px){.fw-wrap[data-astro-cid-pkzla2j7]{height:420px}.fw-field[data-astro-cid-pkzla2j7] input[data-astro-cid-pkzla2j7][type=range]{width:70px}}.fw-wrap[data-astro-cid-pkzla2j7]:fullscreen{border-radius:0;width:100vw;height:100vh}.fw-wrap[data-astro-cid-pkzla2j7]:fullscreen .fw-canvas[data-astro-cid-pkzla2j7]{height:100%}.fw-wrap[data-astro-cid-pkzla2j7]:fullscreen .fw-panel[data-astro-cid-pkzla2j7]{display:none}.fluid-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);position:relative;overflow:hidden}.fluid-canvas-wrap{background:#020617;width:100%;height:520px;position:relative}#fluid-canvas{touch-action:none;width:100%;height:100%;display:block}.fluid-hint{color:var(--text-muted);pointer-events:none;opacity:.8;font-size:.8rem;transition:opacity .5s;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.fluid-hint.hidden{opacity:0}.fluid-controls{border-top:1px solid var(--border-color);backdrop-filter:blur(10px);z-index:10;background:#0f172a99;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1rem 1.25rem;display:grid;position:relative}.fluid-controls button{white-space:nowrap}.fluid-control-group{flex-direction:column;gap:.35rem;display:flex}.fluid-control-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.fluid-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.fluid-control-group span{color:var(--text-muted);font-family:Courier New,monospace;font-size:.75rem}.fluid-color-row{gap:.4rem;display:flex}.fluid-color-btn{border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;width:28px;height:28px;padding:0;transition:transform .15s}.fluid-color-btn.active{border-color:var(--text-primary);transform:scale(1.1)}.fluid-color-btn:hover{transform:scale(1.15)}.fluid-btns{align-items:flex-end;gap:.5rem;display:flex}@media (width<=640px){.fluid-canvas-wrap{height:360px}.fluid-controls{z-index:10;grid-template-columns:1fr;position:relative}.fluid-btns{justify-content:center}}.fluid-container:fullscreen{border-radius:0;width:100vw;height:100vh}.fluid-container:fullscreen .fluid-canvas-wrap{height:100%}.fluid-container:fullscreen .fluid-controls,.fluid-container:fullscreen .fluid-hint{display:none}.rain-wrap[data-astro-cid-qi3nkrux]{border-radius:var(--radius);background:linear-gradient(#0f172a 0%,#1e293b 100%);width:100%;height:600px;position:relative;overflow:hidden}.rain-canvas[data-astro-cid-qi3nkrux]{width:100%;height:100%;display:block;position:absolute;inset:0}.rain-panel[data-astro-cid-qi3nkrux]{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0f172aa6;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.rain-row[data-astro-cid-qi3nkrux]{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.rain-label[data-astro-cid-qi3nkrux]{color:var(--text-primary);cursor:pointer;user-select:none;align-items:center;gap:6px;font-size:14px;display:inline-flex}.rain-field[data-astro-cid-qi3nkrux]{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.rain-field-label[data-astro-cid-qi3nkrux]{white-space:nowrap}.rain-field[data-astro-cid-qi3nkrux] input[data-astro-cid-qi3nkrux][type=range]{width:90px}.rain-value[data-astro-cid-qi3nkrux]{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--text-primary)}@media (width<=640px){.rain-wrap[data-astro-cid-qi3nkrux]{height:420px}.rain-field[data-astro-cid-qi3nkrux] input[data-astro-cid-qi3nkrux][type=range]{width:60px}}.rain-wrap[data-astro-cid-qi3nkrux]:fullscreen{border-radius:0;width:100vw;height:100vh}.rain-wrap[data-astro-cid-qi3nkrux]:fullscreen .rain-canvas[data-astro-cid-qi3nkrux]{height:100%}.rain-wrap[data-astro-cid-qi3nkrux]:fullscreen .rain-panel[data-astro-cid-qi3nkrux]{display:none}.sp-wrap[data-astro-cid-niw55yrp]{border-radius:var(--radius);background:radial-gradient(at bottom,#0b1026 0%,#02040a 100%);width:100%;height:600px;position:relative;overflow:hidden}.sp-canvas[data-astro-cid-niw55yrp]{width:100%;height:100%;display:block;position:absolute;inset:0}.sp-panel[data-astro-cid-niw55yrp]{backdrop-filter:blur(8px);border-radius:var(--radius-sm);z-index:10;background:#0b1026a6;border:1px solid #ffffff14;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.sp-row[data-astro-cid-niw55yrp]{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.sp-label[data-astro-cid-niw55yrp]{color:var(--text-primary);cursor:pointer;user-select:none;align-items:center;gap:6px;font-size:14px;display:inline-flex}.sp-field[data-astro-cid-niw55yrp]{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.sp-field-label[data-astro-cid-niw55yrp]{white-space:nowrap}.sp-field[data-astro-cid-niw55yrp] input[data-astro-cid-niw55yrp][type=range]{width:90px}.sp-value[data-astro-cid-niw55yrp]{text-align:right;font-variant-numeric:tabular-nums;min-width:30px;color:var(--text-primary)}@media (width<=640px){.sp-wrap[data-astro-cid-niw55yrp]{height:420px}.sp-field[data-astro-cid-niw55yrp] input[data-astro-cid-niw55yrp][type=range]{width:60px}}.sp-wrap[data-astro-cid-niw55yrp]:fullscreen{border-radius:0;width:100vw;height:100vh}.sp-wrap[data-astro-cid-niw55yrp]:fullscreen .sp-canvas[data-astro-cid-niw55yrp]{height:100%}.sp-wrap[data-astro-cid-niw55yrp]:fullscreen .sp-panel[data-astro-cid-niw55yrp]{display:none}.sf-wrap[data-astro-cid-drrttc6s]{border-radius:var(--radius);background:linear-gradient(#1a2332 0%,#2d3a4d 60%,#3a4a5e 100%);width:100%;height:600px;position:relative;overflow:hidden}.sf-canvas[data-astro-cid-drrttc6s]{width:100%;height:100%;display:block;position:absolute;inset:0}.sf-panel[data-astro-cid-drrttc6s]{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#1a2332a6;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.sf-row[data-astro-cid-drrttc6s]{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.sf-field[data-astro-cid-drrttc6s]{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.sf-field-label[data-astro-cid-drrttc6s]{white-space:nowrap}.sf-field[data-astro-cid-drrttc6s] input[data-astro-cid-drrttc6s][type=range]{width:80px}.sf-field[data-astro-cid-drrttc6s] select[data-astro-cid-drrttc6s]{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:#0a101ad9;padding:2px 6px;font-size:13px}.sf-value[data-astro-cid-drrttc6s]{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--text-primary)}@media (width<=640px){.sf-wrap[data-astro-cid-drrttc6s]{height:420px}.sf-field[data-astro-cid-drrttc6s] input[data-astro-cid-drrttc6s][type=range]{width:60px}}.sf-wrap[data-astro-cid-drrttc6s]:fullscreen{border-radius:0;width:100vw;height:100vh}.sf-wrap[data-astro-cid-drrttc6s]:fullscreen .sf-canvas[data-astro-cid-drrttc6s]{height:100%}.sf-wrap[data-astro-cid-drrttc6s]:fullscreen .sf-panel[data-astro-cid-drrttc6s]{display:none}.ff-wrap[data-astro-cid-m4c5ppyg]{border-radius:var(--radius);background:radial-gradient(#0d1f0d 0%,#051005 60%,#020802 100%);width:100%;height:600px;position:relative;overflow:hidden}.ff-canvas[data-astro-cid-m4c5ppyg]{width:100%;height:100%;display:block;position:absolute;inset:0}.ff-panel[data-astro-cid-m4c5ppyg]{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#05100599;padding:10px 14px;position:absolute;top:12px;left:12px;right:12px}.ff-row[data-astro-cid-m4c5ppyg]{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.ff-field[data-astro-cid-m4c5ppyg]{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.ff-field-label[data-astro-cid-m4c5ppyg]{white-space:nowrap}.ff-field[data-astro-cid-m4c5ppyg] input[data-astro-cid-m4c5ppyg][type=range]{width:80px}.ff-value[data-astro-cid-m4c5ppyg]{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--text-primary)}.ff-select[data-astro-cid-m4c5ppyg]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}@media (width<=640px){.ff-wrap[data-astro-cid-m4c5ppyg]{height:420px}.ff-field[data-astro-cid-m4c5ppyg] input[data-astro-cid-m4c5ppyg][type=range]{width:60px}}.ff-wrap[data-astro-cid-m4c5ppyg]:fullscreen{border-radius:0;width:100vw;height:100vh}.ff-wrap[data-astro-cid-m4c5ppyg]:fullscreen .ff-canvas[data-astro-cid-m4c5ppyg]{height:100%}.ff-wrap[data-astro-cid-m4c5ppyg]:fullscreen .ff-panel[data-astro-cid-m4c5ppyg]{display:none}.mip-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);position:relative;overflow:hidden}.mip-canvas-wrap{background:#020617;width:100%;height:520px;position:relative}#mip-canvas{touch-action:none;width:100%;height:100%;display:block}.mip-hint{color:var(--text-muted);pointer-events:none;opacity:.8;white-space:nowrap;font-size:.8rem;transition:opacity .5s;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.mip-hint.hidden{opacity:0}.mip-controls{border-top:1px solid var(--border-color);backdrop-filter:blur(10px);z-index:10;background:#0f172a99;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:1rem;padding:1rem 1.25rem;display:grid;position:relative}.mip-controls button{white-space:nowrap}.mip-control-group{flex-direction:column;gap:.35rem;display:flex}.mip-control-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.mip-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.mip-control-group span{color:var(--text-muted);font-family:Courier New,monospace;font-size:.75rem}.mip-check-label{cursor:pointer;color:var(--text-secondary);align-items:center;gap:.5rem;margin-top:.25rem;font-size:.8rem;display:flex}.mip-check-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-blue,#38bdf8)}.mip-btns{align-items:flex-end;gap:.5rem;display:flex}@media (width<=640px){.mip-canvas-wrap{height:360px}.mip-controls{z-index:10;grid-template-columns:1fr 1fr;position:relative}.mip-btns{grid-column:span 2;justify-content:center}}@media (width<=420px){.mip-controls{z-index:10;grid-template-columns:1fr;position:relative}.mip-btns{grid-column:span 1}}.mip-container:fullscreen{border-radius:0;width:100vw;height:100vh}.mip-container:fullscreen .mip-canvas-wrap{height:100%}.mip-container:fullscreen .mip-controls,.mip-container:fullscreen .mip-hint{display:none}.ng-wrap[data-astro-cid-6vzkdn4m]{border-radius:var(--radius);background:#08080c;width:100%;height:600px;position:relative;overflow:hidden}.ng-canvas[data-astro-cid-6vzkdn4m]{width:100%;height:100%;display:block;position:absolute;inset:0}.ng-panel[data-astro-cid-6vzkdn4m]{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#08080cb3;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.ng-row[data-astro-cid-6vzkdn4m]{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.ng-label[data-astro-cid-6vzkdn4m]{color:var(--text-primary);cursor:pointer;user-select:none;align-items:center;gap:6px;font-size:14px;display:inline-flex}.ng-field[data-astro-cid-6vzkdn4m]{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.ng-field-label[data-astro-cid-6vzkdn4m]{white-space:nowrap}.ng-field[data-astro-cid-6vzkdn4m] input[data-astro-cid-6vzkdn4m][type=range]{width:70px}.ng-value[data-astro-cid-6vzkdn4m]{text-align:right;font-variant-numeric:tabular-nums;min-width:24px;color:var(--text-primary)}.ng-input[data-astro-cid-6vzkdn4m]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:90px;padding:4px 8px;font-size:13px}.ng-select[data-astro-cid-6vzkdn4m]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}@media (width<=640px){.ng-wrap[data-astro-cid-6vzkdn4m]{height:420px}.ng-field[data-astro-cid-6vzkdn4m] input[data-astro-cid-6vzkdn4m][type=range]{width:50px}.ng-input[data-astro-cid-6vzkdn4m]{width:70px}}.ng-wrap[data-astro-cid-6vzkdn4m]:fullscreen{border-radius:0;width:100vw;height:100vh}.ng-wrap[data-astro-cid-6vzkdn4m]:fullscreen .ng-canvas[data-astro-cid-6vzkdn4m]{height:100%}.ng-wrap[data-astro-cid-6vzkdn4m]:fullscreen .ng-panel[data-astro-cid-6vzkdn4m]{display:none}.glitch-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);padding:1.25rem;overflow:hidden}.glitch-layout{grid-template-columns:1fr 320px;gap:1.25rem;display:grid}.glitch-canvas-wrap{border-radius:var(--radius-sm);background:#020617;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative;overflow:hidden}#glitch-canvas{object-fit:contain;width:100%;height:auto;max-height:520px;display:none}#glitch-canvas.visible{display:block}.glitch-placeholder{color:var(--text-muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;min-height:400px;padding:3rem;transition:background .2s;display:flex}.glitch-placeholder:hover{background:#ffffff05}.glitch-placeholder.hidden{display:none}.glitch-ph-icon{opacity:.5}.glitch-ph-text{font-size:.9rem}.glitch-placeholder input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.glitch-controls{z-index:10;flex-direction:column;gap:1rem;display:flex;position:relative}.glitch-controls button{white-space:nowrap}.glitch-upload-row{gap:.5rem;display:flex}.glitch-upload-btn{text-align:center;flex:1;position:relative;overflow:hidden}.glitch-upload-btn input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.glitch-control-group{flex-direction:column;gap:.35rem;display:flex}.glitch-control-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.glitch-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.glitch-speed-labels{color:var(--text-muted);justify-content:space-between;font-size:.7rem;display:flex}.glitch-effects{flex-direction:column;gap:.75rem;display:flex}.glitch-effect-row{grid-template-columns:1fr 80px;align-items:center;gap:.75rem;display:grid}.glitch-check-label{cursor:pointer;color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.glitch-check-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-blue,#38bdf8)}.glitch-effect-row input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}@media (width<=900px){.glitch-layout{grid-template-columns:1fr}.glitch-controls{max-width:100%}}@media (width<=480px){.glitch-container{padding:1rem}.glitch-canvas-wrap{min-height:260px}.glitch-placeholder{min-height:260px;padding:1.5rem}}.glitch-container:fullscreen{background:#020617;border-radius:0;justify-content:center;align-items:center;width:100vw;height:100vh;padding:0;display:flex}.glitch-container:fullscreen .glitch-layout{grid-template-columns:1fr;gap:0;width:100%;height:100%}.glitch-container:fullscreen .glitch-canvas-wrap{border-radius:0;width:100%;height:100%;min-height:100%}.glitch-container:fullscreen #glitch-canvas{width:auto;max-width:100%;height:auto;max-height:100vh}.glitch-container:fullscreen .glitch-controls{display:none}.holo-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);position:relative;overflow:hidden}.holo-canvas-wrap{background:#020617;width:100%;height:480px;position:relative}#holo-canvas{width:100%;height:100%;display:block}.holo-controls{border-top:1px solid var(--border-color);backdrop-filter:blur(10px);z-index:10;background:#0f172a99;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:1rem;padding:1rem 1.25rem;display:grid;position:relative}.holo-controls button{white-space:nowrap}.holo-control-group{flex-direction:column;gap:.35rem;display:flex}.holo-control-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.holo-control-group input[type=text]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem .75rem;font-family:Courier New,monospace;font-size:.9rem}.holo-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:.5rem .75rem;font-size:.85rem}.holo-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.holo-control-group span{color:var(--text-muted);font-family:Courier New,monospace;font-size:.75rem}.holo-color-row{gap:.4rem;display:flex}.holo-color-btn{border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;width:28px;height:28px;padding:0;transition:transform .15s}.holo-color-btn.active{border-color:var(--text-primary);transform:scale(1.1)}.holo-color-btn:hover{transform:scale(1.15)}.holo-check-label{cursor:pointer;color:var(--text-secondary);align-items:center;gap:.5rem;margin-top:.25rem;font-size:.8rem;display:flex}.holo-check-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-blue,#38bdf8)}.holo-btns{gap:.5rem;margin-top:.25rem;display:flex}.holo-btns button{flex:1;padding:.45rem .75rem;font-size:.8rem}@media (width<=640px){.holo-canvas-wrap{height:340px}.holo-controls{z-index:10;grid-template-columns:1fr 1fr;position:relative}}@media (width<=420px){.holo-controls{z-index:10;grid-template-columns:1fr;position:relative}}.holo-container:fullscreen{border-radius:0;width:100vw;height:100vh}.holo-container:fullscreen .holo-canvas-wrap{height:100%}.holo-container:fullscreen .holo-controls{display:none}.morph-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);position:relative;overflow:hidden}.morph-canvas-wrap{background:#020617;width:100%;height:520px;position:relative}#morph-canvas{touch-action:none;width:100%;height:100%;display:block}.morph-hint{color:var(--text-muted);pointer-events:none;opacity:.8;white-space:nowrap;font-size:.8rem;transition:opacity .5s;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.morph-hint.hidden{opacity:0}.morph-controls{border-top:1px solid var(--border-color);backdrop-filter:blur(10px);z-index:10;background:#0f172a99;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:1rem;padding:1rem 1.25rem;display:grid;position:relative}.morph-controls button{white-space:nowrap}.morph-control-group{flex-direction:column;gap:.35rem;display:flex}.morph-control-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.morph-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.morph-control-group span{color:var(--text-muted);font-family:Courier New,monospace;font-size:.75rem}.morph-color-row{gap:.4rem;display:flex}.morph-color-btn{border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;width:28px;height:28px;padding:0;transition:transform .15s}.morph-color-btn.active{border-color:var(--text-primary);transform:scale(1.1)}.morph-color-btn:hover{transform:scale(1.15)}.morph-check-label{cursor:pointer;color:var(--text-secondary);align-items:center;gap:.5rem;margin-top:.25rem;font-size:.8rem;display:flex}.morph-check-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-blue,#38bdf8)}.morph-btns{align-items:flex-end;gap:.5rem;display:flex}@media (width<=640px){.morph-canvas-wrap{height:360px}.morph-controls{z-index:10;grid-template-columns:1fr 1fr;position:relative}}@media (width<=420px){.morph-controls{z-index:10;grid-template-columns:1fr;position:relative}}.morph-container:fullscreen{border-radius:0;width:100vw;height:100vh}.morph-container:fullscreen .morph-canvas-wrap{height:100%}.morph-container:fullscreen .morph-controls,.morph-container:fullscreen .morph-hint{display:none}.gravity-well-wrap{border-radius:var(--radius);background:radial-gradient(#0a0a1a 0%,#000008 100%);width:100%;height:520px;position:relative;overflow:hidden}.gw-canvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.gw-field input[type=range]{width:80px}.gw-value{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--text-primary)}@media (width<=640px){.gravity-well-wrap{height:360px}.gw-field input[type=range]{width:55px}.gw-field{font-size:12px}}.gravity-well-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.gravity-well-wrap:fullscreen .gw-canvas{height:100%}.gravity-well-wrap:fullscreen .gw-panel{display:none}.color-pulse-wrap{border-radius:var(--radius);background:radial-gradient(#0a0a1a 0%,#000008 100%);width:100%;height:520px;position:relative;overflow:hidden}.cp-canvas{cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.cp-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.cp-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.cp-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.cp-field-label{white-space:nowrap}.cp-field input[type=range]{width:80px}.cp-value{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--text-primary)}.cp-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}@media (width<=640px){.color-pulse-wrap{height:360px}.cp-field input[type=range]{width:55px}.cp-field{font-size:12px}}.color-pulse-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.color-pulse-wrap:fullscreen .cp-canvas{height:100%}.color-pulse-wrap:fullscreen .cp-panel{display:none}.constellation-wrap{border-radius:var(--radius);background:radial-gradient(#0a0a1a 0%,#000010 100%);width:100%;height:520px;position:relative;overflow:hidden}.cs-canvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.cs-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.cs-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.cs-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.cs-field-label{white-space:nowrap}.cs-field input[type=range]{width:80px}.cs-value{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--text-primary)}@media (width<=640px){.constellation-wrap{height:360px}.cs-field input[type=range]{width:55px}.cs-field{font-size:12px}}.constellation-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.constellation-wrap:fullscreen .cs-canvas{height:100%}.constellation-wrap:fullscreen .cs-panel{display:none}.smoke-plume-wrap{border-radius:var(--radius);background:linear-gradient(#1a1a2e 0%,#16213e 50%,#0f0f1a 100%);width:100%;height:520px;position:relative;overflow:hidden}.sp-canvas{cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.sp-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0f0f1abf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.sp-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.sp-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.sp-field-label{white-space:nowrap}.sp-field input[type=range]{width:80px}.sp-value{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--text-primary)}@media (width<=640px){.smoke-plume-wrap{height:360px}.sp-field input[type=range]{width:55px}.sp-field{font-size:12px}}.smoke-plume-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.smoke-plume-wrap:fullscreen .sp-canvas{height:100%}.smoke-plume-wrap:fullscreen .sp-panel{display:none}.raining-code-wrap{border-radius:var(--radius);background:#000;width:100%;height:520px;position:relative;overflow:hidden}.rc-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.rc-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#000000bf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.rc-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.rc-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.rc-field-label{white-space:nowrap}.rc-field input[type=range]{width:80px}.rc-value{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--text-primary)}.rc-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}.rc-checkbox{color:var(--text-primary);cursor:pointer;user-select:none;align-items:center;gap:6px;font-size:13px;display:inline-flex}.rc-input{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:180px;padding:4px 10px;font-size:13px}@media (width<=640px){.raining-code-wrap{height:360px}.rc-field input[type=range]{width:55px}.rc-field{font-size:12px}}.raining-code-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.raining-code-wrap:fullscreen .rc-canvas{height:100%}.raining-code-wrap:fullscreen .rc-panel{display:none}.spiral-galaxy-wrap{border-radius:var(--radius);background:radial-gradient(#0a0a1a 0%,#000005 100%);width:100%;height:520px;position:relative;overflow:hidden}.sg-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.sg-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.sg-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.sg-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.sg-field-label{white-space:nowrap}.sg-field input[type=range]{width:80px}.sg-value{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--text-primary)}@media (width<=640px){.spiral-galaxy-wrap{height:360px}.sg-field input[type=range]{width:55px}.sg-field{font-size:12px}}.spiral-galaxy-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.spiral-galaxy-wrap:fullscreen .sg-canvas{height:100%}.spiral-galaxy-wrap:fullscreen .sg-panel{display:none}.plasma-ball-wrap{border-radius:var(--radius);background:radial-gradient(#1a0a2e 0%,#0a0515 70%,#000 100%);width:100%;height:520px;position:relative;overflow:hidden}.pb-canvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.pb-panel{border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#1a0a2eeb;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.pb-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.pb-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.pb-field-label{white-space:nowrap}.pb-field input[type=range]{width:80px}.pb-value{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--text-primary)}.pb-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}@media (width<=640px){.plasma-ball-wrap{height:360px}.pb-field input[type=range]{width:55px}.pb-field{font-size:12px}}.plasma-ball-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.plasma-ball-wrap:fullscreen .pb-canvas{height:100%}.plasma-ball-wrap:fullscreen .pb-panel{display:none}.waveform-wrap{border-radius:var(--radius);background:linear-gradient(#0a0f1a 0%,#101828 50%,#0c1220 100%);width:100%;height:520px;position:relative;overflow:hidden}.wf-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.wf-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0f1abf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.wf-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.wf-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.wf-field-label{white-space:nowrap}.wf-field input[type=range]{width:70px}.wf-value{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--text-primary)}@media (width<=640px){.waveform-wrap{height:360px}.wf-field input[type=range]{width:45px}.wf-field{gap:5px;font-size:11px}}.waveform-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.waveform-wrap:fullscreen .wf-canvas{height:100%}.waveform-wrap:fullscreen .wf-panel{display:none}.gradient-mesh-wrap{border-radius:var(--radius);background:#0a0a1a;width:100%;height:520px;position:relative;overflow:hidden}.gm-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.gm-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.gm-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.gm-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.gm-field-label{white-space:nowrap}.gm-field input[type=range]{width:80px}.gm-value{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--text-primary)}@media (width<=640px){.gradient-mesh-wrap{height:360px}.gm-field input[type=range]{width:55px}.gm-field{font-size:12px}}.gradient-mesh-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.gradient-mesh-wrap:fullscreen .gm-canvas{height:100%}.gradient-mesh-wrap:fullscreen .gm-panel{display:none}.audio-visualizer-wrap{border-radius:var(--radius);background:#0a0a15;width:100%;height:520px;position:relative;overflow:hidden}.av-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.av-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a15bf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.av-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.av-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.av-field-label{white-space:nowrap}.av-field input[type=range]{width:80px}.av-value{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--text-primary)}.av-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}@media (width<=640px){.audio-visualizer-wrap{height:360px}.av-field input[type=range]{width:55px}.av-field{font-size:12px}}.audio-visualizer-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.audio-visualizer-wrap:fullscreen .av-canvas{height:100%}.audio-visualizer-wrap:fullscreen .av-panel{display:none}.floating-bubbles-wrap{border-radius:var(--radius);background:linear-gradient(#0a1628 0%,#1a2a4a 50%,#0d1a30 100%);width:100%;height:520px;position:relative;overflow:hidden}.fb-canvas{cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.fb-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a1628bf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.fb-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.fb-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.fb-field-label{white-space:nowrap}.fb-field input[type=range]{width:80px}.fb-value{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--text-primary)}@media (width<=640px){.floating-bubbles-wrap{height:360px}.fb-field input[type=range]{width:55px}.fb-field{font-size:12px}}.floating-bubbles-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.floating-bubbles-wrap:fullscreen .fb-canvas{height:100%}.floating-bubbles-wrap:fullscreen .fb-panel{display:none}.pp-container{border:1px solid var(--border-color);border-radius:var(--radius);background:#0a0a1a;width:100%;position:relative;overflow:hidden}.pp-stage{background:radial-gradient(#1e183c8c 0%,#0000 60%),radial-gradient(at 20% 80%,#141e3c59 0%,#0000 55%),linear-gradient(#0c0c1e 0%,#0a0a1a 60%,#06060f 100%);width:100%;height:580px;position:relative;overflow:hidden}#pp-canvas{z-index:2;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.pp-info{z-index:5;pointer-events:none;color:#c8d7ffb3;text-shadow:0 0 10px #5078ff59;letter-spacing:.02em;white-space:nowrap;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.78rem;position:absolute;bottom:12px;left:14px}.pp-hint{z-index:5;pointer-events:none;color:#aabeff8c;letter-spacing:.06em;font-size:.72rem;transition:opacity .5s;position:absolute;top:12px;left:14px}.pp-panel{border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);z-index:10;width:270px;max-width:calc(100% - 1.5rem);color:var(--text-primary);background:#0c0c1ad1;position:absolute;top:.75rem;right:.75rem;box-shadow:0 8px 30px #0000008c}.pp-panel-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.pp-panel-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.pp-toggle{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;padding:.2rem .6rem;font-size:.75rem}.pp-toggle:hover{color:var(--accent-blue,#38bdf8);border-color:var(--accent-blue,#38bdf8)}.pp-panel-body{flex-direction:column;gap:.62rem;max-height:70vh;padding:.75rem .85rem .9rem;display:flex;overflow-y:auto}.pp-panel.collapsed .pp-panel-body{display:none}.pp-row{flex-direction:column;gap:.3rem;display:flex}.pp-row>label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.72rem;font-weight:600;display:flex}.pp-val{color:var(--accent-blue,#38bdf8);font-variant-numeric:tabular-nums}.pp-row input[type=range]{accent-color:#38bdf8;cursor:pointer;width:100%}.pp-row select{width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;background:#ffffff0f;outline:none;padding:.4rem .55rem;font-family:inherit;font-size:.82rem}.pp-row select:focus{border-color:var(--accent-blue,#38bdf8);box-shadow:0 0 0 2px #38bdf833}.pp-row-inline{flex-direction:row;justify-content:space-between;align-items:center}.pp-row-inline>label{justify-content:flex-start;margin:0}.pp-row-inline input[type=checkbox]{accent-color:#38bdf8;cursor:pointer;width:18px;height:18px}.pp-actions{flex-direction:row;gap:.5rem;margin-top:.2rem}.pp-actions button{white-space:nowrap;flex:1}.pp-container:fullscreen{border:none;border-radius:0;width:100vw;height:100vh}.pp-container:fullscreen .pp-stage{height:100%}.pp-container:fullscreen .pp-panel{top:1rem;right:1rem}@media (width<=640px){.pp-stage{height:440px}.pp-panel{width:230px}.pp-info{font-size:.7rem}}.tpg-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:#000010;width:100%;height:520px;position:relative;overflow:hidden}.tpg-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tpg-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#050514b3;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.tpg-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.tpg-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.tpg-field-label{white-space:nowrap}.tpg-field input[type=range]{accent-color:#a855f7;width:80px}.tpg-value{text-align:right;font-variant-numeric:tabular-nums;min-width:32px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.tpg-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}@media (width<=640px){.tpg-wrap{height:360px}.tpg-field input[type=range]{width:55px}.tpg-field{font-size:12px}}.tpg-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.tpg-wrap:fullscreen .tpg-canvas{height:100%}.tpg-wrap:fullscreen .tpg-panel{display:none}.tps-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:#0a0a1a;width:100%;height:520px;position:relative;overflow:hidden}.tps-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tps-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.tps-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.tps-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.tps-field-label{white-space:nowrap}.tps-field input[type=range]{accent-color:#06b6d4;width:80px}.tps-value{text-align:right;font-variant-numeric:tabular-nums;min-width:36px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.tps-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}@media (width<=640px){.tps-wrap{height:360px}.tps-field input[type=range]{width:55px}.tps-field{font-size:12px}}.tps-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.tps-wrap:fullscreen .tps-canvas{height:100%}.tps-wrap:fullscreen .tps-panel{display:none}.to-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:linear-gradient(#0a1628 0%,#1a3a5c 100%);width:100%;height:520px;position:relative;overflow:hidden}.to-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.to-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a1628bf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.to-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.to-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.to-field-label{white-space:nowrap}.to-field input[type=range]{accent-color:#3b82f6;width:80px}.to-value{text-align:right;font-variant-numeric:tabular-nums;min-width:32px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.to-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}@media (width<=640px){.to-wrap{height:360px}.to-field input[type=range]{width:55px}.to-field{font-size:12px}}.to-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.to-wrap:fullscreen .to-canvas{height:100%}.to-wrap:fullscreen .to-panel{display:none}.tt-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:linear-gradient(#1e3a5f 0%,#87ceeb 100%);width:100%;height:520px;position:relative;overflow:hidden}.tt-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tt-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#14283cb3;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.tt-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.tt-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.tt-field-label{white-space:nowrap}.tt-field input[type=range]{accent-color:#22c55e;width:80px}.tt-value{text-align:right;font-variant-numeric:tabular-nums;min-width:40px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.tt-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}@media (width<=640px){.tt-wrap{height:360px}.tt-field input[type=range]{width:55px}.tt-field{font-size:12px}}.tt-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.tt-wrap:fullscreen .tt-canvas{height:100%}.tt-wrap:fullscreen .tt-panel{display:none}.tnt-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:#000;width:100%;height:520px;position:relative;overflow:hidden}.tnt-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tnt-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#000000b3;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.tnt-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.tnt-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.tnt-field-label{white-space:nowrap}.tnt-field input[type=range]{accent-color:#ec4899;width:80px}.tnt-value{text-align:right;font-variant-numeric:tabular-nums;min-width:32px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.tnt-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}@media (width<=640px){.tnt-wrap{height:360px}.tnt-field input[type=range]{width:55px}.tnt-field{font-size:12px}}.tnt-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.tnt-wrap:fullscreen .tnt-canvas{height:100%}.tnt-wrap:fullscreen .tnt-panel{display:none}.tc-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:radial-gradient(#1a1a2e 0%,#0f0f1a 100%);width:100%;height:520px;position:relative;overflow:hidden}.tc-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tc-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0f0f1abf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.tc-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.tc-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.tc-field-label{white-space:nowrap}.tc-field input[type=range]{accent-color:#60a5fa;width:80px}.tc-value{text-align:right;font-variant-numeric:tabular-nums;min-width:32px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.tc-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}@media (width<=640px){.tc-wrap{height:360px}.tc-field input[type=range]{width:55px}.tc-field{font-size:12px}}.tc-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.tc-wrap:fullscreen .tc-canvas{height:100%}.tc-wrap:fullscreen .tc-panel{display:none}.tv-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:radial-gradient(at bottom,#1a0a00 0%,#000 100%);width:100%;height:520px;position:relative;overflow:hidden}.tv-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tv-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0500bf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.tv-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.tv-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.tv-field-label{white-space:nowrap}.tv-field input[type=range]{accent-color:#f97316;width:80px}.tv-value{text-align:right;font-variant-numeric:tabular-nums;min-width:40px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.tv-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}@media (width<=640px){.tv-wrap{height:360px}.tv-field input[type=range]{width:55px}.tv-field{font-size:12px}}.tv-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.tv-wrap:fullscreen .tv-canvas{height:100%}.tv-wrap:fullscreen .tv-panel{display:none}.tfc-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);width:100%;height:520px;position:relative;overflow:hidden}.tfc-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tfc-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0f1932bf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.tfc-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.tfc-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.tfc-field-label{white-space:nowrap}.tfc-field input[type=range]{accent-color:#f59e0b;width:80px}.tfc-value{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.tfc-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}@media (width<=640px){.tfc-wrap{height:360px}.tfc-field input[type=range]{width:55px}.tfc-field{font-size:12px}}.tfc-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.tfc-wrap:fullscreen .tfc-canvas{height:100%}.tfc-wrap:fullscreen .tfc-panel{display:none}.tsf-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:#000010;width:100%;height:520px;position:relative;overflow:hidden}.tsf-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tsf-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#000014b3;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.tsf-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.tsf-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.tsf-field-label{white-space:nowrap}.tsf-field input[type=range]{accent-color:#a78bfa;width:80px}.tsf-value{text-align:right;font-variant-numeric:tabular-nums;min-width:36px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.tsf-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}@media (width<=640px){.tsf-wrap{height:360px}.tsf-field input[type=range]{width:55px}.tsf-field{font-size:12px}}.tsf-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.tsf-wrap:fullscreen .tsf-canvas{height:100%}.tsf-wrap:fullscreen .tsf-panel{display:none}.tl-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:radial-gradient(#0a0a1a 0%,#000 100%);width:100%;height:520px;position:relative;overflow:hidden}.tl-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tl-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#00000abf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.tl-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.tl-field{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:inline-flex}.tl-field-label{white-space:nowrap;font-size:12px}.tl-field input[type=range]{accent-color:#e879f9;width:65px}.tl-value{text-align:right;font-variant-numeric:tabular-nums;min-width:24px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.tl-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}@media (width<=640px){.tl-wrap{height:360px}.tl-field input[type=range]{width:45px}.tl-field{gap:4px;font-size:11px}.tl-field-label{font-size:11px}}.tl-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.tl-wrap:fullscreen .tl-canvas{height:100%}.tl-wrap:fullscreen .tl-panel{display:none}.wr-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);position:relative;overflow:hidden}.wr-container canvas{background:linear-gradient(#0c1929 0%,#1a3a5c 50%,#0d2137 100%);width:100%;height:520px;display:block}.wr-hint{color:var(--text-muted);pointer-events:none;opacity:.8;font-size:.8rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.wr-hint.hidden{opacity:0}.wr-controls{border-top:1px solid var(--border-color);z-index:10;background:#0f172a99;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1rem 1.25rem;display:grid;position:relative}.wr-controls button{white-space:nowrap}.wr-control-group{flex-direction:column;gap:.35rem;display:flex}.wr-control-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.wr-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.wr-control-group span{color:var(--text-muted);font-family:monospace;font-size:.75rem}.wr-btns{align-items:flex-end;gap:.5rem;display:flex}.wr-container:fullscreen{border-radius:0;width:100vw;height:100vh}.wr-container:fullscreen canvas{height:100vh}.wr-container:fullscreen .wr-controls,.wr-container:fullscreen .wr-hint{display:none}@media (width<=640px){.wr-container canvas{height:360px}.wr-controls{grid-template-columns:1fr}}.ls-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);position:relative;overflow:hidden}.ls-container canvas{background:#06080f;width:100%;height:520px;display:block}.ls-hint{color:var(--text-muted);pointer-events:none;opacity:.8;font-size:.8rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.ls-hint.hidden{opacity:0}.ls-controls{border-top:1px solid var(--border-color);z-index:10;background:#0f172a99;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1rem 1.25rem;display:grid;position:relative}.ls-controls button{white-space:nowrap}.ls-control-group{flex-direction:column;gap:.35rem;display:flex}.ls-control-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.ls-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.ls-control-group span{color:var(--text-muted);font-family:monospace;font-size:.75rem}.ls-btns{align-items:flex-end;gap:.5rem;display:flex}.ls-container:fullscreen{border-radius:0;width:100vw;height:100vh}.ls-container:fullscreen canvas{height:100vh}.ls-container:fullscreen .ls-controls,.ls-container:fullscreen .ls-hint{display:none}@media (width<=640px){.ls-container canvas{height:360px}.ls-controls{grid-template-columns:1fr}}.ab-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);position:relative;overflow:hidden}.ab-container canvas{background:#020617;width:100%;height:520px;display:block}.ab-hint{color:var(--text-muted);pointer-events:none;opacity:.8;font-size:.8rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.ab-hint.hidden{opacity:0}.ab-controls{border-top:1px solid var(--border-color);z-index:10;background:#0f172a99;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1rem 1.25rem;display:grid;position:relative}.ab-controls button{white-space:nowrap}.ab-control-group{flex-direction:column;gap:.35rem;display:flex}.ab-control-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.ab-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.ab-control-group span{color:var(--text-muted);font-family:monospace;font-size:.75rem}.ab-btns{align-items:flex-end;gap:.5rem;display:flex}.ab-container:fullscreen{border-radius:0;width:100vw;height:100vh}.ab-container:fullscreen canvas{height:100vh}.ab-container:fullscreen .ab-controls,.ab-container:fullscreen .ab-hint{display:none}@media (width<=640px){.ab-container canvas{height:360px}.ab-controls{grid-template-columns:1fr}}.ll-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);position:relative;overflow:hidden}.ll-container canvas{background:#0a0a0a;width:100%;height:520px;display:block}.ll-hint{color:var(--text-muted);pointer-events:none;opacity:.8;font-size:.8rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.ll-hint.hidden{opacity:0}.ll-controls{border-top:1px solid var(--border-color);z-index:10;background:#0f172a99;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1rem 1.25rem;display:grid;position:relative}.ll-controls button{white-space:nowrap}.ll-control-group{flex-direction:column;gap:.35rem;display:flex}.ll-control-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.ll-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.ll-control-group span{color:var(--text-muted);font-family:monospace;font-size:.75rem}.ll-btns{align-items:flex-end;gap:.5rem;display:flex}.ll-container:fullscreen{border-radius:0;width:100vw;height:100vh}.ll-container:fullscreen canvas{height:100vh}.ll-container:fullscreen .ll-controls,.ll-container:fullscreen .ll-hint{display:none}@media (width<=640px){.ll-container canvas{height:360px}.ll-controls{grid-template-columns:1fr}}.ce-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);position:relative;overflow:hidden}.ce-container canvas{background:#0f0f1a;width:100%;height:520px;display:block}.ce-hint{color:var(--text-muted);pointer-events:none;opacity:.8;font-size:.8rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.ce-hint.hidden{opacity:0}.ce-controls{border-top:1px solid var(--border-color);z-index:10;background:#0f172a99;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1rem 1.25rem;display:grid;position:relative}.ce-controls button{white-space:nowrap}.ce-control-group{flex-direction:column;gap:.35rem;display:flex}.ce-control-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.ce-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.ce-control-group span{color:var(--text-muted);font-family:monospace;font-size:.75rem}.ce-btns{align-items:flex-end;gap:.5rem;display:flex}.ce-container:fullscreen{border-radius:0;width:100vw;height:100vh}.ce-container:fullscreen canvas{height:100vh}.ce-container:fullscreen .ce-controls,.ce-container:fullscreen .ce-hint{display:none}@media (width<=640px){.ce-container canvas{height:360px}.ce-controls{grid-template-columns:1fr}}.wi-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);position:relative;overflow:hidden}.wi-container canvas{background:#020617;width:100%;height:520px;display:block}.wi-hint{color:var(--text-muted);pointer-events:none;opacity:.8;font-size:.8rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.wi-hint.hidden{opacity:0}.wi-controls{border-top:1px solid var(--border-color);z-index:10;background:#0f172a99;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1rem 1.25rem;display:grid;position:relative}.wi-controls button{white-space:nowrap}.wi-control-group{flex-direction:column;gap:.35rem;display:flex}.wi-control-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.wi-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.wi-control-group select{width:100%;color:var(--text-primary,#e2e8f0);border:1px solid var(--border-color);cursor:pointer;background:#0f172ae6;border-radius:6px;padding:.3rem .4rem;font-size:.8rem}.wi-control-group span{color:var(--text-muted);font-family:monospace;font-size:.75rem}.wi-btns{align-items:flex-end;gap:.5rem;display:flex}.wi-container:fullscreen{border-radius:0;width:100vw;height:100vh}.wi-container:fullscreen canvas{height:100vh}.wi-container:fullscreen .wi-controls,.wi-container:fullscreen .wi-hint{display:none}@media (width<=640px){.wi-container canvas{height:360px}.wi-controls{grid-template-columns:1fr}}.pf-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);position:relative;overflow:hidden}.pf-container canvas{background:#000;width:100%;height:520px;display:block}.pf-hint{color:var(--text-muted);pointer-events:none;opacity:.8;font-size:.8rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.pf-hint.hidden{opacity:0}.pf-controls{border-top:1px solid var(--border-color);z-index:10;background:#0f172a99;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1rem 1.25rem;display:grid;position:relative}.pf-controls button{white-space:nowrap}.pf-control-group{flex-direction:column;gap:.35rem;display:flex}.pf-control-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.pf-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.pf-control-group span{color:var(--text-muted);font-family:monospace;font-size:.75rem}.pf-btns{align-items:flex-end;gap:.5rem;display:flex}.pf-container:fullscreen{border-radius:0;width:100vw;height:100vh}.pf-container:fullscreen canvas{height:100vh}.pf-container:fullscreen .pf-controls,.pf-container:fullscreen .pf-hint{display:none}@media (width<=640px){.pf-container canvas{height:360px}.pf-controls{grid-template-columns:1fr}}.is-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);position:relative;overflow:hidden}.is-container canvas{background:#f5f0e8;width:100%;height:520px;display:block}.is-hint{color:#8b7e66;pointer-events:none;opacity:.8;font-size:.8rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.is-hint.hidden{opacity:0}.is-controls{z-index:10;background:#f5f0e8cc;border-top:1px solid #d4c8b0;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1rem 1.25rem;display:grid;position:relative}.is-controls button{white-space:nowrap}.is-control-group{flex-direction:column;gap:.35rem;display:flex}.is-control-group label{color:#5a5040;font-size:.75rem;font-weight:600}.is-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.is-control-group span{color:#7a6e5a;font-family:monospace;font-size:.75rem}.is-btns{align-items:flex-end;gap:.5rem;display:flex}.is-container:fullscreen{border-radius:0;width:100vw;height:100vh}.is-container:fullscreen canvas{height:100vh}.is-container:fullscreen .is-controls,.is-container:fullscreen .is-hint{display:none}@media (width<=640px){.is-container canvas{height:360px}.is-controls{grid-template-columns:1fr}}.mf-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);position:relative;overflow:hidden}.mf-container canvas{background:#020617;width:100%;height:520px;display:block}.mf-hint{color:var(--text-muted);pointer-events:none;opacity:.8;font-size:.8rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.mf-hint.hidden{opacity:0}.mf-controls{border-top:1px solid var(--border-color);z-index:10;background:#0f172a99;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1rem 1.25rem;display:grid;position:relative}.mf-controls button{white-space:nowrap}.mf-control-group{flex-direction:column;gap:.35rem;display:flex}.mf-control-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.mf-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.mf-control-group select{width:100%;color:var(--text-primary,#e2e8f0);border:1px solid var(--border-color);cursor:pointer;background:#0f172ae6;border-radius:6px;padding:.3rem .4rem;font-size:.8rem}.mf-control-group span{color:var(--text-muted);font-family:monospace;font-size:.75rem}.mf-btns{align-items:flex-end;gap:.5rem;display:flex}.mf-container:fullscreen{border-radius:0;width:100vw;height:100vh}.mf-container:fullscreen canvas{height:100vh}.mf-container:fullscreen .mf-controls,.mf-container:fullscreen .mf-hint{display:none}@media (width<=640px){.mf-container canvas{height:360px}.mf-controls{grid-template-columns:1fr}}.cs-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);position:relative;overflow:hidden}.cs-container canvas{background:linear-gradient(#60a5fa 0%,#93c5fd 50%,#dbeafe 100%);width:100%;height:520px;display:block}.cs-hint{color:#1e3a5f;pointer-events:none;opacity:.8;font-size:.8rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.cs-hint.hidden{opacity:0}.cs-controls{border-top:1px solid var(--border-color);z-index:10;background:#fff9;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1rem 1.25rem;display:grid;position:relative}.cs-control-group{flex-direction:column;gap:.35rem;display:flex}.cs-control-group label{color:#334155;font-size:.75rem;font-weight:600}.cs-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.cs-control-group span{color:#475569;font-family:monospace;font-size:.75rem}.cs-btns{align-items:flex-end;gap:.5rem;display:flex}.cs-container:fullscreen{border-radius:0;width:100vw;height:100vh}.cs-container:fullscreen canvas{height:100vh}.cs-container:fullscreen .cs-controls,.cs-container:fullscreen .cs-hint{display:none}@media (width<=640px){.cs-container canvas{height:360px}.cs-controls{grid-template-columns:1fr}}.lb-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);position:relative;overflow:hidden}.lb-container canvas{background:#020617;width:100%;height:520px;display:block}.lb-hint{color:var(--text-muted);pointer-events:none;opacity:.8;font-size:.8rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.lb-hint.hidden{opacity:0}.lb-controls{border-top:1px solid var(--border-color);z-index:10;background:#0f172a99;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1rem 1.25rem;display:grid;position:relative}.lb-controls button{white-space:nowrap}.lb-control-group{flex-direction:column;gap:.35rem;display:flex}.lb-control-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.lb-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.lb-control-group span{color:var(--text-muted);font-family:monospace;font-size:.75rem}.lb-btns{align-items:flex-end;gap:.5rem;display:flex}.lb-container:fullscreen{border-radius:0;width:100vw;height:100vh}.lb-container:fullscreen canvas{height:100vh}.lb-container:fullscreen .lb-controls,.lb-container:fullscreen .lb-hint{display:none}@media (width<=640px){.lb-container canvas{height:360px}.lb-controls{grid-template-columns:1fr}}.sg-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);position:relative;overflow:hidden}.sg-container canvas{background:#020617;width:100%;height:520px;display:block}.sg-hint{color:var(--text-muted);pointer-events:none;opacity:.8;font-size:.8rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.sg-hint.hidden{opacity:0}.sg-controls{border-top:1px solid var(--border-color);z-index:10;background:#0f172a99;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1rem 1.25rem;display:grid;position:relative}.sg-controls button{white-space:nowrap}.sg-control-group{flex-direction:column;gap:.35rem;display:flex}.sg-control-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.sg-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.sg-control-group span{color:var(--text-muted);font-family:monospace;font-size:.75rem}.sg-btns{align-items:flex-end;gap:.5rem;display:flex}.sg-container:fullscreen{border-radius:0;width:100vw;height:100vh}.sg-container:fullscreen canvas{height:100vh}.sg-container:fullscreen .sg-controls,.sg-container:fullscreen .sg-hint{display:none}@media (width<=640px){.sg-container canvas{height:360px}.sg-controls{grid-template-columns:1fr}}.kl-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);position:relative;overflow:hidden}.kl-container canvas{background:#020617;width:100%;height:520px;display:block}.kl-hint{color:var(--text-muted);pointer-events:none;opacity:.8;font-size:.8rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.kl-hint.hidden{opacity:0}.kl-controls{border-top:1px solid var(--border-color);z-index:10;background:#0f172a99;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1rem 1.25rem;display:grid;position:relative}.kl-controls button{white-space:nowrap}.kl-control-group{flex-direction:column;gap:.35rem;display:flex}.kl-control-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.kl-control-group input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.kl-control-group span{color:var(--text-muted);font-family:monospace;font-size:.75rem}.kl-btns{align-items:flex-end;gap:.5rem;display:flex}.kl-container:fullscreen{border-radius:0;width:100vw;height:100vh}.kl-container:fullscreen canvas{height:100vh}.kl-container:fullscreen .kl-controls,.kl-container:fullscreen .kl-hint{display:none}@media (width<=640px){.kl-container canvas{height:360px}.kl-controls{grid-template-columns:1fr}}.arc-plasma-container[data-astro-cid-qfjuyb3l]{border-radius:var(--radius);overflow:hidden}.ap-controls[data-astro-cid-qfjuyb3l]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.ap-controls[data-astro-cid-qfjuyb3l] button[data-astro-cid-qfjuyb3l]{white-space:nowrap}.ap-control-group[data-astro-cid-qfjuyb3l]{flex-direction:column;gap:.25rem;display:flex}.ap-control-group[data-astro-cid-qfjuyb3l] label[data-astro-cid-qfjuyb3l]{color:var(--text-muted);font-size:.75rem}.ap-control-group[data-astro-cid-qfjuyb3l] select[data-astro-cid-qfjuyb3l]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:.35rem .6rem;font-size:.85rem}.ap-control-group[data-astro-cid-qfjuyb3l] input[data-astro-cid-qfjuyb3l][type=range]{width:110px;accent-color:var(--accent-blue,#38bdf8)}.ap-control-group[data-astro-cid-qfjuyb3l] span[data-astro-cid-qfjuyb3l]{color:var(--text-muted);font-family:monospace;font-size:.75rem}.ap-screen[data-astro-cid-qfjuyb3l]{border:1px solid var(--border-color);border-radius:var(--radius);cursor:crosshair;background:#050507;position:relative;overflow:hidden}.ap-screen[data-astro-cid-qfjuyb3l] canvas[data-astro-cid-qfjuyb3l]{background:#050507;width:100%;height:560px;display:block}.ap-hint[data-astro-cid-qfjuyb3l]{color:#c8d2ffb3;pointer-events:none;font-size:.8rem;transition:opacity .4s;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.ap-hint[data-astro-cid-qfjuyb3l].hidden{opacity:0}.ap-stats[data-astro-cid-qfjuyb3l]{color:#b4c8ff8c;pointer-events:none;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.72rem;position:absolute;bottom:.75rem;right:.9rem}.ap-screen[data-astro-cid-qfjuyb3l]:fullscreen{border:none;border-radius:0;width:100vw;height:100vh}.ap-screen[data-astro-cid-qfjuyb3l]:fullscreen canvas[data-astro-cid-qfjuyb3l]{height:100vh}@media (width<=768px){.ap-controls[data-astro-cid-qfjuyb3l]{flex-direction:column;align-items:stretch}.ap-screen[data-astro-cid-qfjuyb3l] canvas[data-astro-cid-qfjuyb3l]{height:380px}}.fr-wrap{flex-direction:column;align-items:center;gap:14px;display:flex}.fr-stage{width:min(92vw,420px);position:relative}#fr-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:crosshair;touch-action:none;background:#000;width:100%;height:420px;display:block}.fr-loading{color:#fff;background:#00000080;border-radius:10px;padding:2px 8px;font-size:.75rem;display:none;position:absolute;top:8px;right:10px}.fr-loading.show{display:block}.fr-controls{z-index:10;gap:8px;width:min(92vw,420px);display:grid;position:relative}.fr-controls button{white-space:nowrap}.fr-row{color:var(--text-muted);grid-template-columns:72px 1fr 40px;align-items:center;gap:10px;font-size:.85rem;display:grid}.fr-row input[type=range]{accent-color:#6b7cff;width:100%}.fr-row select{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);grid-column:2/4;padding:4px 8px}.fr-num{text-align:right;color:var(--text-primary);font-variant-numeric:tabular-nums}.fr-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.fr-hint{color:var(--text-muted);text-align:center;max-width:420px;font-size:.85rem}.fr-wrap:fullscreen{background:#000;justify-content:center;gap:14px;width:100vw;height:100vh}.fr-wrap:fullscreen .fr-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.fr-wrap:fullscreen #fr-canvas{object-fit:fill;width:100%;height:100%}.fr-wrap:fullscreen .fr-controls,.fr-wrap:fullscreen .fr-controls,.fr-wrap:fullscreen .fr-hint{display:none}.sp-wrap{flex-direction:column;align-items:center;gap:14px;display:flex}.sp-stage{width:min(92vw,440px)}#sp-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#0b0f1e;width:100%;height:auto;display:block}.sp-controls{z-index:10;grid-template-columns:1fr;gap:8px;width:min(92vw,440px);display:grid;position:relative}.sp-controls button{white-space:nowrap}.sp-row{color:var(--text-muted);grid-template-columns:72px 1fr 40px;align-items:center;gap:10px;font-size:.85rem;display:grid}.sp-row input[type=range]{accent-color:#6b7cff;width:100%}.sp-num{text-align:right;color:var(--text-primary);font-variant-numeric:tabular-nums}.sp-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sp-hint{color:var(--text-muted);text-align:center;max-width:440px;font-size:.85rem}.sp-wrap:fullscreen{background:#0b0f1e;justify-content:center;gap:14px;width:100vw;height:100vh}.sp-wrap:fullscreen .sp-stage{width:min(94vw,82vh)}.sp-wrap:fullscreen .sp-controls,.sp-wrap:fullscreen .sp-hint{display:none}.tp-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.tp-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.tp-controls button{white-space:nowrap}.tp-input{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);width:190px;padding:8px 12px;font-size:1rem}.tp-field{flex-direction:column;gap:.25rem;display:flex}.tp-field-label{color:var(--text-secondary);font-size:.7rem;font-weight:600}.tp-select{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;padding:6px 10px;font-size:.9rem}.tp-stage{width:min(96vw,640px);position:relative}#tp-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;touch-action:none;background:#05060f;width:100%;height:420px;display:block}.tp-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.tp-wrap:fullscreen{background:#05060f;justify-content:center;gap:18px;width:100vw;height:100vh}.tp-wrap:fullscreen .tp-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.tp-wrap:fullscreen #tp-canvas{object-fit:fill;width:100%;height:100%}.tp-wrap:fullscreen .tp-controls,.tp-wrap:fullscreen .tp-hint{display:none}.gw-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.gw-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.gw-controls button{white-space:nowrap}.gw-stage{width:min(94vw,560px);position:relative}#gw-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#05060c;width:100%;height:420px;display:block}.gw-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.gw-wrap:fullscreen{background:#05060c;justify-content:center;gap:18px;width:100vw;height:100vh}.gw-wrap:fullscreen .gw-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.gw-wrap:fullscreen #gw-canvas{object-fit:fill;width:100%;height:100%}.gw-wrap:fullscreen .gw-controls,.gw-wrap:fullscreen .gw-hint{display:none}.ep-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.ep-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.ep-controls button{white-space:nowrap}.ep-stage{width:min(94vw,560px);position:relative}#ep-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:crosshair;background:#04060e;width:100%;height:360px;display:block}.ep-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.ep-wrap:fullscreen{background:#04060e;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.ep-wrap:fullscreen .ep-stage{width:100%;height:100%;position:relative}.ep-wrap:fullscreen #ep-canvas{border:none;border-radius:0;width:100%;height:100%}.ep-wrap:fullscreen .ep-controls,.ep-wrap:fullscreen .ep-hint{display:none}.sa-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.sa-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.sa-controls button{white-space:nowrap}.sa-stage{width:min(94vw,420px);position:relative}#sa-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:crosshair;width:100%;height:420px;image-rendering:pixelated;touch-action:none;background:#0a0a12;display:block}.sa-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.sa-wrap:fullscreen{background:#0a0a12;justify-content:center;gap:18px;width:100vw;height:100vh}.sa-wrap:fullscreen .sa-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.sa-wrap:fullscreen #sa-canvas{object-fit:fill;width:100%;height:100%}.sa-wrap:fullscreen .sa-controls,.sa-wrap:fullscreen .sa-hint{display:none}.mr-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.mr-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.mr-controls button{white-space:nowrap}.mr-stage{width:min(94vw,560px);position:relative}#mr-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#05060c;width:100%;height:420px;display:block}.mr-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.mr-wrap:fullscreen{background:#05060c;justify-content:center;gap:18px;width:100vw;height:100vh}.mr-wrap:fullscreen .mr-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.mr-wrap:fullscreen #mr-canvas{object-fit:fill;width:100%;height:100%}.mr-wrap:fullscreen .mr-hint{display:none}.lw-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.lw-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.lw-controls button{white-space:nowrap}.lw-stage{width:min(94vw,520px);position:relative}#lw-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);image-rendering:auto;background:#07091a;width:100%;height:420px;display:block}.lw-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.lw-wrap:fullscreen{background:#07091a;justify-content:center;gap:18px;width:100vw;height:100vh}.lw-wrap:fullscreen .lw-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.lw-wrap:fullscreen #lw-canvas{object-fit:fill;width:100%;height:100%}.lw-wrap:fullscreen .lw-controls,.lw-wrap:fullscreen .lw-hint{display:none}.dm-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.dm-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.dm-controls button{white-space:nowrap}.dm-stage{width:min(94vw,560px);position:relative}#dm-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#05060c;width:100%;height:420px;display:block}.dm-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.dm-wrap:fullscreen{background:#05060c;justify-content:center;gap:18px;width:100vw;height:100vh}.dm-wrap:fullscreen .dm-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.dm-wrap:fullscreen #dm-canvas{object-fit:fill;width:100%;height:100%}.dm-wrap:fullscreen .dm-controls,.dm-wrap:fullscreen .dm-hint{display:none}.jb-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.jb-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.jb-controls button{white-space:nowrap}.jb-stage{width:min(94vw,560px);position:relative}#jb-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);touch-action:pan-y;background:linear-gradient(#0b1020 0%,#060810 100%);width:100%;height:360px;display:block}.jb-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.jb-wrap:fullscreen{background:#060810;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.jb-wrap:fullscreen .jb-stage{width:100%;height:100%;position:relative}.jb-wrap:fullscreen #jb-canvas{border:none;border-radius:0;width:100%;height:100%}.jb-wrap:fullscreen .jb-controls,.jb-wrap:fullscreen .jb-hint{display:none}.dr-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.dr-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.dr-controls button{white-space:nowrap}.dr-stage{width:min(94vw,560px);position:relative}#dr-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#05060c;width:100%;height:420px;display:block}.dr-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.dr-wrap:fullscreen{background:#05060c;justify-content:center;gap:18px;width:100vw;height:100vh}.dr-wrap:fullscreen .dr-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.dr-wrap:fullscreen #dr-canvas{object-fit:fill;width:100%;height:100%}.dr-wrap:fullscreen .dr-controls,.dr-wrap:fullscreen .dr-hint{display:none}.ft-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:radial-gradient(at 50% 80%,#0a1a12 0%,#04070a 100%);width:100%;height:480px;position:relative;overflow:hidden}.ft-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ft-panel{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.ft-hint{color:#ffffffb8;text-align:center;z-index:10;text-shadow:0 1px 4px #000c;font-size:.82rem;position:absolute;top:10px;left:12px;right:12px}.ft-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.ft-wrap:fullscreen .ft-hint{display:none}@media (width<=640px){.ft-wrap{height:360px}.ft-hint{font-size:.76rem}}.ig-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:linear-gradient(#1a0b2e 0%,#2a1250 42%,#0a0518 100%);width:100%;height:480px;position:relative;overflow:hidden}.ig-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ig-panel{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.ig-hint{color:#ffffffc7;text-align:center;z-index:10;text-shadow:0 1px 4px #000c;font-size:.82rem;position:absolute;top:10px;left:12px;right:12px}.ig-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.ig-wrap:fullscreen .ig-hint{display:none}@media (width<=640px){.ig-wrap{height:360px}.ig-hint{font-size:.76rem}}.nt-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.nt-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.nt-controls button{white-space:nowrap}.nt-stage{width:min(94vw,560px);position:relative}#nt-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#05070d;width:100%;height:420px;display:block}.nt-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.nt-wrap:fullscreen{background:#05070d;justify-content:center;gap:18px;width:100vw;height:100vh}.nt-wrap:fullscreen .nt-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.nt-wrap:fullscreen #nt-canvas{object-fit:fill;width:100%;height:100%}.nt-wrap:fullscreen .nt-controls,.nt-wrap:fullscreen .nt-hint{display:none}.fg-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.fg-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.fg-controls button{white-space:nowrap}.fg-stage{width:min(94vw,560px);position:relative}#fg-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#0a0a12;width:100%;height:420px;display:block}.fg-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.fg-wrap:fullscreen{background:#0a0a12;justify-content:center;gap:18px;width:100vw;height:100vh}.fg-wrap:fullscreen .fg-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.fg-wrap:fullscreen #fg-canvas{object-fit:fill;width:100%;height:100%}.fg-wrap:fullscreen .fg-controls,.fg-wrap:fullscreen .fg-hint{display:none}.hg-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.hg-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.hg-controls button{white-space:nowrap}.hg-stage{width:min(94vw,560px);position:relative}#hg-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#03040a;width:100%;height:360px;display:block}.hg-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.hg-wrap:fullscreen{background:#03040a;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.hg-wrap:fullscreen .hg-stage{width:100%;height:100%;position:relative}.hg-wrap:fullscreen #hg-canvas{border:none;border-radius:0;width:100%;height:100%}.hg-wrap:fullscreen .hg-controls,.hg-wrap:fullscreen .hg-hint{display:none}.dla-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.dla-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.dla-controls button{white-space:nowrap}.dla-stage{width:min(92vw,480px);position:relative}#dla-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#05060d;width:100%;height:440px;display:block}.dla-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.dla-wrap:fullscreen{background:#05060d;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.dla-wrap:fullscreen .dla-stage{width:100%;height:100%;position:relative}.dla-wrap:fullscreen #dla-canvas{border:none;border-radius:0;width:100%;height:100%}.dla-wrap:fullscreen .dla-controls,.dla-wrap:fullscreen .dla-hint{display:none}.rm-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:#04050c;width:100%;height:480px;position:relative;overflow:hidden}.rm-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.rm-panel{z-index:10;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.rm-hint{color:#ffffffb8;text-align:center;z-index:10;text-shadow:0 1px 4px #000c;font-size:.82rem;position:absolute;top:10px;left:12px;right:12px}.rm-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.rm-wrap:fullscreen .rm-hint{display:none}@media (width<=640px){.rm-wrap{height:360px}.rm-hint{font-size:.76rem}}.es-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:radial-gradient(#0a1226 0%,#04050c 100%);width:100%;height:480px;position:relative;overflow:hidden}.es-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.es-panel{z-index:10;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.es-hint{color:#ffffffb8;text-align:center;z-index:10;text-shadow:0 1px 4px #000c;font-size:.82rem;position:absolute;top:10px;left:12px;right:12px}.es-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.es-wrap:fullscreen .es-hint{display:none}@media (width<=640px){.es-wrap{height:360px}.es-hint{font-size:.76rem}}.po-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:radial-gradient(#0b0a1e 0%,#04040a 100%);width:100%;height:480px;position:relative;overflow:hidden}.po-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.po-panel{z-index:10;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.po-hint{color:#ffffffb8;text-align:center;z-index:10;text-shadow:0 1px 4px #000c;font-size:.82rem;position:absolute;top:10px;left:12px;right:12px}.po-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.po-wrap:fullscreen .po-hint{display:none}@media (width<=640px){.po-wrap{height:360px}.po-hint{font-size:.76rem}}.wg-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:radial-gradient(#071022 0%,#03060f 100%);width:100%;height:480px;position:relative;overflow:hidden}.wg-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.wg-panel{z-index:10;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.wg-hint{color:#ffffffb8;text-align:center;z-index:10;text-shadow:0 1px 4px #000c;font-size:.82rem;position:absolute;top:10px;left:12px;right:12px}.wg-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.wg-wrap:fullscreen .wg-hint{display:none}@media (width<=640px){.wg-wrap{height:360px}.wg-hint{font-size:.76rem}}.ps-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.ps-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.ps-controls button{white-space:nowrap}.ps-stage{width:min(94vw,560px);position:relative}#ps-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#05070d;width:100%;height:420px;display:block}.ps-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.ps-wrap:fullscreen{background:#05070d;justify-content:center;gap:18px;width:100vw;height:100vh}.ps-wrap:fullscreen .ps-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.ps-wrap:fullscreen #ps-canvas{object-fit:fill;width:100%;height:100%}.ps-wrap:fullscreen .ps-controls,.ps-wrap:fullscreen .ps-hint{display:none}.mt-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.mt-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.mt-controls button{white-space:nowrap}.mt-stage{width:min(94vw,560px);position:relative}#mt-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);touch-action:none;cursor:crosshair;background:#06070f;width:100%;height:360px;display:block}.mt-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.mt-wrap:fullscreen{background:#06070f;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.mt-wrap:fullscreen .mt-stage{width:100%;height:100%;position:relative}.mt-wrap:fullscreen #mt-canvas{border:none;border-radius:0;width:100%;height:100%}.mt-wrap:fullscreen .mt-controls,.mt-wrap:fullscreen .mt-hint{display:none}.ptw-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.ptw-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.ptw-controls button{white-space:nowrap}.ptw-stage{width:min(94vw,600px);position:relative}#ptw-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#080a12;width:100%;height:420px;display:block}.ptw-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.ptw-wrap:fullscreen{background:#080a12;justify-content:center;gap:18px;width:100vw;height:100vh}.ptw-wrap:fullscreen .ptw-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.ptw-wrap:fullscreen #ptw-canvas{object-fit:fill;width:100%;height:100%}.ptw-wrap:fullscreen .ptw-controls,.ptw-wrap:fullscreen .ptw-hint{display:none}.fd-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.fd-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.fd-controls button{white-space:nowrap}.fd-stage{width:min(94vw,520px);position:relative}#fd-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);touch-action:none;cursor:grab;background:#0a0d18;width:100%;height:400px;display:block}.fd-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.fd-wrap:fullscreen{background:#0a0d18;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.fd-wrap:fullscreen .fd-stage{width:100%;height:100%;position:relative}.fd-wrap:fullscreen #fd-canvas{border:none;border-radius:0;width:100%;height:100%}.fd-wrap:fullscreen .fd-controls,.fd-wrap:fullscreen .fd-hint{display:none}.pm-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.pm-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.pm-controls button{white-space:nowrap}.pm-stage{width:min(92vw,460px);position:relative}#pm-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#070810;width:100%;height:400px;display:block}.pm-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.pm-wrap:fullscreen{background:#070810;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.pm-wrap:fullscreen .pm-stage{width:100%;height:100%;position:relative}.pm-wrap:fullscreen #pm-canvas{border:none;border-radius:0;width:100%;height:100%}.pm-wrap:fullscreen .pm-controls,.pm-wrap:fullscreen .pm-hint{display:none}.cr-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.cr-controls{z-index:10;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;display:flex;position:relative}.cr-controls button{white-space:nowrap}.cr-slider{flex-direction:column;gap:2px;min-width:118px;display:flex}.cr-slider label{color:var(--text-secondary);justify-content:space-between;gap:6px;font-size:.7rem;font-weight:600;display:flex}.cr-slider label span{color:var(--text-muted);font-family:monospace;font-weight:400}.cr-slider input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.cr-stage{width:min(96vw,600px);position:relative}#cr-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#000;width:100%;height:340px;display:block}.cr-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.cr-wrap:fullscreen{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.cr-wrap:fullscreen .cr-stage{width:100%;height:100%;position:relative}.cr-wrap:fullscreen #cr-canvas{border:none;border-radius:0;width:100%;height:100%}.cr-wrap:fullscreen .cr-controls,.cr-wrap:fullscreen .cr-hint{display:none}.rb-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.rb-controls{z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.rb-controls button{white-space:nowrap}.rb-label{color:var(--text-muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.rb-stage{width:min(96vw,600px);position:relative}#rb-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#000;width:100%;height:340px;display:block}.rb-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.rb-wrap:fullscreen{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.rb-wrap:fullscreen .rb-stage{width:100%;height:100%;position:relative}.rb-wrap:fullscreen #rb-canvas{border:none;border-radius:0;width:100%;height:100%}.rb-wrap:fullscreen .rb-controls,.rb-wrap:fullscreen .rb-hint{display:none}.ca-controls{z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.ca-label{color:var(--text-muted);align-items:center;gap:6px;font-size:.85rem;display:flex}#ca-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#000;width:100%;height:340px;display:block}.ca-wrap:fullscreen{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.ca-wrap:fullscreen .ca-stage{width:100%;height:100%;position:relative}.ca-wrap:fullscreen #ca-canvas{border:none;border-radius:0;width:100%;height:100%}.ca-wrap:fullscreen .ca-controls,.ca-wrap:fullscreen .ca-hint{display:none}.sc-wrap:fullscreen{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.sc-wrap:fullscreen .sc-stage{width:100%;height:100%;position:relative}.sc-wrap:fullscreen #sc-canvas{border:none;border-radius:0;width:100%;height:100%}.sc-wrap:fullscreen .sc-controls,.sc-wrap:fullscreen .sc-hint{display:none}.mo-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.mo-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.mo-controls button{white-space:nowrap}.mo-stage{width:min(92vw,460px);position:relative}#mo-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;width:100%;height:380px;display:block}.mo-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.mo-wrap:fullscreen{background:#fff;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.mo-wrap:fullscreen .mo-stage{width:100%;height:100%;position:relative}.mo-wrap:fullscreen #mo-canvas{border:none;border-radius:0;width:100%;height:100%}.mo-wrap:fullscreen .mo-controls,.mo-wrap:fullscreen .mo-hint{display:none}.lt-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.lt-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.lt-controls button{white-space:nowrap}.lt-stage{width:min(96vw,560px);position:relative}#lt-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#000;width:100%;height:360px;display:block}.lt-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.lt-wrap:fullscreen{background:#000;justify-content:center;gap:18px;width:100vw;height:100vh}.lt-wrap:fullscreen .lt-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.lt-wrap:fullscreen #lt-canvas{object-fit:fill;width:100%;height:100%}.lt-wrap:fullscreen .lt-controls,.lt-wrap:fullscreen .lt-hint{display:none}.bh-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.bh-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.bh-controls button{white-space:nowrap}.bh-stage{width:min(96vw,600px);position:relative}#bh-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#000;width:100%;height:360px;display:block}.bh-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.bh-wrap:fullscreen{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.bh-wrap:fullscreen .bh-stage{width:100%;height:100%;position:relative}.bh-wrap:fullscreen #bh-canvas{border:none;border-radius:0;width:100%;height:100%}.bh-wrap:fullscreen .bh-controls,.bh-wrap:fullscreen .bh-hint{display:none}.vc-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.vc-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.vc-controls button{white-space:nowrap}.vc-stage{width:min(96vw,560px);position:relative}#vc-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#223;width:100%;height:360px;display:block}.vc-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.vc-wrap:fullscreen{background:#111;justify-content:center;gap:18px;width:100vw;height:100vh}.vc-wrap:fullscreen .vc-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.vc-wrap:fullscreen #vc-canvas{object-fit:fill;width:100%;height:100%}.vc-wrap:fullscreen .vc-controls,.vc-wrap:fullscreen .vc-hint{display:none}.cd-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.cd-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.cd-controls button{white-space:nowrap}.cd-stage{width:min(96vw,600px);position:relative}#cd-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#05060a;width:100%;height:360px;display:block}.cd-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.cd-wrap:fullscreen{background:#05060a;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.cd-wrap:fullscreen .cd-stage{width:100%;height:100%;position:relative}.cd-wrap:fullscreen #cd-canvas{border:none;border-radius:0;width:100%;height:100%}.cd-wrap:fullscreen .cd-controls,.cd-wrap:fullscreen .cd-hint{display:none}.px-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.px-controls{z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.px-controls button{white-space:nowrap}.px-label{color:var(--text-muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.px-stage{width:min(96vw,600px);position:relative}#px-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;height:340px;image-rendering:pixelated;background:#000;display:block}.px-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.px-wrap:fullscreen{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.px-wrap:fullscreen .px-stage{width:100%;height:100%;position:relative}.px-wrap:fullscreen #px-canvas{border:none;border-radius:0;width:100%;height:100%}.px-wrap:fullscreen .px-controls,.px-wrap:fullscreen .px-hint{display:none}.ff-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.ff-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.ff-controls button{white-space:nowrap}.ff-stage{width:min(96vw,600px);position:relative}#ff-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#05060f;width:100%;height:360px;display:block}.ff-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.ff-wrap:fullscreen{background:#05060f;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.ff-wrap:fullscreen .ff-stage{width:100%;height:100%;position:relative}.ff-wrap:fullscreen #ff-canvas{border:none;border-radius:0;width:100%;height:100%}.ff-wrap:fullscreen .ff-controls,.ff-wrap:fullscreen .ff-hint{display:none}.fi-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.fi-controls{z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.fi-controls button{white-space:nowrap}.fi-field{color:var(--text-secondary);align-items:center;gap:6px;font-size:.85rem;display:flex}.fi-stage{width:min(96vw,480px);position:relative}#fi-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);image-rendering:auto;cursor:crosshair;touch-action:none;background:#000;width:100%;height:420px;display:block}.fi-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.fi-wrap:fullscreen{background:#000;justify-content:center;gap:18px;width:100vw;height:100vh}.fi-wrap:fullscreen .fi-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.fi-wrap:fullscreen #fi-canvas{object-fit:fill;width:100%;height:100%}.fi-wrap:fullscreen .fi-controls,.fi-wrap:fullscreen .fi-hint{display:none}.cs-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}#cs-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#04121c;width:100%;height:380px;display:block}.cs-wrap:fullscreen .cs-controls,.cs-wrap:fullscreen .cs-hint{display:none}.cl-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.cl-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.cl-controls button{white-space:nowrap}.cl-stage{width:min(96vw,600px);position:relative}#cl-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:grab;touch-action:none;background:#05060f;width:100%;height:360px;display:block}.cl-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.cl-wrap:fullscreen{background:#05060f;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.cl-wrap:fullscreen .cl-stage{width:100%;height:100%;position:relative}.cl-wrap:fullscreen #cl-canvas{border:none;border-radius:0;width:100%;height:100%}.cl-wrap:fullscreen .cl-controls,.cl-wrap:fullscreen .cl-hint{display:none}.gr-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.gr-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.gr-controls button{white-space:nowrap}.gr-stage{width:min(96vw,600px);position:relative}#gr-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:grab;touch-action:none;background:#04060d;width:100%;height:360px;display:block}.gr-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.gr-wrap:fullscreen{background:#04060d;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.gr-wrap:fullscreen .gr-stage{width:100%;height:100%;position:relative}.gr-wrap:fullscreen #gr-canvas{border:none;border-radius:0;width:100%;height:100%}.gr-wrap:fullscreen .gr-controls,.gr-wrap:fullscreen .gr-hint{display:none}.jl-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.jl-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.jl-controls button{white-space:nowrap}.jl-stage{width:min(94vw,460px);position:relative}#jl-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:grab;image-rendering:auto;touch-action:none;background:#05060f;width:100%;height:420px;display:block}.jl-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.jl-wrap:fullscreen{background:#05060f;justify-content:center;gap:18px;width:100vw;height:100vh}.jl-wrap:fullscreen .jl-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.jl-wrap:fullscreen #jl-canvas{object-fit:fill;width:100%;height:100%}.jl-wrap:fullscreen .jl-controls,.jl-wrap:fullscreen .jl-hint{display:none}.vo-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.vo-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.vo-controls button{white-space:nowrap}.vo-stage{width:min(96vw,520px);position:relative}#vo-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:crosshair;touch-action:none;background:#05060f;width:100%;height:420px;display:block}.vo-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.vo-wrap:fullscreen{background:#05060f;justify-content:center;gap:18px;width:100vw;height:100vh}.vo-wrap:fullscreen .vo-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.vo-wrap:fullscreen #vo-canvas{object-fit:fill;width:100%;height:100%}.vo-wrap:fullscreen .vo-controls,.vo-wrap:fullscreen .vo-hint{display:none}.rxd-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.rxd-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.rxd-controls button{white-space:nowrap}.rxd-stage{width:min(96vw,480px);position:relative}#rxd-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:crosshair;image-rendering:auto;touch-action:none;background:#05060f;width:100%;height:420px;display:block}.rxd-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.rxd-wrap:fullscreen{background:#05060f;justify-content:center;gap:18px;width:100vw;height:100vh}.rxd-wrap:fullscreen .rxd-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.rxd-wrap:fullscreen #rxd-canvas{object-fit:fill;width:100%;height:100%}.rxd-wrap:fullscreen .rxd-controls,.rxd-wrap:fullscreen .rxd-hint{display:none}.ca-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.ca-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.ca-controls button{white-space:nowrap}.ca-stage{width:min(96vw,500px);position:relative}#ca-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:crosshair;width:100%;height:420px;image-rendering:pixelated;touch-action:none;background:#05060f;display:block}.ca-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.ca-wrap:fullscreen{background:#05060f;justify-content:center;gap:18px;width:100vw;height:100vh}.ca-wrap:fullscreen .ca-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.ca-wrap:fullscreen #ca-canvas{object-fit:fill;width:100%;height:100%}.ca-wrap:fullscreen .ca-controls,.ca-wrap:fullscreen .ca-hint{display:none}.cn-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.cn-controls{z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.cn-controls button{white-space:nowrap}.cn-field{color:var(--text-secondary);align-items:center;gap:6px;font-size:.85rem;display:flex}.cn-stage{width:min(96vw,560px);position:relative}#cn-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#05060f;width:100%;height:360px;display:block}.cn-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.cn-wrap:fullscreen{background:#05060f;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden}.cn-wrap:fullscreen .cn-stage{width:100%;height:100%;position:relative}.cn-wrap:fullscreen #cn-canvas{border:none;border-radius:0;width:100%;height:100%}.cn-wrap:fullscreen .cn-controls,.cn-wrap:fullscreen .cn-hint{display:none}.fwt-wrap[data-astro-cid-34f2b5jz]{border-radius:var(--radius);background:#0a0a12;width:100%;height:600px;position:relative;overflow:hidden}.fwt-canvas[data-astro-cid-34f2b5jz]{width:100%;height:100%;display:block;position:absolute;inset:0}.fwt-status[data-astro-cid-34f2b5jz]{color:#ffffff80;pointer-events:none;z-index:5;text-align:center;font-size:.8rem;position:absolute;top:16px;left:50%;transform:translate(-50%)}.fwt-panel[data-astro-cid-34f2b5jz]{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#141423b3;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.fwt-row[data-astro-cid-34f2b5jz]{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.fwt-field[data-astro-cid-34f2b5jz]{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.fwt-field-label[data-astro-cid-34f2b5jz]{white-space:nowrap}.fwt-input[data-astro-cid-34f2b5jz]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:160px;padding:4px 10px;font-size:13px}.fwt-select[data-astro-cid-34f2b5jz]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:4px 10px;font-size:13px}.fwt-colors[data-astro-cid-34f2b5jz]{gap:4px;display:flex}.fwt-color-btn[data-astro-cid-34f2b5jz]{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0;font-size:14px;line-height:1;transition:transform .15s}.fwt-color-btn[data-astro-cid-34f2b5jz].active{border-color:#fff;transform:scale(1.15)}.fwt-color-btn[data-astro-cid-34f2b5jz]:hover{transform:scale(1.2)}#fwt-demo[data-astro-cid-34f2b5jz].demo-active{color:#fff;background:#3af}@keyframes fwt-pulse{0%,to{opacity:1}50%{opacity:.6}}@media (width<=640px){.fwt-wrap[data-astro-cid-34f2b5jz]{height:420px}.fwt-input[data-astro-cid-34f2b5jz]{width:120px}}.fwt-fs-controls[data-astro-cid-34f2b5jz]{z-index:20;gap:8px;display:none;position:absolute;top:16px;right:16px}.fwt-fs-controls[data-astro-cid-34f2b5jz] button[data-astro-cid-34f2b5jz]{white-space:nowrap}.fwt-fs-btn[data-astro-cid-34f2b5jz]{backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#141423b3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:background .2s;display:flex}.fwt-fs-btn[data-astro-cid-34f2b5jz]:hover{background:#282841e6}.fwt-wrap[data-astro-cid-34f2b5jz]:fullscreen{border-radius:0;width:100vw;height:100vh}.fwt-wrap[data-astro-cid-34f2b5jz]:fullscreen .fwt-canvas[data-astro-cid-34f2b5jz]{height:100%}.fwt-wrap[data-astro-cid-34f2b5jz]:fullscreen .fwt-panel[data-astro-cid-34f2b5jz],.fwt-wrap[data-astro-cid-34f2b5jz]:fullscreen .fwt-status[data-astro-cid-34f2b5jz]{display:none}.fwt-wrap[data-astro-cid-34f2b5jz]:fullscreen .fwt-fs-controls[data-astro-cid-34f2b5jz]{display:flex}.ct-wrap[data-astro-cid-dyzxbd5g]{border-radius:var(--radius);background:#0a0a12;width:100%;height:600px;position:relative;overflow:hidden}.ct-canvas[data-astro-cid-dyzxbd5g]{width:100%;height:100%;display:block;position:absolute;inset:0}.ct-status[data-astro-cid-dyzxbd5g]{color:#ffffff80;pointer-events:none;z-index:5;text-align:center;font-size:.8rem;position:absolute;top:16px;left:50%;transform:translate(-50%)}.ct-panel[data-astro-cid-dyzxbd5g]{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#141423b3;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.ct-row[data-astro-cid-dyzxbd5g]{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.ct-field[data-astro-cid-dyzxbd5g]{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.ct-field-label[data-astro-cid-dyzxbd5g]{white-space:nowrap}.ct-input[data-astro-cid-dyzxbd5g]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:160px;padding:4px 10px;font-size:13px}.ct-select[data-astro-cid-dyzxbd5g]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:4px 10px;font-size:13px}.ct-colors[data-astro-cid-dyzxbd5g]{gap:4px;display:flex}.ct-color-btn[data-astro-cid-dyzxbd5g]{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0;font-size:14px;line-height:1;transition:transform .15s}.ct-color-btn[data-astro-cid-dyzxbd5g].active{border-color:#fff;transform:scale(1.15)}.ct-color-btn[data-astro-cid-dyzxbd5g]:hover{transform:scale(1.2)}#ct-demo[data-astro-cid-dyzxbd5g].demo-active{color:#fff;background:#3af}@media (width<=640px){.ct-wrap[data-astro-cid-dyzxbd5g]{height:420px}.ct-input[data-astro-cid-dyzxbd5g]{width:120px}}.ct-fs-controls[data-astro-cid-dyzxbd5g]{z-index:20;gap:8px;display:none;position:absolute;top:16px;right:16px}.ct-fs-controls[data-astro-cid-dyzxbd5g] button[data-astro-cid-dyzxbd5g]{white-space:nowrap}.ct-fs-btn[data-astro-cid-dyzxbd5g]{backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#141423b3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:background .2s;display:flex}.ct-fs-btn[data-astro-cid-dyzxbd5g]:hover{background:#282841e6}.ct-wrap[data-astro-cid-dyzxbd5g]:fullscreen{border-radius:0;width:100vw;height:100vh}.ct-wrap[data-astro-cid-dyzxbd5g]:fullscreen .ct-canvas[data-astro-cid-dyzxbd5g]{height:100%}.ct-wrap[data-astro-cid-dyzxbd5g]:fullscreen .ct-panel[data-astro-cid-dyzxbd5g],.ct-wrap[data-astro-cid-dyzxbd5g]:fullscreen .ct-status[data-astro-cid-dyzxbd5g]{display:none}.ct-wrap[data-astro-cid-dyzxbd5g]:fullscreen .ct-fs-controls[data-astro-cid-dyzxbd5g]{display:flex}.ft-wrap[data-astro-cid-kbbvspiu]{border-radius:var(--radius);background:#08081a;width:100%;height:600px;position:relative;overflow:hidden}.ft-canvas[data-astro-cid-kbbvspiu]{pointer-events:none;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.ft-status[data-astro-cid-kbbvspiu]{color:#ffffff8c;pointer-events:none;z-index:5;text-align:center;font-size:.8rem;position:absolute;top:16px;left:50%;transform:translate(-50%)}.ft-panel[data-astro-cid-kbbvspiu]{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#141423b3;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.ft-row[data-astro-cid-kbbvspiu]{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.ft-field[data-astro-cid-kbbvspiu]{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.ft-field-label[data-astro-cid-kbbvspiu]{white-space:nowrap}.ft-input[data-astro-cid-kbbvspiu]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:160px;padding:4px 10px;font-size:13px}.ft-colors[data-astro-cid-kbbvspiu]{gap:4px;display:flex}.ft-color-btn[data-astro-cid-kbbvspiu]{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0;font-size:14px;line-height:1;transition:transform .15s}.ft-color-btn[data-astro-cid-kbbvspiu].active{border-color:#fff;transform:scale(1.15)}.ft-color-btn[data-astro-cid-kbbvspiu]:hover{transform:scale(1.2)}#ft-demo[data-astro-cid-kbbvspiu].demo-active{color:#fff;background:#3af}@media (width<=640px){.ft-wrap[data-astro-cid-kbbvspiu]{height:420px}.ft-input[data-astro-cid-kbbvspiu]{width:120px}}.ft-fs-controls[data-astro-cid-kbbvspiu]{z-index:20;gap:8px;display:none;position:absolute;top:16px;right:16px}.ft-fs-controls[data-astro-cid-kbbvspiu] button[data-astro-cid-kbbvspiu]{white-space:nowrap}.ft-fs-btn[data-astro-cid-kbbvspiu]{backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#141423b3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:background .2s;display:flex}.ft-fs-btn[data-astro-cid-kbbvspiu]:hover{background:#282841e6}.ft-wrap[data-astro-cid-kbbvspiu]:fullscreen{border-radius:0;width:100vw;height:100vh}.ft-wrap[data-astro-cid-kbbvspiu]:fullscreen .ft-canvas[data-astro-cid-kbbvspiu]{height:100%}.ft-wrap[data-astro-cid-kbbvspiu]:fullscreen .ft-panel[data-astro-cid-kbbvspiu],.ft-wrap[data-astro-cid-kbbvspiu]:fullscreen .ft-status[data-astro-cid-kbbvspiu]{display:none}.ft-wrap[data-astro-cid-kbbvspiu]:fullscreen .ft-fs-controls[data-astro-cid-kbbvspiu]{display:flex}.flt-wrap[data-astro-cid-5lf47pr7]{border-radius:var(--radius);background:#08081a;width:100%;height:600px;position:relative;overflow:hidden}.flt-canvas[data-astro-cid-5lf47pr7]{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.flt-status[data-astro-cid-5lf47pr7]{color:#ffffff80;pointer-events:none;z-index:5;text-align:center;font-size:.8rem;position:absolute;top:16px;left:50%;transform:translate(-50%)}.flt-panel[data-astro-cid-5lf47pr7]{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#141423b3;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.flt-row[data-astro-cid-5lf47pr7]{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.flt-field[data-astro-cid-5lf47pr7]{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.flt-field-label[data-astro-cid-5lf47pr7]{white-space:nowrap}.flt-input[data-astro-cid-5lf47pr7]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:160px;padding:4px 10px;font-size:13px}.flt-colors[data-astro-cid-5lf47pr7]{gap:4px;display:flex}.flt-color-btn[data-astro-cid-5lf47pr7]{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0;font-size:14px;line-height:1;transition:transform .15s}.flt-color-btn[data-astro-cid-5lf47pr7].active{border-color:#fff;transform:scale(1.15)}.flt-color-btn[data-astro-cid-5lf47pr7]:hover{transform:scale(1.2)}#flt-demo[data-astro-cid-5lf47pr7].demo-active{color:#fff;background:#3af}.flt-fs-controls[data-astro-cid-5lf47pr7]{z-index:20;gap:8px;display:none;position:absolute;top:16px;right:16px}.flt-fs-controls[data-astro-cid-5lf47pr7] button[data-astro-cid-5lf47pr7]{white-space:nowrap}.flt-fs-btn[data-astro-cid-5lf47pr7]{backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#141423b3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:background .2s;display:flex}.flt-fs-btn[data-astro-cid-5lf47pr7]:hover{background:#282841e6}@media (width<=640px){.flt-wrap[data-astro-cid-5lf47pr7]{height:420px}.flt-input[data-astro-cid-5lf47pr7]{width:120px}}.flt-wrap[data-astro-cid-5lf47pr7]:fullscreen{border-radius:0;width:100vw;height:100vh}.flt-wrap[data-astro-cid-5lf47pr7]:fullscreen .flt-canvas[data-astro-cid-5lf47pr7]{height:100%}.flt-wrap[data-astro-cid-5lf47pr7]:fullscreen .flt-panel[data-astro-cid-5lf47pr7],.flt-wrap[data-astro-cid-5lf47pr7]:fullscreen .flt-status[data-astro-cid-5lf47pr7]{display:none}.flt-wrap[data-astro-cid-5lf47pr7]:fullscreen .flt-fs-controls[data-astro-cid-5lf47pr7]{display:flex}.pt-wrap[data-astro-cid-id5owlvq]{border-radius:var(--radius);background:#08081a;width:100%;height:600px;position:relative;overflow:hidden}.pt-canvas[data-astro-cid-id5owlvq]{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pt-status[data-astro-cid-id5owlvq]{color:#ffffff8c;pointer-events:none;z-index:5;text-align:center;white-space:nowrap;font-size:.8rem;position:absolute;top:16px;left:50%;transform:translate(-50%)}.pt-panel[data-astro-cid-id5owlvq]{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#141423b3;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.pt-row[data-astro-cid-id5owlvq]{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.pt-field[data-astro-cid-id5owlvq]{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.pt-field-label[data-astro-cid-id5owlvq]{white-space:nowrap}.pt-input[data-astro-cid-id5owlvq]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:160px;padding:4px 10px;font-size:13px}.pt-colors[data-astro-cid-id5owlvq]{gap:4px;display:flex}.pt-color-btn[data-astro-cid-id5owlvq]{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0;font-size:14px;line-height:1;transition:transform .15s}.pt-color-btn[data-astro-cid-id5owlvq].active{border-color:#fff;transform:scale(1.15)}.pt-color-btn[data-astro-cid-id5owlvq]:hover{transform:scale(1.2)}#pt-demo[data-astro-cid-id5owlvq].demo-active{color:#fff;background:#3af}.pt-fs-controls[data-astro-cid-id5owlvq]{z-index:20;gap:8px;display:none;position:absolute;top:16px;right:16px}.pt-fs-controls[data-astro-cid-id5owlvq] button[data-astro-cid-id5owlvq]{white-space:nowrap}.pt-fs-btn[data-astro-cid-id5owlvq]{backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#141423b3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:background .2s;display:flex}.pt-fs-btn[data-astro-cid-id5owlvq]:hover{background:#282841e6}@media (width<=640px){.pt-wrap[data-astro-cid-id5owlvq]{height:420px}.pt-input[data-astro-cid-id5owlvq]{width:120px}}.pt-wrap[data-astro-cid-id5owlvq]:fullscreen{border-radius:0;width:100vw;height:100vh}.pt-wrap[data-astro-cid-id5owlvq]:fullscreen .pt-canvas[data-astro-cid-id5owlvq]{height:100%}.pt-wrap[data-astro-cid-id5owlvq]:fullscreen .pt-panel[data-astro-cid-id5owlvq],.pt-wrap[data-astro-cid-id5owlvq]:fullscreen .pt-status[data-astro-cid-id5owlvq]{display:none}.pt-wrap[data-astro-cid-id5owlvq]:fullscreen .pt-fs-controls[data-astro-cid-id5owlvq]{display:flex}.tg-wrap{border-radius:var(--radius);border:1px solid var(--border-color);box-sizing:border-box;background:#000;width:100%;height:600px;position:relative;overflow:hidden}.tg-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.tg-hint{color:#fff9;pointer-events:none;z-index:5;text-align:center;white-space:nowrap;text-shadow:0 0 8px #000000d9;font-size:.8rem;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.tg-toggle{z-index:11;backdrop-filter:blur(10px);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:#0f0f19b8;padding:6px 12px;font-size:13px;transition:border-color .15s,color .15s;position:absolute;top:12px;right:12px}.tg-toggle:hover{border-color:var(--accent,#3b82f6);color:var(--accent,#3b82f6)}.tg-panel{z-index:10;backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:280px;max-width:calc(100% - 24px);color:var(--text-primary);box-sizing:border-box;background:#0f0f19b8;flex-direction:column;gap:12px;padding:14px;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:12px;left:12px}.tg-panel.tg-hidden{opacity:0;pointer-events:none;transform:translate(-115%)}.tg-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.tg-field{flex-direction:column;gap:4px;display:flex}.tg-label{color:var(--text-secondary);font-size:12px}.tg-textarea{resize:vertical;background:var(--bg-secondary);width:100%;height:92px;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;padding:8px;font-family:inherit;font-size:13px;line-height:1.5}.tg-textarea:focus{border-color:var(--accent,#3b82f6);outline:none}.tg-field-row{align-items:center;gap:8px;display:flex}.tg-field-row input[type=range]{accent-color:var(--accent,#3b82f6);flex:1}.tg-val{text-align:right;font-variant-numeric:tabular-nums;min-width:32px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.tg-buttons{gap:8px;display:flex}.tg-buttons .btn-primary,.tg-buttons .btn-secondary{cursor:pointer;flex:1;padding:.45rem .5rem;font-size:.85rem}@media (width<=640px){.tg-wrap{height:460px}.tg-panel{width:240px}}.tg-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.tg-wrap:fullscreen .tg-canvas{height:100%}.led-wrap[data-astro-cid-tjrtcb7n]{border-radius:var(--radius);background:#000;width:100%;height:600px;position:relative;overflow:hidden}.led-canvas[data-astro-cid-tjrtcb7n]{width:100%;height:100%;display:block;position:absolute;inset:0}.led-panel[data-astro-cid-tjrtcb7n]{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;padding:10px 14px 12px;transition:opacity .25s,transform .25s;position:absolute;top:12px;left:12px;right:12px}.led-panel[data-astro-cid-tjrtcb7n].hidden{opacity:0;pointer-events:none;transform:translateY(-14px)}.led-panel-head[data-astro-cid-tjrtcb7n]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.led-panel-title[data-astro-cid-tjrtcb7n]{color:var(--text-primary);letter-spacing:.5px;font-size:14px;font-weight:700}.led-mini-btn[data-astro-cid-tjrtcb7n]{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;padding:2px 10px;font-size:12px}.led-mini-btn[data-astro-cid-tjrtcb7n]:hover{color:var(--accent-blue,#3b82f6);border-color:var(--accent-blue,#3b82f6)}.led-row[data-astro-cid-tjrtcb7n]{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.led-field[data-astro-cid-tjrtcb7n]{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.led-label[data-astro-cid-tjrtcb7n]{white-space:nowrap}.led-val[data-astro-cid-tjrtcb7n]{text-align:right;font-variant-numeric:tabular-nums;min-width:26px;color:var(--text-primary)}.led-field[data-astro-cid-tjrtcb7n] input[data-astro-cid-tjrtcb7n][type=range]{vertical-align:middle;width:80px}.led-input[data-astro-cid-tjrtcb7n]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:130px;padding:4px 8px;font-size:13px}.led-input[data-astro-cid-tjrtcb7n]:focus{border-color:var(--accent-blue,#3b82f6);outline:none}.led-select[data-astro-cid-tjrtcb7n]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}.led-colors[data-astro-cid-tjrtcb7n]{gap:6px;display:inline-flex}.led-color-btn[data-astro-cid-tjrtcb7n]{background:var(--c);cursor:pointer;width:22px;height:22px;box-shadow:0 0 8px var(--c);border:2px solid #fff3;border-radius:50%;padding:0;transition:transform .15s,border-color .15s}.led-color-btn[data-astro-cid-tjrtcb7n]:hover{transform:scale(1.15)}.led-color-btn[data-astro-cid-tjrtcb7n].active{box-shadow:0 0 12px var(--c);border-color:#fff;transform:scale(1.2)}.led-show-btn[data-astro-cid-tjrtcb7n]{z-index:11;background:var(--bg-card);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);padding:6px 12px;font-size:12px;position:absolute;top:12px;right:12px}.led-show-btn[data-astro-cid-tjrtcb7n]:hover{color:var(--accent-blue,#3b82f6);border-color:var(--accent-blue,#3b82f6)}@media (width<=640px){.led-wrap[data-astro-cid-tjrtcb7n]{height:460px}.led-input[data-astro-cid-tjrtcb7n]{width:100px}.led-field[data-astro-cid-tjrtcb7n] input[data-astro-cid-tjrtcb7n][type=range]{width:56px}.led-row[data-astro-cid-tjrtcb7n]{gap:10px}}.led-wrap[data-astro-cid-tjrtcb7n]:fullscreen{border-radius:0;width:100vw;height:100vh}.led-wrap[data-astro-cid-tjrtcb7n]:fullscreen .led-canvas[data-astro-cid-tjrtcb7n]{height:100%}.ht-container{border:1px solid var(--border-color);border-radius:var(--radius);background:#000;width:100%;position:relative;overflow:visible}.ht-stage{background:#000;width:100%;height:600px;position:relative;overflow:hidden}#ht-canvas{touch-action:none;width:100%;height:100%;display:block}.ht-overlay{text-align:center;pointer-events:none;z-index:2;width:86%;max-width:640px;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.ht-title{color:#fff;text-shadow:0 0 12px #ff78b4e6,0 0 24px #ff509680;letter-spacing:.02em;margin-bottom:.5rem;font-size:clamp(1rem,2.6vw,1.6rem);font-weight:600}.ht-timer{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 14px #ffa0c8e6,0 0 30px #ff5aa099;margin:.25rem 0 .75rem;font-size:clamp(1.1rem,3vw,2rem);font-weight:700}.ht-msg{color:#ffe6f0eb;text-shadow:0 0 8px #ff78b4b3;margin:.2rem 0;font-size:clamp(.8rem,1.6vw,1rem);line-height:1.5}.ht-sign{color:#ffdcebf2;text-shadow:0 0 10px #ff78b4cc;margin-top:.6rem;font-size:clamp(.85rem,1.8vw,1.1rem);font-style:italic}.ht-panel{border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);z-index:10;width:280px;max-width:calc(100% - 1.5rem);color:var(--text-primary);background:#0a0c14b8;position:absolute;top:.75rem;right:.75rem;box-shadow:0 8px 30px #00000080}.ht-panel-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.ht-panel-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.ht-toggle{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;padding:.2rem .6rem;font-size:.75rem}.ht-toggle:hover{color:var(--accent,#3b82f6);border-color:var(--accent,#3b82f6)}.ht-panel-body{flex-direction:column;gap:.6rem;max-height:70vh;padding:.75rem .85rem .9rem;display:flex;overflow-y:auto}.ht-panel.collapsed .ht-panel-body{display:none}.ht-row{flex-direction:column;gap:.3rem;display:flex}.ht-row>label{color:var(--text-secondary);font-size:.72rem;font-weight:600}.ht-row input[type=text],.ht-row input[type=date],.ht-row select{width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition);background:#ffffff0f;outline:none;padding:.4rem .55rem;font-size:.82rem}.ht-row input[type=text]:focus,.ht-row input[type=date]:focus,.ht-row select:focus{border-color:var(--accent,#3b82f6);box-shadow:0 0 0 2px #3b82f633}.ht-row input[type=date]{color-scheme:dark}.ht-row input[type=range]{width:100%;accent-color:var(--accent,#3b82f6)}.ht-toggles{flex-flow:wrap;gap:1rem}.ht-check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.ht-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent,#3b82f6)}.ht-actions{flex-direction:row;gap:.5rem;margin-top:.2rem}.ht-actions button{white-space:nowrap;flex:1}.ht-container:fullscreen{border:none;border-radius:0;width:100vw;height:100vh}.ht-container:fullscreen .ht-stage{height:100%}.ht-container:fullscreen .ht-panel{top:1rem;right:1rem}@media (width<=640px){.ht-stage{height:460px}.ht-panel{width:240px}}.lov-container{border:1px solid var(--border-color);border-radius:var(--radius);background:#0d0512;width:100%;position:relative;overflow:visible}.lov-stage{background:radial-gradient(at 50% 42%,#781e5047 0%,#0000 55%),radial-gradient(at 25% 75%,#46196433 0%,#0000 50%),radial-gradient(at 78% 28%,#8c3c1e1f 0%,#0000 45%),linear-gradient(#1a0a1e 0%,#14081a 50%,#0d0512 100%);justify-content:center;align-items:center;width:100%;height:700px;display:flex;position:relative;overflow:hidden}#lov-canvas{pointer-events:none;z-index:5;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.lov-envelope-scene{--env-w:380px;--env-h:260px;--letter-slide:-188px;width:var(--env-w);z-index:2;position:relative}.lov-env-glow{filter:blur(25px);opacity:.5;pointer-events:none;background:radial-gradient(circle,#ff64a02e 0%,#0000 65%);width:360px;height:360px;transition:opacity 1.2s,background .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)}.lov-envelope-scene.opened .lov-env-glow{opacity:.9}.lov-envelope{width:var(--env-w);height:var(--env-h);transform-style:preserve-3d;position:relative}.lov-env-back{background:linear-gradient(135deg, var(--env-dark), var(--env-color));z-index:0;border-radius:6px;position:absolute;inset:0;box-shadow:0 12px 40px #0009,0 4px 12px #0006,0 0 0 2px #ffffff1f,inset 0 0 0 1px #ffffff14}.lov-env-front{background:linear-gradient(180deg, var(--env-color) 0%, var(--env-light) 100%);clip-path:polygon(0 0,50% 38%,100% 0,100% 100%,0 100%);z-index:2;width:100%;height:62%;position:absolute;bottom:0;left:0}.lov-env-front:before{content:"";clip-path:polygon(0 0,50% 38%,100% 0,100% 6%,50% 43%,0 6%);background:linear-gradient(#ffffff1f 0%,#0000 6%);width:100%;height:100%;position:absolute;top:0;left:0}.lov-env-front:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:70%;height:1px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.lov-env-flap{background:linear-gradient(180deg, var(--env-light) 0%, var(--env-color) 70%, var(--env-dark) 100%);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;z-index:3;width:100%;height:62%;transition:transform .85s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:perspective(900px)rotateX(0)}.lov-env-flap:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(#ffffff1a 0%,#0000 30%);width:100%;height:100%;position:absolute;top:0;left:0}.lov-envelope.open .lov-env-flap{transform:perspective(900px)rotateX(-172deg)}.lov-wax-seal{background:radial-gradient(circle at 35% 30%, var(--seal-light), var(--seal-color) 55%, var(--seal-dark) 100%);width:54px;height:54px;box-shadow:0 0 18px var(--seal-glow), 0 2px 8px #0006, inset 0 -4px 8px #00000059, inset 0 3px 6px #ffffff40;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-left:-27px;transition:filter .2s;animation:2.4s ease-in-out infinite lov-seal-pulse;display:flex;position:absolute;bottom:-26px;left:50%}.lov-wax-seal:hover{filter:brightness(1.12)}.lov-wax-seal:before{content:"";border:1px dashed #ffffff2e;border-radius:50%;position:absolute;inset:5px}.lov-wax-seal:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#fff0dcb3,#0000 70%);border-radius:50%;position:absolute;inset:-12px}.lov-seal-heart-svg{fill:#ffdc82d9;filter:drop-shadow(0 1px 2px #0006);z-index:1;width:26px;height:26px;position:relative}@keyframes lov-seal-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.lov-wax-seal.breaking{animation:.45s ease-out forwards lov-seal-break}.lov-wax-seal.breaking:after{animation:.45s ease-out forwards lov-seal-flash}@keyframes lov-seal-break{0%{opacity:1;filter:brightness();transform:scale(1)}25%{filter:brightness(1.7);transform:scale(1.12)rotate(-4deg)}55%{opacity:.75;transform:scale(1.22)rotate(3deg)}to{opacity:0;transform:scale(1.7)rotate(0)}}@keyframes lov-seal-flash{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.8)}to{opacity:0;transform:scale(3.5)}}.lov-letter{opacity:0;z-index:1;width:92%;min-height:280px;transition:transform 1s cubic-bezier(.22,1,.36,1) .55s,opacity .5s .55s;position:absolute;top:38%;left:50%;transform:translate(-50%,30px)scale(.96)}.lov-envelope.open .lov-letter{transform:translate(-50%, var(--letter-slide)) scale(1.05);opacity:1}.lov-letter-inner{color:#5a3e2b;background:linear-gradient(#fffbf2 0%,#faf3e0 50%,#f5edd6 100%);border-radius:3px;padding:1.1rem 1.4rem 1.2rem;font-family:Georgia,Times New Roman,Playfair Display,serif;position:relative;box-shadow:0 6px 24px #00000059,0 2px 8px #0003,0 0 0 1px #d4af3740,inset 0 0 40px #d4af370f}.lov-letter-inner:before{content:"";pointer-events:none;border:1px solid #d4af372e;border-radius:2px;position:absolute;inset:6px}.lov-letter-flourish{opacity:0;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.lov-envelope.open .lov-letter-flourish{animation:.6s .7s forwards lov-fade-up}.lov-letter-flourish span{background:linear-gradient(90deg,#0000,#d4af3780,#0000);width:36px;height:1px}.lov-letter-flourish i{color:#c8648299;font-size:.8rem;font-style:normal}.lov-greeting{color:#7a5230;opacity:0;text-align:left;margin-bottom:.55rem;font-size:1.05rem;font-style:italic}.lov-envelope.open .lov-greeting{animation:.6s 1.5s forwards lov-fade-up}.lov-body{margin-bottom:.55rem;font-size:.95rem;line-height:1.75}.lov-line{opacity:0;margin-bottom:.1rem;display:block}.lov-envelope.open .lov-line{animation:.6s forwards lov-fade-up}.lov-sign{color:#7a5230;text-align:right;opacity:0;margin-top:.4rem;font-size:1rem;font-style:italic}.lov-envelope.open .lov-sign{animation:.6s forwards lov-fade-up}@keyframes lov-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lov-hint{color:#ffc8dc99;letter-spacing:.06em;text-shadow:0 0 12px #ff649680;white-space:nowrap;z-index:3;font-size:clamp(.72rem,1.6vw,.88rem);transition:opacity .5s;animation:2.8s ease-in-out infinite lov-hint-pulse;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.lov-hint.hidden{opacity:0;pointer-events:none}@keyframes lov-hint-pulse{0%,to{opacity:.45}50%{opacity:.85}}.lov-envelope[data-color=pink]{--env-color:#ff4d8d;--env-light:#ff80b0;--env-dark:#c01e5c;--seal-color:#e91e63;--seal-light:#ff6b9d;--seal-dark:#880e4f;--seal-glow:#ff6b9d99}.lov-envelope[data-color=red]{--env-color:#e74c3c;--env-light:#ff7060;--env-dark:#a02020;--seal-color:#d32f2f;--seal-light:#ff5252;--seal-dark:#7f0000;--seal-glow:#ff525299}.lov-envelope[data-color=purple]{--env-color:#a040f0;--env-light:#c070ff;--env-dark:#6020c0;--seal-color:#8e24aa;--seal-light:#bb6bd9;--seal-dark:#4a148c;--seal-glow:#bb6bd999}.lov-envelope[data-color=gold]{--env-color:#ffc107;--env-light:#ffe066;--env-dark:#b8860b;--seal-color:#ffa000;--seal-light:#ffd54f;--seal-dark:#8b6914;--seal-glow:#ffd54f99}.lov-panel{border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);z-index:10;width:280px;max-width:calc(100% - 1.5rem);color:var(--text-primary);background:#0f0814c7;position:absolute;top:.75rem;right:.75rem;box-shadow:0 8px 30px #00000080}.lov-panel-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.lov-panel-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.lov-toggle{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;padding:.2rem .6rem;font-size:.75rem}.lov-toggle:hover{color:var(--accent-pink,#f472b6);border-color:var(--accent-pink,#f472b6)}.lov-panel-body{flex-direction:column;gap:.6rem;max-height:70vh;padding:.75rem .85rem .9rem;display:flex;overflow-y:auto}.lov-panel.collapsed .lov-panel-body{display:none}.lov-row{flex-direction:column;gap:.3rem;display:flex}.lov-row>label{color:var(--text-secondary);font-size:.72rem;font-weight:600}.lov-row input[type=text],.lov-row select,.lov-row textarea{width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition);resize:vertical;background:#ffffff0f;outline:none;padding:.4rem .55rem;font-family:inherit;font-size:.82rem}.lov-row textarea{white-space:pre-wrap;min-height:80px;line-height:1.5}.lov-row input[type=text]:focus,.lov-row select:focus,.lov-row textarea:focus{border-color:var(--accent-pink,#f472b6);box-shadow:0 0 0 2px #f472b633}.lov-actions{flex-direction:row;gap:.5rem;margin-top:.2rem}.lov-actions button{white-space:nowrap;flex:1}.lov-fullscreen-btn{width:100%}.lov-container:fullscreen{border:none;border-radius:0;width:100vw;height:100vh}.lov-container:fullscreen .lov-stage{height:100%}@media (width<=640px){.lov-stage{height:620px}.lov-envelope-scene{--env-w:320px;--env-h:220px;--letter-slide:-152px}.lov-panel{width:240px}.lov-letter-inner{padding:.9rem 1.1rem 1rem}.lov-greeting{font-size:.95rem}.lov-body{font-size:.85rem;line-height:1.65}.lov-sign{font-size:.9rem}.lov-wax-seal{width:46px;height:46px;margin-left:-23px;bottom:-22px}.lov-seal-heart-svg{width:22px;height:22px}.lov-hint{font-size:.7rem}}.rb-container{border:1px solid var(--border-color);border-radius:var(--radius);background:#0d0510;width:100%;position:relative;overflow:hidden}.rb-stage{background:radial-gradient(at 50% 30%,#50143c80 0%,#0000 60%),linear-gradient(135deg,#1a0820 0%,#2d0a2e 25%,#3d1228 50%,#1e0815 75%,#0f0510 100%);width:100%;height:600px;position:relative;overflow:hidden}#rb-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.rb-bg-hearts{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.rb-bg-hearts span{bottom:-30px;left:var(--x);font-size:var(--s);color:#ff64a024;animation:rb-float-up var(--dur) linear infinite;animation-delay:var(--d);position:absolute}@keyframes rb-float-up{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-700px)rotate(360deg)}}.rb-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;transition:opacity .5s;display:flex;position:absolute;inset:0}.rb-content.hidden{opacity:0;pointer-events:none}.rb-question-wrap{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.rb-question-deco{color:#ff5e8f;text-shadow:0 0 12px #ff5096cc;font-size:clamp(1rem,2vw,1.5rem);animation:2s ease-in-out infinite rb-deco-pulse}@keyframes rb-deco-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.rb-question{color:#fff;text-align:center;letter-spacing:.02em;margin:0;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;animation:3s ease-in-out infinite rb-glow-pulse}@keyframes rb-glow-pulse{0%,to{text-shadow:0 0 20px #ff64b4e6,0 0 40px #ff509680}50%{text-shadow:0 0 30px #ff82c8,0 0 60px #ff5096b3}}.rb-subtitle{color:#ffc8dc99;letter-spacing:.08em;margin:.5rem 0 2rem;font-size:clamp(.8rem,1.6vw,1rem)}.rb-buttons{justify-content:center;align-items:center;width:100%;max-width:500px;height:80px;display:flex;position:relative}.rb-accept-btn{--rb-accept-scale:1;transform:translate(-50%, -50%) scale(var(--rb-accept-scale));color:#fff;cursor:pointer;white-space:nowrap;z-index:2;background:linear-gradient(135deg,#ff2d6f 0%,#ff5e8f 50%,#ff7eb0 100%);border:none;border-radius:999px;padding:.9rem 2.4rem;font-size:1.15rem;font-weight:700;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,filter .3s;position:absolute;top:50%;left:50%;box-shadow:0 4px 20px #ff2d6f73,0 0 30px #ff2d6f33}.rb-accept-btn:hover{filter:brightness(1.15);box-shadow:0 6px 30px #ff2d6f99,0 0 50px #ff2d6f66}.rb-accept-btn:active{filter:brightness(1.05)}.rb-reject-btn{--rb-reject-scale:1;transform:translate(-50%, -50%) scale(var(--rb-reject-scale));color:#ffdcebd9;cursor:pointer;white-space:nowrap;z-index:3;background:linear-gradient(135deg,#5a2748 0%,#7a3560 50%,#6b2d52 100%);border:none;border-radius:999px;padding:.9rem 2.4rem;font-size:1.15rem;font-weight:600;transition:left .32s cubic-bezier(.22,1,.36,1),top .32s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s,filter .3s;position:absolute;top:50%;left:50%;box-shadow:0 4px 15px #00000059}.rb-reject-btn:hover{filter:brightness(1.1)}.rb-reject-btn.hidden{opacity:0;pointer-events:none}.rb-reject-btn.no-transition{transition:none!important}.rb-accept-btn.pulsing{animation:.5s rb-accept-pulse}@keyframes rb-accept-pulse{0%,to{transform:translate(-50%, -50%) scale(var(--rb-accept-scale))}50%{transform:translate(-50%, -50%) scale(calc(var(--rb-accept-scale) * 1.3))}}.rb-counter{color:#ffb4d28c;text-align:center;opacity:0;min-height:1.2rem;margin:1.5rem 0 0;font-size:.82rem;transition:opacity .4s}.rb-counter.visible{opacity:1}.rb-celebration{z-index:5;opacity:0;pointer-events:none;background:radial-gradient(#280519b3 0%,#0a000ae6 100%);justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0}.rb-celebration.active{opacity:1;pointer-events:auto}.rb-celebration-inner{text-align:center;max-width:600px;padding:2rem}.rb-celeb-heart{color:#f36;text-shadow:0 0 30px #ff3264e6,0 0 60px #ff326480;margin-bottom:1rem;font-size:clamp(3rem,8vw,5rem);animation:1.2s ease-in-out infinite rb-heart-pulse}@keyframes rb-heart-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.rb-celebration-text{color:#fff;text-shadow:0 0 16px #ff64b4e6,0 0 32px #ff509680;margin:0 0 1.8rem;font-size:clamp(1.1rem,3vw,1.8rem);font-weight:600;line-height:1.6;animation:1s .3s both rb-text-in}@keyframes rb-text-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rb-celebration-reset{color:#ffd0e0;cursor:pointer;transition:var(--transition);background:#ffffff1a;border:1px solid #ff96c866;border-radius:999px;padding:.6rem 1.6rem;font-size:.9rem;font-weight:600;animation:1s .8s both rb-text-in}.rb-celebration-reset:hover{background:#ff64a033;border-color:#ff96c8cc;transform:translateY(-1px)}.rb-panel{border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);z-index:10;width:280px;max-width:calc(100% - 1.5rem);color:var(--text-primary);background:#0a0c14b8;position:absolute;top:.75rem;right:.75rem;box-shadow:0 8px 30px #00000080}.rb-panel-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.rb-panel-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.rb-toggle{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;padding:.2rem .6rem;font-size:.75rem}.rb-toggle:hover{color:#ff5e8f;border-color:#ff5e8f}.rb-panel-body{flex-direction:column;gap:.6rem;max-height:70vh;padding:.75rem .85rem .9rem;display:flex;overflow-y:auto}.rb-panel.collapsed .rb-panel-body{display:none}.rb-row{flex-direction:column;gap:.3rem;display:flex}.rb-row>label{color:var(--text-secondary);font-size:.72rem;font-weight:600}.rb-row input[type=text]{width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition);background:#ffffff0f;outline:none;padding:.4rem .55rem;font-size:.82rem}.rb-row input[type=text]:focus{border-color:#ff5e8f;box-shadow:0 0 0 2px #ff5e8f33}.rb-actions{flex-direction:row;gap:.5rem;margin-top:.2rem}.rb-actions button{white-space:nowrap;flex:1}.rb-fullscreen-btn{width:100%}.rb-container:fullscreen{border:none;border-radius:0;width:100vw;height:100vh}.rb-container:fullscreen .rb-stage{height:100%}.rb-container:fullscreen .rb-panel{top:1rem;right:1rem}@media (width<=640px){.rb-stage{height:500px}.rb-panel{width:240px}.rb-question-wrap{gap:.5rem}}.sl-stage{background:radial-gradient(at 50% 40%,#781e5047 0%,#0000 55%),radial-gradient(at 25% 75%,#46196433 0%,#0000 50%),radial-gradient(at 78% 28%,#8c3c1e1f 0%,#0000 45%),linear-gradient(#1a0a1e 0%,#14081a 50%,#0d0512 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:620px;display:flex;position:relative;overflow:hidden}.sl-particles-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.sl-card-wrapper{z-index:2;animation:5s ease-in-out infinite sl-float;position:relative}@keyframes sl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sl-card-glow{background:radial-gradient(circle, var(--sl-glow,#ff64a038) 0%, transparent 65%);filter:blur(28px);opacity:.6;pointer-events:none;width:460px;height:460px;transition:background .6s,opacity .8s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sl-card-wrapper.revealed .sl-card-glow{opacity:.95}.sl-card{background:var(--sl-card-bg,linear-gradient(160deg, #3a1024 0%, #5a1535 50%, #2e0a1c 100%));border-radius:22px;width:340px;max-width:88vw;transition:background .6s;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000008c,0 6px 16px #00000059,inset 0 0 0 1px #ffffff14}.sl-card-content{text-align:center;color:#fff;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;min-height:360px;padding:2rem 1.6rem 1.8rem;display:flex;position:relative}.sl-hearts-top,.sl-hearts-bottom{opacity:.7;gap:.6rem;font-size:1rem;display:flex}.sl-hearts-top span:nth-child(2),.sl-hearts-bottom span:nth-child(2){color:var(--sl-accent,#ff6b9d);text-shadow:0 0 10px var(--sl-accent,#ff6b9d);font-size:1.15rem}.sl-hearts-top span:nth-child(odd),.sl-hearts-bottom span:nth-child(odd){color:#ffe6f0d9}.sl-reveal-title{color:#fff;letter-spacing:.04em;text-shadow:0 0 14px var(--sl-accent,#ff78b4f2), 0 0 30px var(--sl-accent-soft,#ff5aa099);word-break:break-word;font-size:clamp(1.6rem,5vw,2.3rem);font-weight:700;line-height:1.2}.sl-heart-deco{color:var(--sl-accent,#ff6b9d);text-shadow:0 0 16px var(--sl-accent,#ff6b9d), 0 0 32px var(--sl-accent-soft,#ff5aa099);font-size:2.2rem;animation:1.6s ease-in-out infinite sl-heart-beat}@keyframes sl-heart-beat{0%,to{transform:scale(1)}30%{transform:scale(1.14)}45%{transform:scale(1)}60%{transform:scale(1.08)}}.sl-reveal-body{color:#fff0f6f2;text-shadow:0 0 8px #ff78b466;white-space:pre-wrap;word-break:break-word;max-width:100%;font-size:clamp(.85rem,2.4vw,1rem);line-height:1.7}.sl-reveal-sign{color:var(--sl-accent-soft,#ffc8dcf2);text-shadow:0 0 10px var(--sl-accent,#ff78b4b3);margin-top:.3rem;font-size:clamp(.85rem,2.2vw,1.05rem);font-style:italic}.sl-scratch-canvas{z-index:3;cursor:grab;touch-action:none;width:100%;height:100%;transition:opacity .7s;position:absolute;top:0;left:0}.sl-scratch-canvas.revealed{opacity:0;pointer-events:none}.sl-scratch-canvas:active{cursor:grabbing}.sl-card[data-color=pink]{--sl-card-bg:linear-gradient(160deg, #3a1024 0%, #5a1535 50%, #2e0a1c 100%);--sl-accent:#ff6b9d;--sl-accent-soft:#ff82b499;--sl-glow:#ff64a038}.sl-card[data-color=purple]{--sl-card-bg:linear-gradient(160deg, #2a103a 0%, #451a5e 50%, #220a32 100%);--sl-accent:#c084fc;--sl-accent-soft:#b482f099;--sl-glow:#a05ae638}.sl-card[data-color=gold]{--sl-card-bg:linear-gradient(160deg, #3a2a0e 0%, #5a4218 50%, #2e2108 100%);--sl-accent:#f0d060;--sl-accent-soft:#e6c86499;--sl-glow:#e6be3c38}.sl-card[data-color=red]{--sl-card-bg:linear-gradient(160deg, #3a0e10 0%, #5a1518 50%, #2e080a 100%);--sl-accent:#ff5a6e;--sl-accent-soft:#ff6e7899;--sl-glow:#dc3c4638}.sl-progress{z-index:4;flex-direction:column;align-items:center;gap:.35rem;width:280px;max-width:80%;transition:opacity .5s;display:flex;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.sl-progress.hidden{opacity:0;pointer-events:none}.sl-progress-text{color:#ffdcebe6;text-shadow:0 0 10px #ff78b499;letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:.8rem}.sl-progress-bar{background:#ffffff1f;border-radius:99px;width:100%;height:5px;overflow:hidden}.sl-progress-fill{background:linear-gradient(90deg,#ff6b9d,#ff9ff3);border-radius:99px;width:0%;height:100%;transition:width .25s;box-shadow:0 0 10px #ff82b4b3}.sl-hint{color:#ffc8dc99;letter-spacing:.06em;text-shadow:0 0 12px #ff649680;white-space:nowrap;z-index:4;pointer-events:none;font-size:clamp(.72rem,1.6vw,.85rem);transition:opacity .5s;animation:2.8s ease-in-out infinite sl-hint-pulse;position:absolute;top:5%;left:50%;transform:translate(-50%)}@keyframes sl-hint-pulse{0%,to{opacity:.4}50%{opacity:.85}}.sl-row>label{color:var(--text-secondary);font-size:.72rem;font-weight:600}@media (width<=640px){.sl-stage{height:560px}.sl-card{width:300px}.sl-card-content{min-height:320px;padding:1.6rem 1.2rem 1.4rem}.sl-panel{width:240px}}.pc-container{border:1px solid var(--border-color);border-radius:var(--radius);background:radial-gradient(120% 90% at 50% 18%,#1c1736 0%,#0d0b1c 58%,#060509 100%);width:100%;transition:background 1s;position:relative;overflow:hidden}.pc-container.pc-unlocked{background:radial-gradient(120% 100% at 50% 26%,#ffe1ec 0%,#ffc6da 38%,#ff9fc1 76%,#ff86b6 100%)}.pc-stage{width:100%;height:620px;position:relative;overflow:hidden}#pc-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.pc-container[data-color=gold]{--pc-metal:#d4af37;--pc-metal-hi:#ffe9a8;--pc-metal-dk:#9a7b1f;--pc-glow:#ffd76e8c;--pc-keyhole:#3a2c08}.pc-container[data-color=silver]{--pc-metal:#c7ccd1;--pc-metal-hi:#fff;--pc-metal-dk:#8b9298;--pc-glow:#d2e1f080;--pc-keyhole:#2a3038}.pc-container[data-color=rose-gold]{--pc-metal:#e0a899;--pc-metal-hi:#ffd9cc;--pc-metal-dk:#b06a78;--pc-glow:#e8aa968c;--pc-keyhole:#5a2a30}.pc-locked-view,.pc-unlocked-view{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .7s,transform .7s;display:flex;position:absolute;inset:0}.pc-locked-view{opacity:1}.pc-unlocked-view{opacity:0;pointer-events:none;transform:scale(.96)}.pc-container.pc-unlocked .pc-locked-view{opacity:0;pointer-events:none;transform:scale(1.04)}.pc-container.pc-unlocked .pc-unlocked-view{opacity:1;pointer-events:auto;transform:scale(1)}.pc-lock-wrap{perspective:800px;margin-bottom:1.4rem;position:relative}.pc-lock-glow{background:radial-gradient(circle, var(--pc-glow) 0%, #0000 70%);filter:blur(6px);pointer-events:none;border-radius:50%;width:220px;height:220px;animation:3.4s ease-in-out infinite pc-breathe;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}@keyframes pc-breathe{0%,to{opacity:.75;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.18)}}.pc-lock{width:clamp(120px,22vw,168px);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.34,1.4,.64,1);position:relative}.pc-lock-svg{width:100%;height:auto;display:block}.pc-shackle{transform-box:fill-box;transform-origin:0 100%;transition:transform .7s cubic-bezier(.34,1.56,.64,1)}.pc-lock.pc-open .pc-shackle{transform:rotate(105deg)}.pc-container.pc-unlocked .pc-lock{transform:rotateY(28deg)scale(1.06)}.pc-lock-title{color:#fff;letter-spacing:.04em;text-shadow:0 0 14px var(--pc-glow), 0 0 30px #0009;margin:0 0 .35rem;font-size:clamp(1.1rem,2.6vw,1.6rem);font-weight:700}.pc-lock-sub{color:#ffffffb3;text-shadow:0 0 8px #00000080;margin:0 0 1.4rem;font-size:clamp(.8rem,1.6vw,.98rem)}.pc-input-row{gap:.5rem;width:100%;max-width:380px;display:flex}.pc-pwd-input{border:1px solid var(--pc-metal);border-radius:var(--radius-sm);color:#fff;letter-spacing:.12em;text-align:center;min-width:0;box-shadow:0 0 18px var(--pc-glow), inset 0 0 12px #0006;background:#ffffff0d;outline:none;flex:1;padding:.6rem .9rem;font-size:1rem;transition:box-shadow .3s,border-color .3s}.pc-pwd-input::placeholder{color:#fff6;letter-spacing:.04em}.pc-pwd-input:focus{border-color:var(--pc-metal-hi);box-shadow:0 0 26px var(--pc-glow), inset 0 0 14px #0006}.pc-unlock-btn{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--pc-metal), var(--pc-metal-dk));color:#1a1206;cursor:pointer;white-space:nowrap;box-shadow:0 0 18px var(--pc-glow);border:none;padding:.6rem 1.3rem;font-size:.92rem;font-weight:700;transition:transform .2s,box-shadow .3s}.pc-unlock-btn:hover{box-shadow:0 0 26px var(--pc-glow);transform:translateY(-1px)}.pc-unlock-btn:active{transform:translateY(0)}.pc-hint{color:var(--pc-metal-hi);text-shadow:0 0 10px var(--pc-glow);max-width:90%;margin:1rem 0 0;font-size:clamp(.78rem,1.5vw,.9rem);font-style:italic}.pc-heartbreak{z-index:5;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,#78001459 0%,#0000 60%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.pc-heartbreak.active{opacity:1}.pc-crack-heart{filter:drop-shadow(0 0 18px #ff3c5ab3);width:clamp(150px,30vw,220px);transition:transform .28s cubic-bezier(.34,1.7,.64,1);transform:scale(0)}.pc-heartbreak.active .pc-crack-heart{transform:scale(1)}.pc-crack-svg{width:100%;height:auto;display:block}.pc-heart-l,.pc-heart-r{fill:#ff3b5c;transform-box:fill-box;transform-origin:50%;transition:transform .6s ease-in,opacity .6s ease-in}.pc-crack-line{fill:none;stroke:#ffe3ea;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .2s}.pc-heartbreak.active .pc-crack-line{opacity:1}.pc-heartbreak.break .pc-heart-l{opacity:0;transform:translate(-48px)rotate(-16deg)}.pc-heartbreak.break .pc-heart-r{opacity:0;transform:translate(48px)rotate(16deg)}.pc-try-again{color:#ffd0d8;text-shadow:0 0 14px #ff3c5ae6;opacity:0;margin-top:1.2rem;font-size:clamp(.95rem,2vw,1.2rem);font-weight:600;transition:opacity .4s,transform .4s;transform:translateY(12px)}.pc-heartbreak.break .pc-try-again{opacity:1;transform:translateY(0)}.pc-red-flash{z-index:6;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,#ff1e3280 0%,#0000 70%);position:absolute;inset:0}.pc-red-flash.flash{animation:.5s ease-out pc-flash}@keyframes pc-flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.pc-stage.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) pc-shake}@keyframes pc-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.pc-confession{width:90%;max-width:640px}.pc-unlocked-tag{color:#7a1535;letter-spacing:.06em;-webkit-backdrop-filter:blur(6px);background:#ffffff47;border:1px solid #ffffff80;border-radius:999px;margin-bottom:1.1rem;padding:.35rem 1.1rem;font-size:clamp(.78rem,1.5vw,.92rem);font-weight:700;display:inline-block;box-shadow:0 4px 18px #ff78a059}.pc-confession-title{color:#fff;letter-spacing:.02em;text-shadow:0 0 18px #ff5a8ce6,0 0 40px #ff3c7899,0 2px 6px #7800284d;margin:0;font-size:clamp(1.8rem,5vw,3rem);font-weight:800;animation:5s ease-in-out infinite pc-floaty}@keyframes pc-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pc-confession-divider{color:#ffffffd9;justify-content:center;align-items:center;gap:.7rem;margin:.9rem 0 1.2rem;display:flex}.pc-confession-divider span{background:linear-gradient(90deg,#fff0,#ffffffb3,#fff0);width:60px;height:1px}.pc-confession-divider i{text-shadow:0 0 12px #ff78a0e6;font-size:1.1rem;font-style:normal}.pc-confession-msg{color:#fff;white-space:pre-wrap;text-shadow:0 0 12px #ff5082b3,0 1px 4px #78002840;font-size:clamp(.95rem,2vw,1.18rem);line-height:2}.pc-confession-sign{color:#fff;text-shadow:0 0 14px #ff6496e6;margin-top:1.6rem;font-size:clamp(1rem,2.2vw,1.3rem);font-style:italic;font-weight:600}.pc-panel{border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);z-index:10;width:280px;max-width:calc(100% - 1.5rem);color:var(--text-primary);background:#0c0a16bd;position:absolute;top:.75rem;right:.75rem;box-shadow:0 8px 30px #00000080}.pc-panel-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.pc-panel-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.pc-toggle{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;padding:.2rem .6rem;font-size:.75rem}.pc-toggle:hover{color:#f472b6;border-color:#f472b6}.pc-panel-body{flex-direction:column;gap:.6rem;max-height:72vh;padding:.75rem .85rem .9rem;display:flex;overflow-y:auto}.pc-panel.collapsed .pc-panel-body{display:none}.pc-row{flex-direction:column;gap:.3rem;display:flex}.pc-row>label{color:var(--text-secondary);font-size:.72rem;font-weight:600}.pc-row input[type=text],.pc-row select,.pc-row textarea{width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition);resize:vertical;background:#ffffff0f;outline:none;padding:.4rem .55rem;font-family:inherit;font-size:.82rem}.pc-row input[type=text]:focus,.pc-row select:focus,.pc-row textarea:focus{border-color:#f472b6;box-shadow:0 0 0 2px #f472b633}.pc-actions{flex-direction:row;gap:.5rem;margin-top:.2rem}.pc-actions button{white-space:nowrap;flex:1}.pc-fullscreen-btn{width:100%}.pc-container:fullscreen{border:none;border-radius:0;width:100vw;height:100vh}.pc-container:fullscreen .pc-stage{height:100%}.pc-container:fullscreen .pc-panel{top:1rem;right:1rem}@media (width<=640px){.pc-stage{height:540px}.pc-panel{width:240px}.pc-input-row{flex-direction:column;max-width:280px}.pc-unlock-btn{width:100%}.pc-confession-divider span{width:40px}}.sl-container{border:1px solid var(--border-color);border-radius:var(--radius);background:#0a0a1a;width:100%;position:relative;overflow:hidden}.sl-stage{cursor:pointer;background:radial-gradient(at 50% 28%,#2d234b73 0%,#0000 55%),radial-gradient(at 82% 78%,#461e3747 0%,#0000 50%),radial-gradient(at 18% 70%,#1e285040 0%,#0000 50%),linear-gradient(#0a0a1a 0%,#0d0d22 48%,#060612 100%);width:100%;height:620px;position:relative;overflow:hidden}#sl-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.sl-hint{color:#ffdcb4a6;letter-spacing:.06em;text-shadow:0 0 14px #ffa05080;white-space:nowrap;z-index:3;pointer-events:none;font-size:clamp(.72rem,1.6vw,.9rem);transition:opacity .5s;animation:3s ease-in-out infinite sl-hint-pulse;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.sl-hint.hidden{opacity:0}.sl-panel{border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);z-index:10;width:280px;max-width:calc(100% - 1.5rem);color:var(--text-primary);background:#0c0a1acc;position:absolute;top:.75rem;right:.75rem;box-shadow:0 8px 30px #00000080}.sl-panel-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.sl-panel-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.sl-toggle{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;padding:.2rem .6rem;font-size:.75rem}.sl-toggle:hover{color:#ffb84d;border-color:#ffb84d}.sl-panel-body{flex-direction:column;gap:.6rem;max-height:70vh;padding:.75rem .85rem .9rem;display:flex;overflow-y:auto}.sl-panel.collapsed .sl-panel-body{display:none}.sl-row{flex-direction:column;gap:.3rem;display:flex}.sl-row>label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.72rem;font-weight:600;display:flex}.sl-speed-val{color:#ffb84d;font-variant-numeric:tabular-nums;font-weight:700}.sl-row input[type=text],.sl-row select,.sl-row textarea{width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition);resize:vertical;background:#ffffff0f;outline:none;padding:.4rem .55rem;font-family:inherit;font-size:.82rem}.sl-row textarea{white-space:pre-wrap;min-height:66px;line-height:1.5}.sl-row input[type=text]:focus,.sl-row select:focus,.sl-row textarea:focus{border-color:#ffb84d;box-shadow:0 0 0 2px #ffb84d33}.sl-row input[type=range]{appearance:none;background:#ffffff1f;border-radius:99px;outline:none;width:100%;height:5px;margin:.35rem 0 .1rem}.sl-row input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ffb84d;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #ffa050cc}.sl-row input[type=range]::-moz-range-thumb{cursor:pointer;background:#ffb84d;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #ffa050cc}.sl-actions{flex-direction:row;gap:.5rem;margin-top:.2rem}.sl-actions button{white-space:nowrap;flex:1}.sl-fullscreen-btn{width:100%}.sl-container:fullscreen{border:none;border-radius:0;width:100vw;height:100vh}.sl-container:fullscreen .sl-stage{height:100%}.sl-container:fullscreen .sl-panel{top:1rem;right:1rem}@media (width<=640px){.sl-stage{height:560px}.sl-panel{width:240px}.sl-hint{font-size:.7rem}}.hw-container{border:1px solid var(--border-color);border-radius:var(--radius);background:#0d0512;width:100%;position:relative;overflow:hidden}.hw-stage{cursor:pointer;background:radial-gradient(at 50% 45%,#781e5047 0%,#0000 55%),radial-gradient(at 25% 75%,#46196433 0%,#0000 50%),radial-gradient(at 78% 28%,#8c3c1e1f 0%,#0000 45%),linear-gradient(#1a0a1e 0%,#14081a 50%,#0d0512 100%);width:100%;height:620px;position:relative;overflow:hidden}#hw-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hw-hint{color:#ffc8dc99;letter-spacing:.06em;text-shadow:0 0 12px #ff649680;white-space:nowrap;z-index:3;pointer-events:none;font-size:clamp(.72rem,1.6vw,.88rem);transition:opacity .5s;animation:2.8s ease-in-out infinite hw-hint-pulse;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.hw-hint.hidden{opacity:0}@keyframes hw-hint-pulse{0%,to{opacity:.45}50%{opacity:.85}}.hw-panel{border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);z-index:10;width:280px;max-width:calc(100% - 1.5rem);color:var(--text-primary);background:#0f0814c7;position:absolute;top:.75rem;right:.75rem;box-shadow:0 8px 30px #00000080}.hw-panel-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.hw-panel-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.hw-toggle{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;padding:.2rem .6rem;font-size:.75rem}.hw-toggle:hover{color:var(--accent-pink,#f472b6);border-color:var(--accent-pink,#f472b6)}.hw-panel-body{flex-direction:column;gap:.6rem;max-height:70vh;padding:.75rem .85rem .9rem;display:flex;overflow-y:auto}.hw-panel.collapsed .hw-panel-body{display:none}.hw-row{flex-direction:column;gap:.3rem;display:flex}.hw-row>label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.72rem;font-weight:600;display:flex}.hw-val{font-variant-numeric:tabular-nums;color:var(--accent-pink,#f472b6);font-weight:700}.hw-row input[type=text],.hw-row select{width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition);background:#ffffff0f;outline:none;padding:.4rem .55rem;font-family:inherit;font-size:.82rem}.hw-row input[type=text]:focus,.hw-row select:focus{border-color:var(--accent-pink,#f472b6);box-shadow:0 0 0 2px #f472b633}.hw-row input[type=range]{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:99px;outline:none;width:100%;height:5px}.hw-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-pink,#f472b6);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 0 8px #f472b6b3}.hw-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.hw-row input[type=range]::-moz-range-thumb{background:var(--accent-pink,#f472b6);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #f472b6b3}.hw-fullscreen-btn{width:100%}.hw-container:fullscreen{border:none;border-radius:0;width:100vw;height:100vh}.hw-container:fullscreen .hw-stage{height:100%}.hw-container:fullscreen .hw-panel{top:1rem;right:1rem}@media (width<=640px){.hw-stage{height:540px}.hw-panel{width:240px}.hw-hint{font-size:.7rem}}.mh-container{border:1px solid var(--border-color);border-radius:var(--radius);background:#0a0a1a;width:100%;position:relative;overflow:hidden}.mh-stage{--mh-glow:#ff4d8d33;background:radial-gradient(at 50% 42%,#3c145038 0%,#0000 55%),radial-gradient(at 22% 78%,#14285a33 0%,#0000 50%),radial-gradient(at 80% 25%,#5a1e3c29 0%,#0000 45%),linear-gradient(#0e0e22 0%,#0a0a1a 55%,#06060f 100%);width:100%;height:620px;position:relative;overflow:hidden}#mh-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.mh-glow{background:radial-gradient(circle, var(--mh-glow) 0%, transparent 65%);filter:blur(36px);opacity:.75;pointer-events:none;z-index:1;width:70%;height:70%;transition:background .6s;animation:4.5s ease-in-out infinite mh-glow-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes mh-glow-pulse{0%,to{opacity:.55}50%{opacity:.9}}.mh-hint{color:#ffc8dc99;letter-spacing:.06em;text-shadow:0 0 12px #ff649680;white-space:nowrap;z-index:3;pointer-events:none;font-size:clamp(.72rem,1.6vw,.85rem);transition:opacity .5s;animation:2.8s ease-in-out infinite mh-hint-pulse;position:absolute;top:5%;left:50%;transform:translate(-50%)}.mh-hint.hidden{opacity:0}@keyframes mh-hint-pulse{0%,to{opacity:.45}50%{opacity:.85}}.mh-formula{border:1px solid var(--border-color);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);color:#ebebffe0;letter-spacing:.02em;text-align:center;white-space:nowrap;text-overflow:ellipsis;z-index:3;pointer-events:none;background:#0a0a1a8c;max-width:90%;padding:.4rem .9rem;font-family:Cambria Math,Georgia,Times New Roman,serif;font-size:clamp(.66rem,1.7vw,.9rem);position:absolute;bottom:3.5%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 18px #0006}.mh-panel{border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);z-index:10;width:280px;max-width:calc(100% - 1.5rem);color:var(--text-primary);background:#0c0c1cc7;position:absolute;top:.75rem;right:.75rem;box-shadow:0 8px 30px #00000080}.mh-panel-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.mh-panel-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.mh-toggle{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;padding:.2rem .6rem;font-size:.75rem}.mh-toggle:hover{color:var(--accent-pink,#f472b6);border-color:var(--accent-pink,#f472b6)}.mh-panel-body{flex-direction:column;gap:.6rem;max-height:70vh;padding:.75rem .85rem .9rem;display:flex;overflow-y:auto}.mh-panel.collapsed .mh-panel-body{display:none}.mh-row{flex-direction:column;gap:.3rem;display:flex}.mh-row>label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.72rem;font-weight:600;display:flex}.mh-val{font-variant-numeric:tabular-nums;color:var(--accent-pink,#f472b6);font-weight:700}.mh-row select,.mh-row select option{color:#e5e7eb;border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;transition:var(--transition);background:#12121f;outline:none;padding:.4rem .55rem;font-family:inherit;font-size:.82rem}.mh-row select:focus{border-color:var(--accent-pink,#f472b6);box-shadow:0 0 0 2px #f472b633}.mh-row input[type=range]{appearance:none;cursor:pointer;background:#ffffff24;border-radius:99px;outline:none;width:100%;height:5px}.mh-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-pink,#f472b6);border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 0 8px #f472b6b3}.mh-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.mh-row input[type=range]::-moz-range-thumb{background:var(--accent-pink,#f472b6);border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #f472b6b3}.mh-actions{flex-direction:row;gap:.5rem;margin-top:.2rem}.mh-actions button{white-space:nowrap;flex:1}.mh-fullscreen-btn{width:100%}.mh-container:fullscreen{border:none;border-radius:0;width:100vw;height:100vh}.mh-container:fullscreen .mh-stage{height:100%}.mh-container:fullscreen .mh-panel{top:1rem;right:1rem}@media (width<=640px){.mh-stage{height:560px}.mh-panel{width:240px}.mh-formula{padding:.35rem .7rem;font-size:.66rem}}.bh-container{border:1px solid var(--border-color);border-radius:var(--radius);background:#0d0512;width:100%;position:relative;overflow:hidden}.bh-stage{cursor:pointer;background:radial-gradient(at 50% 42%,#781e5047 0%,#0000 55%),radial-gradient(at 25% 75%,#46196433 0%,#0000 50%),radial-gradient(at 78% 28%,#8c3c1e1f 0%,#0000 45%),linear-gradient(#1a0a1e 0%,#14081a 50%,#0d0512 100%);width:100%;height:620px;position:relative;overflow:hidden}#bh-canvas{z-index:2;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.bh-message{--bh-pen:#ff6b9d;--bh-pen-soft:#ff6b9d99;pointer-events:none;text-align:center;white-space:pre-wrap;word-break:break-word;color:#fff;opacity:0;text-shadow:0 0 14px var(--bh-pen), 0 0 30px var(--bh-pen-soft);letter-spacing:.04em;z-index:3;max-width:72%;font-family:Brush Script MT,Segoe Script,Lucida Handwriting,STKaiti,KaiTi,楷体,cursive;font-weight:700;transition:opacity 1.2s;position:absolute;transform:translate(-50%,-50%)}.bh-message.show{opacity:1}.bh-hint{color:#ffc8dc99;letter-spacing:.06em;text-shadow:0 0 12px #ff649680;white-space:nowrap;z-index:4;pointer-events:none;font-size:clamp(.72rem,1.6vw,.88rem);transition:opacity .5s;animation:2.8s ease-in-out infinite bh-hint-pulse;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.bh-hint.hidden{opacity:0}@keyframes bh-hint-pulse{0%,to{opacity:.45}50%{opacity:.85}}.bh-panel{border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);z-index:10;width:280px;max-width:calc(100% - 1.5rem);color:var(--text-primary);background:#0f0814c7;position:absolute;top:.75rem;right:.75rem;box-shadow:0 8px 30px #00000080}.bh-panel-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.bh-panel-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.bh-toggle{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;padding:.2rem .6rem;font-size:.75rem}.bh-toggle:hover{color:var(--accent-pink,#f472b6);border-color:var(--accent-pink,#f472b6)}.bh-panel-body{flex-direction:column;gap:.6rem;max-height:70vh;padding:.75rem .85rem .9rem;display:flex;overflow-y:auto}.bh-panel.collapsed .bh-panel-body{display:none}.bh-row{flex-direction:column;gap:.3rem;display:flex}.bh-row>label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.72rem;font-weight:600;display:flex}.bh-row input[type=text]{width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition);background:#ffffff0f;outline:none;padding:.4rem .55rem;font-family:inherit;font-size:.82rem}.bh-row input[type=text]:focus{border-color:var(--accent-pink,#f472b6);box-shadow:0 0 0 2px #f472b633}.bh-swatches{gap:.55rem;padding-top:.15rem;display:flex}.bh-swatch{background:var(--sw);cursor:pointer;width:26px;height:26px;box-shadow:0 0 8px var(--sw);border:2px solid #0000;border-radius:50%;padding:0;transition:transform .15s,border-color .15s}.bh-swatch:hover{transform:scale(1.12)}.bh-swatch.active{border-color:#fff;transform:scale(1.15)}.bh-speed-val{color:var(--accent-pink,#f472b6);font-variant-numeric:tabular-nums}.bh-row input[type=range]{accent-color:#f472b6;cursor:pointer;width:100%}.bh-row-inline{flex-direction:row;justify-content:space-between;align-items:center}.bh-row-inline>label{justify-content:flex-start;margin:0}.bh-row-inline input[type=checkbox]{accent-color:#f472b6;cursor:pointer;width:18px;height:18px}.bh-actions{flex-direction:row;gap:.5rem;margin-top:.2rem}.bh-actions button{white-space:nowrap;flex:1}.bh-fullscreen-btn{width:100%}.bh-container:fullscreen{border:none;border-radius:0;width:100vw;height:100vh}.bh-container:fullscreen .bh-stage{height:100%}.bh-container:fullscreen .bh-panel{top:1rem;right:1rem}@media (width<=640px){.bh-stage{height:560px}.bh-panel{width:240px}}.lt-container{border:1px solid var(--border-color);border-radius:var(--radius);background:#0d0512;width:100%;position:relative;overflow:hidden}.lt-stage{background:radial-gradient(at 50% 70%,#781e3c38 0%,#0000 55%),radial-gradient(at 20% 20%,#3c1e642e 0%,#0000 50%),radial-gradient(at 82% 30%,#8c3c1e1a 0%,#0000 45%),linear-gradient(#1a0a1e 0%,#14081a 50%,#0d0512 100%);width:100%;height:640px;position:relative;overflow:hidden}#lt-canvas{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.lt-scene{z-index:6;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;padding:1.5rem 1rem;display:flex;position:relative}.lt-names{color:#ffdce6eb;text-shadow:0 0 14px #ff64968c;letter-spacing:.04em;align-items:center;gap:.6rem;font-size:clamp(1rem,2.4vw,1.35rem);font-weight:700;display:flex}.lt-names .lt-heart{color:#ff4d6d;text-shadow:0 0 16px #ff4d6dcc;font-size:1.1em;animation:1.4s ease-in-out infinite lt-heart-beat}@keyframes lt-heart-beat{0%,to{transform:scale(1)}25%{transform:scale(1.22)}40%{transform:scale(.95)}60%{transform:scale(1.12)}}.lt-thermometer{--mercury-main:#3d9be0;--mercury-dark:#1e6fb8;--mercury-glow:#3d9be073;width:80px;height:360px;position:relative}.lt-therm-glow{background:radial-gradient(ellipse at center, var(--mercury-glow) 0%, transparent 62%);filter:blur(18px);opacity:.4;pointer-events:none;z-index:0;width:220px;height:360px;transition:opacity .6s,background .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lt-therm-tube{z-index:2;background:linear-gradient(#ffffff0a,#00000040);border:3px solid #ffffff8c;border-bottom:none;border-radius:23px 23px 0 0;width:46px;height:290px;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 0 10px #0006,0 0 18px #00000059}.lt-therm-mercury{background:linear-gradient(180deg, var(--mercury-main) 0%, var(--mercury-dark) 100%);width:100%;height:0%;box-shadow:0 0 18px var(--mercury-glow);transition:height .5s cubic-bezier(.22,1,.36,1),background .6s,box-shadow .6s;position:absolute;bottom:0;left:0}.lt-therm-mercury:after{content:"";background:linear-gradient(#ffffff80,#0000);border-radius:50% 50% 0 0;width:100%;height:14px;position:absolute;top:0;left:0}.lt-therm-shine{z-index:3;pointer-events:none;background:linear-gradient(#fff6,#ffffff0d);border-radius:4px;width:8px;height:calc(100% - 12px);position:absolute;top:6px;left:6px}.lt-scale{pointer-events:none;width:26px;position:absolute;top:0;bottom:0;right:-30px}.lt-scale span{color:#ffffff6b;font-variant-numeric:tabular-nums;font-size:.62rem;position:absolute;right:0;transform:translateY(50%)}.lt-scale span:before{content:"";background:#ffffff59;width:7px;height:1px;margin-right:2px;position:absolute;top:50%;right:100%}.lt-therm-bulb{background:radial-gradient(circle at 35% 30%, var(--mercury-main), var(--mercury-dark) 78%);width:80px;height:80px;box-shadow:0 0 28px var(--mercury-glow), inset 0 -6px 12px #00000059, inset 0 4px 8px #ffffff2e;z-index:2;border:3px solid #ffffff8c;border-radius:50%;transition:background .6s,box-shadow .6s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.lt-therm-bulb-shine{background:radial-gradient(#ffffff8c,#0000 70%);border-radius:50%;width:22px;height:16px;position:absolute;top:14%;left:22%;transform:rotate(-20deg)}.lt-thermometer.boiling .lt-therm-bulb{animation:.18s ease-in-out infinite lt-bulb-shake}@keyframes lt-bulb-shake{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(1.5px)}}.lt-temp-display{color:var(--mercury-display,#9bd4ff);text-shadow:0 0 22px var(--mercury-glow,#3d9be099);font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,7vw,3.4rem);font-weight:800;line-height:1;transition:color .6s,text-shadow .6s}.lt-temp-display .lt-percent{opacity:.85;margin-left:.05em;font-size:.5em}.lt-temp-display.bump{animation:.3s lt-num-bump}@keyframes lt-num-bump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.lt-heat-btn{letter-spacing:.12em;color:#fff;cursor:pointer;user-select:none;background:linear-gradient(135deg,#ff4d6d 0%,#ff8c42 100%);border:none;border-radius:999px;padding:.72rem 2.4rem;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .3s,background .5s;position:relative;overflow:hidden;box-shadow:0 6px 20px #ff4d6d73,inset 0 1px #ffffff59}.lt-heat-btn:after{content:"";background:linear-gradient(120deg,#0000,#ffffff59,#0000);width:50%;height:100%;position:absolute;top:0;left:-60%;transform:skew(-20deg)}.lt-heat-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ff4d6d99}.lt-heat-btn:hover:after{animation:.9s lt-btn-sheen}@keyframes lt-btn-sheen{to{left:130%}}.lt-heat-btn:active{transform:translateY(1px)scale(.97)}.lt-heat-btn.boiling{background:linear-gradient(135deg,#ff1744 0%,#ff6b1a 100%);animation:.85s ease-in-out infinite lt-heat-pulse}@keyframes lt-heat-pulse{0%,to{box-shadow:0 6px 20px #ff174480}50%{box-shadow:0 12px 36px #ff1744e6}}.lt-blessing{text-align:center;opacity:0;pointer-events:none;z-index:9;width:86%;max-width:560px;transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.lt-blessing.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.lt-blessing-inner{-webkit-backdrop-filter:blur(6px);background:#1408108c;border:1px solid #ff78a059;border-radius:14px;padding:1rem 1.6rem;display:inline-block;box-shadow:0 0 40px #ff4d6d59}.lt-blessing-text{color:#ffe3ec;text-shadow:0 0 18px #ff6496d9;margin:0;font-size:clamp(1.2rem,3.5vw,1.9rem);font-weight:700;line-height:1.5}.lt-stage.lt-boom{animation:.5s ease-out lt-stage-shake}@keyframes lt-stage-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(3px,2px)}}.lt-panel{border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);z-index:10;width:280px;max-width:calc(100% - 1.5rem);color:var(--text-primary);background:#0f0814c7;position:absolute;top:.75rem;right:.75rem;box-shadow:0 8px 30px #00000080}.lt-panel-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.lt-panel-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.lt-toggle{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;padding:.2rem .6rem;font-size:.75rem}.lt-toggle:hover{color:var(--accent-pink,#f472b6);border-color:var(--accent-pink,#f472b6)}.lt-panel-body{flex-direction:column;gap:.6rem;max-height:70vh;padding:.75rem .85rem .9rem;display:flex;overflow-y:auto}.lt-panel.collapsed .lt-panel-body{display:none}.lt-row{flex-direction:column;gap:.3rem;display:flex}.lt-row>label{color:var(--text-secondary);font-size:.72rem;font-weight:600}.lt-row input[type=text],.lt-row textarea{width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition);resize:vertical;background:#ffffff0f;outline:none;padding:.4rem .55rem;font-family:inherit;font-size:.82rem}.lt-row textarea{white-space:pre-wrap;min-height:56px;line-height:1.5}.lt-row input[type=text]:focus,.lt-row textarea:focus{border-color:var(--accent-pink,#f472b6);box-shadow:0 0 0 2px #f472b633}.lt-actions{flex-direction:row;gap:.5rem;margin-top:.2rem}.lt-actions button{white-space:nowrap;flex:1}.lt-container:fullscreen{border:none;border-radius:0;width:100vw;height:100vh}.lt-container:fullscreen .lt-stage{height:100%}@media (width<=640px){.lt-stage{height:560px}.lt-thermometer{width:68px;height:300px}.lt-therm-tube{border-radius:19px 19px 0 0;width:38px;height:240px}.lt-therm-bulb{width:68px;height:68px}.lt-therm-glow{width:180px;height:300px}.lt-scale{right:-26px}.lt-panel{width:240px;top:.5rem;right:.5rem}.lt-scene{gap:.8rem;padding:1.2rem .8rem}.lt-heat-btn{padding:.6rem 1.8rem;font-size:.92rem}}.lc-container{border:1px solid var(--border-color);border-radius:var(--radius);--lc-wax:#f3e9d2;--lc-wax-dark:#b89f74;--lc-wax-light:#fff7e6;--lc-glow-rgb:255, 160, 60;background:#080808;width:100%;position:relative;overflow:hidden}.lc-stage{background:radial-gradient(at 50% 62%,#221208a6 0%,#0000 60%),#080808;width:100%;height:620px;position:relative;overflow:hidden}.lc-ambient{z-index:0;opacity:0;pointer-events:none;background:radial-gradient(at 50% 56%,#ff963c8c 0%,#ff6e1e2e 32%,#0000 66%);transition:opacity .8s;position:absolute;inset:0}#lc-canvas{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;top:0;left:0}.lc-candles{z-index:2;pointer-events:none;position:absolute;inset:0}.lc-candle{pointer-events:auto;cursor:pointer;width:22px;height:64px;transition:transform .3s;position:absolute;transform:translate(-50%,-50%)}.lc-candle:before{content:"";z-index:6;width:46px;height:96px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lc-candle:hover .lc-body{filter:brightness(1.12)}.lc-candle:active{transform:translate(-50%,-50%)scale(.96)}.lc-glow{background:radial-gradient(circle, rgba(var(--lc-glow-rgb), .55) 0%, rgba(var(--lc-glow-rgb), .18) 36%, transparent 70%);opacity:0;pointer-events:none;border-radius:50%;width:150px;height:150px;transition:opacity .6s;position:absolute;top:-8px;left:50%;transform:translate(-50%,-50%)}.lc-candle.lit .lc-glow{opacity:1;animation:2.6s ease-in-out infinite lc-glow-pulse}.lc-body{background:linear-gradient(90deg, var(--lc-wax-dark) 0%, var(--lc-wax) 22%, var(--lc-wax-light) 50%, var(--lc-wax) 78%, var(--lc-wax-dark) 100%);border-radius:4px 4px 6px 6px;transition:filter .4s;position:absolute;inset:0;box-shadow:inset 0 -12px 16px #0000004d,inset 0 6px 8px #fff3}.lc-body:before{content:"";background:var(--lc-wax);width:80%;height:8px;box-shadow:-7px 2px 0 -1px var(--lc-wax), 7px 2px 0 -1px var(--lc-wax), 0 3px 4px #0000002e;border-radius:50% 50% 30% 30%;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.lc-wick{z-index:2;background:linear-gradient(#2a2a2a 0%,#5a3a1a 100%);border-radius:1px;width:2px;height:8px;transition:background .4s;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.lc-candle.lit .lc-wick{background:linear-gradient(#ff8a2a 0%,#6a3a1a 100%)}.lc-flame-wrap{pointer-events:none;z-index:3;width:16px;height:30px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.lc-flame,.lc-flame-core{opacity:0;transition:opacity .35s}.lc-candle.lit .lc-flame,.lc-candle.lit .lc-flame-core{opacity:1}.lc-flame{transform-origin:50% 75%;background:radial-gradient(circle at 50% 35%,#fff3c4 0%,#ffcf6b 32%,#ff9d2f 64%,#ff7a00 100%);border-radius:0 50% 50%;width:16px;height:16px;margin-left:-8px;position:absolute;bottom:0;left:50%;transform:rotate(45deg)scaleY(2);box-shadow:0 0 14px 3px #ff9628b3,0 0 28px 7px #ff6e1452}.lc-candle.lit .lc-flame{animation:.16s ease-in-out infinite lc-flicker}.lc-flame-core{transform-origin:50% 75%;background:radial-gradient(circle,#fffde7 0%,#fff3a0 55%,#ffdc7800 100%);border-radius:0 50% 50%;width:6px;height:6px;margin-left:-3px;position:absolute;bottom:1px;left:50%;transform:rotate(45deg)scaleY(2)}.lc-candle.lit .lc-flame-core{animation:.22s ease-in-out infinite lc-core-flicker}@keyframes lc-flicker{0%,to{transform:translate(0)rotate(45deg)scaleY(2)}25%{transform:translate(.6px)rotate(46deg)scaleY(1.92)}50%{transform:translate(-.5px)rotate(44deg)scaleY(2.07)}75%{transform:translate(.4px)rotate(45.6deg)scaleY(1.97)}}@keyframes lc-core-flicker{0%,to{transform:rotate(45deg)scaleY(2)}50%{transform:rotate(45.5deg)scaleY(1.78)}}@keyframes lc-glow-pulse{0%,to{opacity:.82;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.07)}}.lc-progress{color:#ffdcaae0;letter-spacing:.04em;text-shadow:0 0 10px #ff963c80;font-variant-numeric:tabular-nums;z-index:3;pointer-events:none;white-space:nowrap;font-size:.85rem;font-weight:600;position:absolute;top:5%;left:50%;transform:translate(-50%)}.lc-hint{color:#ffd29699;letter-spacing:.06em;text-shadow:0 0 12px #ff963c66;white-space:nowrap;z-index:3;pointer-events:none;font-size:clamp(.72rem,1.6vw,.9rem);transition:opacity .5s;animation:3s ease-in-out infinite lc-hint-pulse;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.lc-hint.hidden{opacity:0}@keyframes lc-hint-pulse{0%,to{opacity:.4}50%{opacity:.85}}.lc-blessing{opacity:0;z-index:5;pointer-events:none;text-align:center;max-width:82%;padding:0 1rem;transition:opacity 1.4s,transform 1.4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.lc-blessing.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.lc-blessing-text{color:#fff3d6;letter-spacing:.04em;text-shadow:0 0 16px #ffaa3cd9,0 0 34px #ff781e80;font-size:clamp(1rem,2.6vw,1.5rem);font-weight:600;line-height:1.7;display:block}.lc-panel{border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);z-index:10;width:280px;max-width:calc(100% - 1.5rem);color:var(--text-primary);background:#0e0a08d1;position:absolute;top:.75rem;right:.75rem;box-shadow:0 8px 30px #00000080}.lc-panel-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.lc-panel-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.lc-toggle{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;padding:.2rem .6rem;font-size:.75rem}.lc-toggle:hover{color:#fa4;border-color:#fa4}.lc-panel-body{flex-direction:column;gap:.6rem;max-height:70vh;padding:.75rem .85rem .9rem;display:flex;overflow-y:auto}.lc-panel.collapsed .lc-panel-body{display:none}.lc-row{flex-direction:column;gap:.3rem;display:flex}.lc-row>label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.72rem;font-weight:600;display:flex}.lc-count-val{color:#fa4;font-variant-numeric:tabular-nums;font-weight:700}.lc-row input[type=text],.lc-row select,.lc-row textarea{width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition);resize:vertical;background:#ffffff0f;outline:none;padding:.4rem .55rem;font-family:inherit;font-size:.82rem}.lc-row textarea{white-space:pre-wrap;min-height:66px;line-height:1.5}.lc-row input[type=text]:focus,.lc-row select:focus,.lc-row textarea:focus{border-color:#fa4;box-shadow:0 0 0 2px #fa43}.lc-row input[type=range]{appearance:none;background:#ffffff1f;border-radius:99px;outline:none;width:100%;height:5px;margin:.35rem 0 .1rem}.lc-row input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fa4;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #ffa050cc}.lc-row input[type=range]::-moz-range-thumb{cursor:pointer;background:#fa4;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #ffa050cc}.lc-actions{margin-top:.2rem}.lc-actions button,.lc-fullscreen-btn{white-space:nowrap;width:100%}.lc-panel .btn-primary,.lc-panel .btn-secondary{border-radius:var(--radius-sm);cursor:pointer;user-select:none;border:none;padding:.55rem 1rem;font-size:.82rem;font-weight:600;transition:all .2s}.lc-panel .btn-primary{color:#fff;background:linear-gradient(#ff9d2f 0%,#ff7a00 100%);box-shadow:0 0 12px #ff8c2866}.lc-panel .btn-primary:hover{filter:brightness(1.08)}.lc-panel .btn-primary:active{transform:scale(.97)}.lc-panel .btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff0f}.lc-panel .btn-secondary:hover{color:#fa4;border-color:#fa4}.lc-panel .btn-secondary:active{transform:scale(.97)}.lc-container:fullscreen{border:none;border-radius:0;width:100vw;height:100vh}.lc-container:fullscreen .lc-stage{height:100%}.lc-container:fullscreen .lc-panel{top:1rem;right:1rem}@media (width<=640px){.lc-stage{height:560px}.lc-panel{width:240px}.lc-hint{font-size:.7rem}.lc-candle{width:20px;height:56px}}.ftr-container{border:1px solid var(--border-color);border-radius:var(--radius);background:#0a0a1a;width:100%;position:relative;overflow:visible}.ftr-stage{background:radial-gradient(at 50% 22%,#3c1e466b 0%,#0000 55%),radial-gradient(at 82% 80%,#501e3c42 0%,#0000 50%),radial-gradient(at 16% 76%,#1e285038 0%,#0000 50%),linear-gradient(#0a0a1a 0%,#0d0d22 50%,#060612 100%);width:100%;height:620px;position:relative;overflow:hidden}#ftr-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.ftr-panel{border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);z-index:10;width:280px;max-width:calc(100% - 1.5rem);color:var(--text-primary);background:#0c0a1ad1;position:absolute;top:.75rem;right:.75rem;box-shadow:0 8px 30px #00000080}.ftr-panel-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.ftr-panel-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.ftr-toggle{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;padding:.2rem .6rem;font-size:.75rem}.ftr-toggle:hover{color:#ff5b8e;border-color:#ff5b8e}.ftr-panel-body{flex-direction:column;gap:.6rem;max-height:72vh;padding:.75rem .85rem .9rem;display:flex;overflow-y:auto}.ftr-panel.collapsed .ftr-panel-body{display:none}.ftr-panel.collapsed{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border-color:#0000}.ftr-panel.collapsed .ftr-panel-head{border-bottom:none}.ftr-row{flex-direction:column;gap:.3rem;display:flex}.ftr-row>label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.72rem;font-weight:600;display:flex}.ftr-val{color:#ff8fb8;font-variant-numeric:tabular-nums;font-weight:700}.ftr-row textarea,.ftr-row select{width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition);background:#ffffff0f;outline:none;padding:.4rem .55rem;font-family:inherit;font-size:.82rem}.ftr-row textarea{white-space:pre-wrap;resize:vertical;min-height:92px;line-height:1.5}.ftr-row textarea:focus,.ftr-row select:focus{border-color:#ff5b8e;box-shadow:0 0 0 2px #ff5b8e38}.ftr-row select option{color:var(--text-primary);background:#14122a}.ftr-row input[type=range]{appearance:none;background:#ffffff1f;border-radius:99px;outline:none;width:100%;height:5px;margin:.35rem 0 .1rem}.ftr-row input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ff5b8e;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #ff5b8ed9}.ftr-row input[type=range]::-moz-range-thumb{cursor:pointer;background:#ff5b8e;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #ff5b8ed9}.ftr-row-inline{flex-direction:row;align-items:center}.ftr-check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;display:inline-flex}.ftr-check input[type=checkbox]{accent-color:#ff5b8e;cursor:pointer;width:16px;height:16px}.ftr-actions{flex-direction:row;gap:.5rem;margin-top:.2rem}.ftr-actions button{white-space:nowrap;flex:1}.ftr-container:fullscreen{border:none;border-radius:0;width:100vw;height:100vh}.ftr-container:fullscreen .ftr-stage{height:100%}.ftr-container:fullscreen .ftr-panel{top:1rem;right:1rem}@media (width<=640px){.ftr-stage{height:560px}.ftr-panel{width:240px}}.tcap-container{border:1px solid var(--border-color);border-radius:var(--radius);background:#0d0512;width:100%;position:relative;overflow:visible}.tcap-stage{background:radial-gradient(at 50% 40%,#78501e38 0%,#0000 55%),radial-gradient(at 22% 78%,#50326e2e 0%,#0000 50%),radial-gradient(at 80% 24%,#966e281f 0%,#0000 45%),linear-gradient(#170a1c 0%,#11061a 50%,#0d0512 100%);justify-content:center;align-items:center;width:100%;height:640px;display:flex;position:relative;overflow:hidden}#tcap-canvas{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.tcap-capsule-scene{z-index:2;flex-direction:column;align-items:center;gap:1.6rem;display:flex;position:relative}.tcap-capsule-glow{background:radial-gradient(circle, var(--cap-glow,#ffc85033) 0%, transparent 65%);filter:blur(28px);opacity:.45;pointer-events:none;z-index:0;width:360px;height:360px;transition:opacity 1s,background .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tcap-capsule.open .tcap-capsule-glow{opacity:.6}.tcap-capsule.sealed .tcap-capsule-glow{opacity:.4}.tcap-capsule.revealed .tcap-capsule-glow{opacity:.95}.tcap-capsule{--cap-w:190px;--cap-h:280px;width:var(--cap-w);height:var(--cap-h);z-index:2;position:relative}.tcap-capsule.open:not(.revealed){animation:4.5s ease-in-out infinite tcap-float}@keyframes tcap-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.tcap-cap-top,.tcap-cap-bottom{background:linear-gradient(180deg, var(--cap-light) 0%, var(--cap-color) 48%, var(--cap-dark) 100%);width:100%;height:50%;position:absolute;left:0;box-shadow:0 10px 36px #0000008c,inset 0 0 0 1px #ffffff1a,inset 0 -6px 14px #0000004d}.tcap-cap-top{z-index:4;transform-origin:bottom;border-radius:95px 95px 8px 8px;transition:transform 1.05s cubic-bezier(.22,1,.36,1);top:0}.tcap-capsule.open .tcap-cap-top{transform:translateY(-82px)}.tcap-cap-bottom{z-index:2;border-radius:8px 8px 95px 95px;bottom:0}.tcap-cap-knob{background:linear-gradient(180deg, var(--cap-light), var(--cap-dark));border-radius:8px 8px 4px 4px;width:30px;height:14px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #fff6,0 2px 4px #0006}.tcap-cap-highlight{filter:blur(3px);background:linear-gradient(#fff6,#0000);border-radius:50%;width:14%;height:56%;position:absolute;top:14%;left:20%}.tcap-cap-highlight-b{filter:blur(3px);background:linear-gradient(#0000,#ffffff38);border-radius:50%;width:14%;height:40%;position:absolute;bottom:18%;left:20%}.tcap-cap-band{background:linear-gradient(90deg, transparent, var(--cap-dark), var(--cap-light), var(--cap-dark), transparent);border-radius:2px;height:4px;position:absolute;left:9%;right:9%;box-shadow:0 1px 1px #0000004d}.tcap-cap-top .tcap-cap-band{bottom:16px}.tcap-cap-bottom .tcap-cap-band{top:16px}.tcap-cap-rivets{gap:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tcap-cap-top .tcap-cap-rivets{bottom:30px}.tcap-cap-bottom .tcap-cap-rivets{top:30px}.tcap-cap-rivets span{background:radial-gradient(circle at 35% 30%, var(--cap-light), var(--cap-dark));border-radius:50%;width:6px;height:6px;box-shadow:inset 0 -1px 1px #00000073,0 1px 1px #0000004d}.tcap-capsule:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(90deg,#0000,#0000008c,#0000008c,#0000);height:2px;position:absolute;top:50%;left:6%;right:6%;transform:translateY(-1px)}.tcap-lock{background:radial-gradient(circle at 35% 30%, var(--cap-light), var(--cap-color) 55%, var(--cap-dark) 100%);width:68px;height:68px;box-shadow:0 0 22px var(--cap-glow,#ffc85080), 0 4px 12px #00000080, inset 0 -4px 8px #00000059, inset 0 3px 6px #ffffff4d;z-index:6;color:#2a1605;border-radius:50%;justify-content:center;align-items:center;transition:filter .3s,opacity .4s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tcap-lock-ring{pointer-events:none;border:1px dashed #ffffff38;border-radius:50%;position:absolute;inset:5px}.tcap-lock-svg{filter:drop-shadow(0 1px 1px #0006);width:34px;height:34px;position:relative}.tcap-lock-shackle{transform-origin:24px 23px;transition:transform .5s cubic-bezier(.4,0,.2,1)}.tcap-lock.engaged .tcap-lock-shackle{transform:rotate(0)}.tcap-lock.opened .tcap-lock-shackle{transform:rotate(-32deg)translate(-2px,-3px)}.tcap-capsule.open:not(.sealed) .tcap-lock{animation:2.6s ease-in-out infinite tcap-lock-pulse}@keyframes tcap-lock-pulse{0%,to{box-shadow:0 0 18px var(--cap-glow,#ffc85080), 0 4px 12px #00000080, inset 0 -4px 8px #00000059, inset 0 3px 6px #ffffff4d}50%{box-shadow:0 0 30px var(--cap-glow,#ffc850b3), 0 4px 12px #00000080, inset 0 -4px 8px #00000059, inset 0 3px 6px #ffffff4d}}.tcap-lock.breaking{animation:.5s ease-out forwards tcap-lock-break}@keyframes tcap-lock-break{0%{filter:brightness();transform:translate(-50%,-50%)scale(1)}35%{filter:brightness(1.9);transform:translate(-50%,-50%)scale(1.18)}to{filter:brightness();opacity:.85;transform:translate(-50%,-50%)scale(1)}}.tcap-message{opacity:0;z-index:7;pointer-events:none;width:270px;max-width:96%;transition:transform .95s cubic-bezier(.22,1,.36,1) .25s,opacity .6s .35s;position:absolute;top:50%;left:50%;transform:translate(-50%,50px)scale(.9)}.tcap-capsule.revealed .tcap-message{opacity:1;transform:translate(-50%,-18px)scale(1)}.tcap-message-card{color:#5a3e2b;background:linear-gradient(#fffbf2 0%,#faf3e0 50%,#f3e9cf 100%);border-radius:4px;padding:1.1rem 1.3rem 1.15rem;font-family:Georgia,Times New Roman,serif;position:relative;box-shadow:0 0 36px #ffc85073,0 10px 28px #00000073,0 0 0 1px #d4af3759,inset 0 0 40px #d4af370f}.tcap-message-card:before{content:"";pointer-events:none;border:1px solid #d4af3738;border-radius:2px;position:absolute;inset:6px}.tcap-msg-flourish{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.tcap-msg-flourish span{background:linear-gradient(90deg,#0000,#d4af378c,#0000);width:34px;height:1px}.tcap-msg-flourish i{color:#c88c3cbf;font-size:.8rem;font-style:normal}.tcap-msg-recipient{color:#7a5230;text-align:left;white-space:pre-wrap;word-break:break-word;margin-bottom:.55rem;font-size:.88rem;font-style:italic}.tcap-msg-body{white-space:pre-wrap;word-break:break-word;margin-bottom:.6rem;font-size:.84rem;line-height:1.8}.tcap-msg-meta{color:#9a7a50;text-align:right;border-top:1px dashed #d4af374d;margin-top:.2rem;padding-top:.4rem;font-size:.7rem}.tcap-countdown{z-index:3;align-items:flex-start;gap:.35rem;display:none}.tcap-countdown.show{display:flex}.tcap-cd-block{flex-direction:column;align-items:center;min-width:58px;display:flex}.tcap-cd-num{color:#ffe9a8;text-shadow:0 0 14px #ffc8508c;font-family:Courier New,monospace;font-size:clamp(1.7rem,4.5vw,2.4rem);font-weight:700;line-height:1}.tcap-cd-label{letter-spacing:.12em;color:#ffdca099;text-transform:uppercase;margin-top:.3rem;font-size:.68rem}.tcap-cd-sep{color:#ffdca073;font-size:clamp(1.7rem,4.5vw,2.4rem);font-weight:700;line-height:1}.tcap-hint{color:#ffdcaa9e;letter-spacing:.05em;text-shadow:0 0 12px #ffb45066;white-space:nowrap;z-index:3;text-align:center;font-size:clamp(.74rem,1.6vw,.9rem);transition:opacity .5s;animation:3s ease-in-out infinite tcap-hint-pulse;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}@keyframes tcap-hint-pulse{0%,to{opacity:.45}50%{opacity:.85}}.tcap-capsule[data-color=gold]{--cap-color:#d4af37;--cap-light:#ffe066;--cap-dark:#8b6914;--cap-glow:#ffd25a8c}.tcap-capsule[data-color=bronze]{--cap-color:#cd7f32;--cap-light:#e8a866;--cap-dark:#7a4a1e;--cap-glow:#cd7f328c}.tcap-capsule[data-color=rose]{--cap-color:#b76e79;--cap-light:#e8a0a8;--cap-dark:#7a4550;--cap-glow:#e8a0a88c}.tcap-capsule[data-color=amethyst]{--cap-color:#96c;--cap-light:#c499e0;--cap-dark:#5e3380;--cap-glow:#c499e08c}.tcap-capsule[data-color=emerald]{--cap-color:#2ecc71;--cap-light:#6ee7a0;--cap-dark:#1a8a4a;--cap-glow:#6ee7a08c}.tcap-panel{border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);z-index:10;width:282px;max-width:calc(100% - 1.5rem);color:var(--text-primary);background:#0f0814cc;position:absolute;top:.75rem;right:.75rem;box-shadow:0 8px 30px #00000080}.tcap-panel-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.tcap-panel-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.tcap-toggle{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;padding:.2rem .6rem;font-size:.75rem}.tcap-toggle:hover{color:var(--accent-pink,#f472b6);border-color:var(--accent-pink,#f472b6)}.tcap-panel-body{flex-direction:column;gap:.6rem;max-height:72vh;padding:.75rem .85rem .9rem;display:flex;overflow-y:auto}.tcap-panel.collapsed .tcap-panel-body{display:none}.tcap-panel.collapsed{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border-color:#0000}.tcap-panel.collapsed .tcap-panel-head{border-bottom:none}.tcap-panel-section{flex-direction:column;gap:.6rem;display:flex}.tcap-row{flex-direction:column;gap:.3rem;display:flex}.tcap-row>label{color:var(--text-secondary);font-size:.72rem;font-weight:600}.tcap-row input[type=text],.tcap-row input[type=date],.tcap-row select,.tcap-row textarea{width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition);resize:vertical;background:#ffffff0f;outline:none;padding:.42rem .55rem;font-family:inherit;font-size:.82rem}.tcap-row textarea{white-space:pre-wrap;min-height:84px;line-height:1.55}.tcap-row input[type=date]{color-scheme:dark}.tcap-row input:focus,.tcap-row select:focus,.tcap-row textarea:focus{border-color:var(--accent-pink,#f472b6);box-shadow:0 0 0 2px #f472b633}.tcap-row .btn-primary,.tcap-row .btn-secondary{white-space:nowrap;width:100%}.tcap-seal-btn{background:linear-gradient(135deg,#d4af37,#b8860b)!important;box-shadow:0 0 18px #d4af3766!important}.tcap-seal-btn:hover{box-shadow:0 0 26px #d4af37a6!important}.tcap-action-btn{background:linear-gradient(135deg,#d4af37,#b8860b)!important;box-shadow:0 0 18px #d4af3766!important}.tcap-action-btn.ready{animation:1.6s ease-in-out infinite tcap-ready-pulse;background:linear-gradient(135deg,gold,#ff8c1a)!important;box-shadow:0 0 26px #ffa500b3!important}@keyframes tcap-ready-pulse{0%,to{box-shadow:0 0 22px #ffa50099}50%{box-shadow:0 0 34px #ffa500e6}}.tcap-common-row{margin-top:.1rem}.tcap-fullscreen-btn{width:100%}.tcap-info-row{justify-content:space-between;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.78rem;display:flex}.tcap-info-label{color:var(--text-secondary)}.tcap-info-val{color:var(--text-primary);text-align:right;word-break:break-word;font-weight:600}.tcap-tip{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.5}.tcap-modal{backdrop-filter:blur(4px);z-index:20;background:#05020ab3;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.tcap-modal.show{animation:.25s tcap-modal-in;display:flex}@keyframes tcap-modal-in{0%{opacity:0}to{opacity:1}}.tcap-modal-box{border-radius:var(--radius);text-align:center;background:#140c1af5;border:1px solid #d4af3766;width:320px;max-width:calc(100% - 2rem);padding:1.4rem 1.3rem 1.2rem;box-shadow:0 0 40px #d4af3740,0 12px 36px #0009}.tcap-modal-icon{color:#2a1605;background:radial-gradient(circle at 35% 30%,#ffe066,#d4af37 60%,#8b6914);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto .7rem;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 0 18px #ffc8508c}.tcap-modal-title{color:var(--text-primary);margin-bottom:.4rem;font-size:1.05rem;font-weight:700}.tcap-modal-text{color:var(--text-secondary);margin-bottom:1.1rem;font-size:.82rem;line-height:1.6}.tcap-modal-actions{gap:.6rem;display:flex}.tcap-modal-actions button{flex:1}.tcap-container:fullscreen{border:none;border-radius:0;width:100vw;height:100vh}.tcap-container:fullscreen .tcap-stage{height:100%}@media (width<=640px){.tcap-stage{height:560px}.tcap-capsule{--cap-w:160px;--cap-h:240px}.tcap-cap-top{border-radius:80px 80px 8px 8px}.tcap-cap-bottom{border-radius:8px 8px 80px 80px}.tcap-capsule.open .tcap-cap-top{transform:translateY(-68px)}.tcap-lock{width:58px;height:58px}.tcap-lock-svg{width:28px;height:28px}.tcap-message{width:230px}.tcap-message-card{padding:.9rem 1.05rem}.tcap-msg-body{font-size:.76rem;line-height:1.7}.tcap-panel{width:244px}.tcap-cd-block{min-width:48px}.tcap-hint{font-size:.7rem}}.pp-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);max-width:900px;margin:0 auto;padding:1rem}.pp-wrap:fullscreen{background:#0a0a0f;border:none;border-radius:0;flex-direction:column;width:100vw;max-width:none;height:100vh;margin:0;display:flex;overflow:hidden}.pp-wrap:fullscreen .pp-toolbar{flex-shrink:0}.pp-wrap:fullscreen .pp-canvas-container{border-radius:0;flex:1;height:auto}.pp-toolbar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.pp-brushes{gap:.3rem;display:flex}.pp-brush-btn{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;opacity:.6;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;transition:all .15s;display:flex}.pp-brush-btn:hover{opacity:1;transform:translateY(-1px)}.pp-brush-btn.active{opacity:1;border-color:var(--accent-blue);background:#3b82f61f;box-shadow:0 0 10px #3b82f633}.pp-controls{z-index:10;flex:1;align-items:center;gap:1rem;display:flex;position:relative}.pp-controls button{white-space:nowrap}.pp-color-group,.pp-size-group{align-items:center;gap:.4rem;display:flex}.pp-label{color:var(--text-muted);white-space:nowrap;font-size:.75rem}#pp-color{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;width:34px;height:34px;padding:2px}#pp-size{width:80px;accent-color:var(--accent-blue)}.pp-size-val{color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;width:20px;font-size:.75rem}.pp-actions{gap:.4rem;display:flex}.pp-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.4rem .7rem;font-size:.78rem;transition:all .15s}.pp-btn:hover{border-color:var(--accent-blue);background:#3b82f61a}.pp-btn-clear:hover{border-color:var(--accent-pink);color:var(--accent-pink);background:#f472b61a}.pp-canvas-container{cursor:crosshair;background:#0a0a0f;border-radius:10px;width:100%;height:480px;position:relative;overflow:hidden}#pp-canvas{width:100%;height:100%;display:block;pointer-events:auto!important}.pp-hint{color:#fff3;pointer-events:none;font-size:1rem;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pp-hint.hidden{opacity:0}.pp-cursor{pointer-events:none;opacity:0;z-index:5;mix-blend-mode:difference;border:1.5px solid #fff;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;transition:opacity .15s;position:absolute;top:0;left:0;box-shadow:0 0 6px #ffffffb3,inset 0 0 4px #fff6}.pp-cursor.visible{opacity:.9}@media (width<=640px){.pp-toolbar{gap:.4rem}.pp-brush-btn{width:32px;height:32px;font-size:.9rem}.pp-controls{gap:.5rem}#pp-size{width:60px}.pp-canvas-container{height:360px}.pp-btn{padding:.3rem .5rem;font-size:.7rem}}.ztd-wrap{border:1px solid var(--border-color);border-radius:var(--radius);background:radial-gradient(#1a1208 0%,#0a0604 70%,#050201 100%);width:100%;height:520px;position:relative;overflow:hidden}.ztd-canvas{cursor:grab;width:100%;height:100%;position:absolute;inset:0}.ztd-canvas:active{cursor:grabbing}.ztd-center-info{text-align:center;pointer-events:none;z-index:5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ztd-current-shichen{color:#fbbf24;text-shadow:0 0 20px #fbbf2480,0 0 40px #fbbf2433;font-size:3rem;font-weight:900;line-height:1}.ztd-current-zodiac{filter:drop-shadow(0 0 8px #fbbf244d);margin-top:.2rem;font-size:2rem}.ztd-current-time{color:#fbbf2499;font-variant-numeric:tabular-nums;letter-spacing:.5px;margin-top:.15rem;font-size:.75rem}.ztd-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0804bf;max-width:calc(100% - 24px);padding:.5rem .75rem;position:absolute;bottom:.6rem;left:50%;transform:translate(-50%)}.ztd-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.ztd-field{color:var(--text-secondary);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.ztd-field input[type=range]{accent-color:#fbbf24;width:70px}.ztd-value{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;width:24px;font-size:.7rem}@media (width<=640px){.ztd-wrap{height:360px}.ztd-current-shichen{font-size:2rem}.ztd-current-zodiac{font-size:1.4rem}.ztd-field input[type=range]{width:50px}.ztd-field{font-size:.65rem}.ztd-panel{max-width:calc(100% - 16px);padding:.4rem .5rem;bottom:.4rem}.ztd-row{gap:.4rem}.ztd-row button{flex:auto}}.ztd-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.ze-wrap{border:1px solid var(--border-color);border-radius:var(--radius);background:radial-gradient(#0a0a2e 0%,#050518 60%,#02010a 100%);width:100%;height:560px;transition:background .4s;position:relative;overflow:hidden}.ze-wrap.ze-dimmed{background:radial-gradient(#06061f 0%,#030310 60%,#010106 100%)}.ze-canvas{cursor:grab;width:100%;height:100%;position:absolute;inset:0}.ze-canvas:active{cursor:grabbing}.ze-info{text-align:center;pointer-events:none;z-index:5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ze-constellation-symbol{color:#c4b5fd;text-shadow:0 0 20px #c4b5fd80,0 0 40px #8b5cf633;font-size:3rem;line-height:1;transition:all .4s}.ze-constellation-name{color:#c4b5fdcc;letter-spacing:1px;margin-top:.3rem;font-size:1rem;font-weight:600;transition:all .4s}.ze-constellation-dates{color:#c4b5fd66;font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:.7rem;transition:all .4s}.ze-detail-card{z-index:20;-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#0f1428bf;border:1px solid #8b5cf64d;border-radius:12px;min-width:220px;max-width:280px;padding:14px 18px;transition:opacity .4s,transform .4s;position:absolute;bottom:20px;left:20px;transform:translateY(10px)}.ze-detail-card.ze-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.ze-dc-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.ze-dc-symbol{color:#ffd86b;text-shadow:0 0 12px #ffd86b80;font-size:2rem;line-height:1}.ze-dc-titles{flex-direction:column;display:flex}.ze-dc-name-cn{color:#f1f5f9;letter-spacing:.5px;font-size:1rem;font-weight:700}.ze-dc-name-en{color:#cbd5e199;margin-top:2px;font-size:.75rem;font-style:italic}.ze-dc-meta{color:#c4b5fdd9;font-variant-numeric:tabular-nums;border-top:1px solid #8b5cf626;border-bottom:1px solid #8b5cf626;margin-bottom:6px;padding:4px 0;font-size:.72rem}.ze-dc-desc{color:#e2e8f0bf;font-size:.78rem;line-height:1.5}.ze-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#050518bf;padding:.5rem .75rem;position:absolute;bottom:.6rem;left:50%;transform:translate(-50%)}.ze-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.ze-field{color:var(--text-secondary);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.ze-field input[type=range]{accent-color:#8b5cf6;width:60px}.ze-field select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:4px;max-width:130px;padding:.15rem .3rem;font-size:.72rem}.ze-value{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;width:24px;font-size:.7rem}@media (width<=640px){.ze-wrap{height:420px}.ze-constellation-symbol{font-size:2rem}.ze-field input[type=range]{width:45px}.ze-field{font-size:.65rem}.ze-field select{max-width:100px;font-size:.65rem}.ze-detail-card{min-width:180px;padding:10px 12px;top:10px;bottom:auto;left:10px}}.ze-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.icp-wrap{border:1px solid var(--border-color);border-radius:var(--radius);background:radial-gradient(#1a1408 0%,#0a0804 60%,#050201 100%);width:100%;height:560px;display:flex;position:relative;overflow:hidden}.icp-canvas{cursor:grab;flex:1;width:100%;height:100%;display:block}.icp-canvas:active{cursor:grabbing}.icp-sidebar{backdrop-filter:blur(8px);z-index:5;background:linear-gradient(#140e06b3 0%,#0a0804d9 100%);border-left:1px solid #f59e0b1f;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.4rem;width:180px;padding:1rem .75rem;display:flex;overflow-y:auto}.icp-sidebar-title{color:#f59e0b66;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.icp-hex-name{color:#f59e0b;text-shadow:0 0 20px #f59e0b66;font-family:serif;font-size:2.2rem;font-weight:900;line-height:1.1;transition:opacity .3s}.icp-hex-symbol{color:#f59e0bb3;letter-spacing:3px;font-size:1.6rem;line-height:1}.icp-hex-lines{flex-direction:column;align-items:center;gap:3px;margin:.5rem 0;display:flex}.icp-hex-lines .icp-yao{opacity:.8;background:#f59e0b;border-radius:2px;width:50px;height:5px}.icp-hex-lines .icp-yao.broken{background:linear-gradient(90deg,#f59e0b 0 45%,#0000 45% 55%,#f59e0b 55% 100%)}.icp-hex-desc{color:#f59e0b80;text-align:center;margin-top:.25rem;font-size:.72rem;line-height:1.5}.icp-hex-num{color:#f59e0b4d;font-variant-numeric:tabular-nums;margin-top:.5rem;font-size:.65rem}.icp-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0804bf;padding:.5rem .75rem;position:absolute;bottom:.6rem;left:50%;transform:translate(-50%)}.icp-row{align-items:center;gap:.6rem;display:flex}.icp-field{color:var(--text-secondary);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.icp-field input[type=range]{accent-color:#f59e0b;width:65px}.icp-value{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;width:24px;font-size:.7rem}@media (width<=768px){.icp-wrap{height:440px}.icp-sidebar{width:130px;padding:.75rem .5rem}.icp-hex-name{font-size:1.6rem}.icp-hex-symbol{font-size:1.2rem}.icp-hex-desc{font-size:.65rem}.icp-field input[type=range]{width:45px}.icp-field{font-size:.65rem}}@media (width<=480px){.icp-wrap{flex-direction:column;height:400px}.icp-canvas{flex:1;min-height:280px}.icp-sidebar{border-top:1px solid #f59e0b1f;border-left:none;flex-flow:wrap;justify-content:space-around;gap:.3rem;width:100%;padding:.5rem}.icp-sidebar-title{display:none}.icp-hex-name{font-size:1.3rem}.icp-hex-symbol{font-size:1rem}.icp-hex-lines{flex-direction:row;gap:2px;margin:0}.icp-hex-lines .icp-yao{width:3px;height:30px}.icp-hex-lines .icp-yao.broken{background:linear-gradient(#f59e0b 0 45%,#0000 45% 55%,#f59e0b 55% 100%)}.icp-hex-desc{text-align:center;flex:1;min-width:100%;font-size:.6rem}.icp-hex-num{font-size:.55rem}}.icp-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.icp-wrap:fullscreen .icp-panel{bottom:1rem}.em-wrap{border-radius:var(--radius);border:1px solid var(--border-color);user-select:none;background:#000510;width:100%;height:520px;position:relative;overflow:hidden}.em-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.em-wrap.dragging .em-canvas{cursor:grabbing}.em-info{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;pointer-events:none;background:#0000148c;gap:14px;padding:8px 14px;display:flex;position:absolute;top:12px;left:12px}.em-info-item{flex-direction:column;gap:2px;line-height:1.1;display:flex}.em-info-label{color:var(--text-secondary);white-space:nowrap;font-size:11px}.em-info-val{color:#eaf4ff;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:Courier New,monospace;font-size:15px;font-weight:600}.em-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#000014b3;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.em-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.em-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.em-field-label{white-space:nowrap}.em-field input[type=range]{accent-color:#38bdf8;width:90px}.em-value{text-align:right;font-variant-numeric:tabular-nums;min-width:32px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.em-row .btn-secondary.active{background:var(--accent-blue,#38bdf8);color:#fff;border-color:var(--accent-blue,#38bdf8)}.em-row .btn-secondary,.em-row .btn-primary{padding:.4rem .9rem;font-size:.82rem}@media (width<=640px){.em-wrap{height:360px}.em-field input[type=range]{width:60px}.em-field{font-size:12px}.em-info{gap:10px;padding:6px 10px}.em-info-label{font-size:10px}.em-info-val{font-size:13px}.em-row .btn-secondary,.em-row .btn-primary{padding:.35rem .7rem;font-size:.76rem}}.em-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.em-wrap:fullscreen .em-canvas{height:100%}.em-wrap:fullscreen .em-panel{display:none}.ss-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:#000005;width:100%;height:520px;position:relative;overflow:hidden}.ss-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ss-info{backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;pointer-events:none;background:#05051499;min-width:150px;padding:8px 12px;position:absolute;top:12px;left:12px}.ss-info-name{color:var(--text-primary);text-shadow:0 0 8px #fa06;font-size:15px;font-weight:600}.ss-info-speed,.ss-info-dist{color:var(--text-secondary);margin-top:2px;font-family:Courier New,monospace;font-size:12px}.ss-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#050514b3;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.ss-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.ss-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.ss-field-label{white-space:nowrap}.ss-field input[type=range]{accent-color:#fa0;width:80px}.ss-value{text-align:right;font-variant-numeric:tabular-nums;min-width:32px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.ss-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}.ss-toggle{opacity:.55;transition:opacity .2s,box-shadow .2s}.ss-toggle.active{opacity:1;box-shadow:inset 0 0 0 1px #fa0,0 0 10px #ffaa0040}@media (width<=640px){.ss-wrap{height:360px}.ss-field input[type=range]{width:55px}.ss-field{font-size:12px}.ss-info{min-width:110px;padding:6px 10px}.ss-info-name{font-size:13px}}.ss-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.ss-wrap:fullscreen .ss-canvas{height:100%}.ss-wrap:fullscreen .ss-panel{display:none}.bs-wrap{border:1px solid var(--border-color);border-radius:var(--radius);background:#050008;width:100%;height:520px;position:relative;overflow:hidden}.bs-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.bs-canvas:active{cursor:grabbing}.bs-info{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;color:var(--text-secondary);background:#080410b8;min-width:190px;padding:10px 14px;font-size:13px;position:absolute;top:12px;left:12px}.bs-info-title{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:600}.bs-info-row{justify-content:space-between;gap:12px;line-height:1.6;display:flex}.bs-info-label{color:var(--text-muted);white-space:nowrap}.bs-info-val{color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right;font-family:Courier New,monospace}.bs-info-hint{color:var(--text-muted);opacity:.7;margin-top:6px;font-size:11px}.bs-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#080410b8;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.bs-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.bs-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.bs-field-label{white-space:nowrap}.bs-field input[type=range]{accent-color:#f60;width:80px}.bs-value{text-align:right;font-variant-numeric:tabular-nums;min-width:32px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.bs-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}@media (width<=640px){.bs-wrap{height:400px}.bs-info{min-width:150px;padding:8px 10px;font-size:11px}.bs-info-title{font-size:12px}.bs-info-hint{font-size:10px}.bs-panel{padding:8px 10px}.bs-field{gap:5px;font-size:11px}.bs-field input[type=range]{width:50px}.bs-select{padding:2px 6px;font-size:11px}.bs-row{gap:8px}}.bs-wrap:fullscreen{border:none;border-radius:0;width:100vw;height:100vh}.bs-wrap:fullscreen .bs-canvas{height:100%}.bs-wrap:fullscreen .bs-panel{display:none}.tb-wrap{border:1px solid var(--border-color);border-radius:var(--radius);background:#020208;width:100%;height:520px;position:relative;overflow:hidden}.tb-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.tb-canvas:active{cursor:grabbing}.tb-info{backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;color:var(--text-secondary);pointer-events:none;background:#050510b8;min-width:150px;padding:8px 12px;font-family:Courier New,monospace;font-size:12px;line-height:1.7;position:absolute;top:12px;left:12px}.tb-info-row{justify-content:space-between;gap:14px;display:flex}.tb-info-label{color:var(--text-muted)}.tb-info-row span:last-child{color:var(--text-primary);font-variant-numeric:tabular-nums}.tb-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#050510b8;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.tb-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.tb-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.tb-field-label{white-space:nowrap}.tb-field input[type=range]{accent-color:#f36;width:80px}.tb-value{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.tb-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}@media (width<=640px){.tb-wrap{height:420px}.tb-info{min-width:120px;padding:6px 8px;font-size:11px}.tb-field input[type=range]{width:55px}.tb-field{font-size:12px}}.tb-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.tb-wrap:fullscreen .tb-canvas{height:100%}.tb-wrap:fullscreen .tb-panel{display:none}.ma-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:linear-gradient(#0a0a1a 0%,#050510 100%);width:100%;height:560px;position:relative;overflow:hidden}.ma-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.ma-info{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;pointer-events:none;background:#05050fcc;min-width:180px;max-width:260px;padding:10px 14px;position:absolute;top:12px;left:12px}.ma-info-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.ma-info-sub{color:var(--text-secondary);word-break:break-word;font-size:12px;line-height:1.4}.ma-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#05050fbf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.ma-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.ma-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.ma-field-label{white-space:nowrap}.ma-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);max-width:180px;padding:3px 8px;font-size:13px}@media (width<=640px){.ma-wrap{height:460px}.ma-info{min-width:140px;max-width:200px;padding:8px 10px}.ma-info-title{font-size:13px}.ma-info-sub{font-size:11px}.ma-field{font-size:12px}.ma-select{max-width:130px;font-size:12px}}.ma-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.ma-wrap:fullscreen .ma-canvas{height:100%}.ma-wrap:fullscreen .ma-panel{display:none}.dn-wrap{border-radius:var(--radius);border:1px solid var(--border-color);user-select:none;background:#000008;width:100%;height:520px;position:relative;overflow:hidden}.dn-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.dn-wrap.dragging .dn-canvas{cursor:grabbing}.dn-info{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;pointer-events:none;background:#0000148c;gap:14px;padding:8px 14px;display:flex;position:absolute;top:12px;left:12px}.dn-info-item{flex-direction:column;gap:2px;line-height:1.1;display:flex}.dn-info-label{color:var(--text-secondary);white-space:nowrap;font-size:11px}.dn-info-val{color:#eaf4ff;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:Courier New,monospace;font-size:15px;font-weight:600}.dn-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#000014b3;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.dn-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.dn-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.dn-field-label{white-space:nowrap}.dn-field input[type=range]{accent-color:#fbbf24;width:90px}.dn-value{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.dn-row .btn-secondary.active{background:var(--accent-blue,#38bdf8);color:#fff;border-color:var(--accent-blue,#38bdf8)}.dn-row .btn-secondary,.dn-row .btn-primary{padding:.4rem .9rem;font-size:.82rem}@media (width<=640px){.dn-wrap{height:360px}.dn-field input[type=range]{width:60px}.dn-field{font-size:12px}.dn-info{gap:10px;padding:6px 10px}.dn-info-label{font-size:10px}.dn-info-val{font-size:13px}.dn-row .btn-secondary,.dn-row .btn-primary{padding:.35rem .7rem;font-size:.76rem}}.dn-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.dn-wrap:fullscreen .dn-canvas{height:100%}.dn-wrap:fullscreen .dn-panel{display:none}.es-wrap{border-radius:var(--radius);border:1px solid var(--border-color);user-select:none;background:radial-gradient(at 30% 20%,#0a0820 0%,#05030f 60%,#02020a 100%);flex-direction:column;gap:12px;width:100%;display:flex;overflow:hidden}.es-stage{z-index:0;width:100%;height:60vh;min-height:360px;position:relative;overflow:hidden}.es-canvas{touch-action:none;cursor:grab;z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.es-fs-btn{z-index:1001;color:#fff;cursor:pointer;white-space:nowrap;user-select:none;background:#00000080;border:1px solid #ffffff4d;border-radius:4px;padding:4px 12px;font-size:11px;transition:all .2s;position:absolute;top:12px;right:12px}.es-fs-btn:hover{background:#fff3}.es-info{backdrop-filter:blur(10px);border-radius:var(--radius-sm);z-index:1000;pointer-events:none;background:#080a1eb8;border:1px solid #78b4ff59;gap:14px;padding:8px 14px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 20px #00000080,inset 0 0 18px #508cff14}.es-info-item{flex-direction:column;gap:2px;line-height:1.1;display:flex}.es-info-label{color:var(--text-secondary);white-space:nowrap;font-size:11px}.es-info-val{color:#eaf4ff;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:Courier New,monospace;font-size:15px;font-weight:600}.es-controls{color:#e8eaf0;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.es-row{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.es-field{color:#c7cad4;align-items:center;gap:8px;font-size:13px;display:flex}.es-field-label{white-space:nowrap;min-width:64px;color:var(--text-secondary)}.es-field input[type=range]{accent-color:#f59e0b;cursor:pointer;background:0 0;flex:1;min-width:80px;height:22px}.es-value{text-align:right;font-variant-numeric:tabular-nums;color:#eaf4ff;min-width:42px;font-family:Courier New,monospace;font-size:12px}.es-select{color:#e8eaf0;cursor:pointer;color-scheme:dark;background:#00000059;border:1px solid #ffffff29;border-radius:8px;flex:1;padding:6px 9px;font-size:13px}.es-actions{flex-wrap:wrap;gap:6px;display:flex}.es-action{color:#e8eaf0;cursor:pointer;white-space:nowrap;background:#00000059;border:1px solid #78b4ff40;border-radius:8px;flex:auto;padding:6px 10px;font-family:inherit;font-size:12px;transition:all .18s}.es-action:hover{color:#f59e0b;border-color:#f59e0b}.es-action.active{color:#fcd34d;background:#f59e0b2e;border-color:#f59e0b}.es-action.es-action-primary{color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8);border-color:#0000}.es-action.es-action-primary:hover{opacity:.92}.es-wrap.es-fs .es-stage,.es-stage:fullscreen,.es-wrap:fullscreen{z-index:99998;border-radius:0;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.es-wrap.es-fs .es-controls,.es-stage:fullscreen~.es-controls,.es-wrap:fullscreen .es-controls{display:none}@media (width<=640px){.es-stage{height:52vh}.es-info{gap:10px;padding:6px 10px}.es-info-label{font-size:10px}.es-info-val{font-size:13px}}.st-wrap{border-radius:var(--radius);border:1px solid var(--border-color);user-select:none;background:#000010;width:100%;height:520px;position:relative;overflow:hidden}.st-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.st-wrap.dragging .st-canvas{cursor:grabbing}.st-info{backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;pointer-events:none;background:#0505189e;min-width:160px;padding:8px 12px;position:absolute;top:12px;left:12px}.st-info-name{color:var(--text-primary);text-shadow:0 0 8px #ffd25a73;font-size:16px;font-weight:600}.st-info-date,.st-info-season,.st-info-angle{color:var(--text-secondary);margin-top:2px;font-family:Courier New,monospace;font-size:12px}.st-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#050518b8;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.st-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.st-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.st-field-label{white-space:nowrap}.st-field input[type=range]{accent-color:#fa0;width:80px}.st-value{text-align:right;font-variant-numeric:tabular-nums;min-width:32px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.st-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);max-width:170px;padding:3px 8px;font-size:13px}.st-toggle{opacity:.55;transition:opacity .2s,box-shadow .2s}.st-toggle.active{opacity:1;box-shadow:inset 0 0 0 1px #fa0,0 0 10px #ffaa0040}@media (width<=640px){.st-wrap{height:360px}.st-field input[type=range]{width:55px}.st-field{font-size:12px}.st-select{max-width:120px;font-size:12px}.st-info{min-width:120px;padding:6px 10px}.st-info-name{font-size:14px}}.st-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.st-wrap:fullscreen .st-canvas{height:100%}.st-wrap:fullscreen .st-panel{display:none}.gw-wrap{border:1px solid var(--border-color);border-radius:var(--radius);user-select:none;background:#020210;width:100%;height:520px;position:relative;overflow:hidden}.gw-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.gw-wrap.dragging .gw-canvas{cursor:grabbing}.gw-info{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;color:var(--text-secondary);pointer-events:none;background:#040212b8;min-width:190px;padding:10px 14px;font-size:13px;position:absolute;top:12px;left:12px}.gw-info-title{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:600}.gw-info-row{justify-content:space-between;gap:12px;line-height:1.6;display:flex}.gw-info-label{color:var(--text-muted);white-space:nowrap}.gw-info-val{color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right;font-family:Courier New,monospace}.gw-info-hint{color:var(--text-muted);opacity:.7;margin-top:6px;font-size:11px}.gw-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#040212b8;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.gw-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.gw-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.gw-field-label{white-space:nowrap}.gw-field input[type=range]{accent-color:#22d3ee;width:80px}.gw-value{text-align:right;font-variant-numeric:tabular-nums;min-width:32px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.gw-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}.gw-row .btn-secondary.active{background:var(--accent-blue,#22d3ee);color:#021018;border-color:var(--accent-blue,#22d3ee)}.gw-row .btn-secondary,.gw-row .btn-primary{padding:.4rem .9rem;font-size:.82rem}@media (width<=640px){.gw-wrap{height:400px}.gw-info{min-width:150px;padding:8px 10px;font-size:11px}.gw-info-title{font-size:12px}.gw-info-hint{font-size:10px}.gw-panel{padding:8px 10px}.gw-field{gap:5px;font-size:11px}.gw-field input[type=range]{width:50px}.gw-select{padding:2px 6px;font-size:11px}.gw-row{gap:8px}.gw-row .btn-secondary,.gw-row .btn-primary{padding:.35rem .7rem;font-size:.76rem}}.gw-wrap:fullscreen{border:none;border-radius:0;width:100vw;height:100vh}.gw-wrap:fullscreen .gw-canvas{height:100%}.gw-wrap:fullscreen .gw-panel{display:none}.cc-wrap{border:1px solid var(--border-color);border-radius:var(--radius);background:#050008;width:100%;height:520px;position:relative;overflow:hidden}.cc-canvas{touch-action:none;cursor:grab;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.cc-canvas:active{cursor:grabbing}.cc-info{backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;color:var(--text-secondary);pointer-events:none;background:#080410b8;min-width:150px;padding:8px 12px;font-family:Courier New,monospace;font-size:12px;line-height:1.7;position:absolute;top:12px;left:12px}.cc-info-row{justify-content:space-between;gap:14px;display:flex}.cc-info-label{color:var(--text-muted)}.cc-info-row span:last-child{color:var(--text-primary);font-variant-numeric:tabular-nums}.cc-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#080410b8;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.cc-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.cc-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.cc-field-label{white-space:nowrap}.cc-field input[type=range]{accent-color:#ff6a3d;width:80px}.cc-value{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.cc-toggle{opacity:.55;transition:opacity .2s,box-shadow .2s}.cc-toggle.active{opacity:1;box-shadow:inset 0 0 0 1px #ff6a3d,0 0 10px #ff6a3d40}@media (width<=640px){.cc-wrap{height:420px}.cc-info{min-width:120px;padding:6px 8px;font-size:11px}.cc-field input[type=range]{width:55px}.cc-field{font-size:12px}}.cc-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.cc-wrap:fullscreen .cc-canvas{width:100%!important;height:100%!important}.cc-wrap:fullscreen .cc-panel{display:none}.tr-wrap{border:1px solid var(--border-color);border-radius:var(--radius);background:radial-gradient(#0a0a0a 0%,#050505 100%);width:100%;height:520px;position:relative;overflow:hidden}.tr-canvas{width:100%;height:100%;position:absolute;inset:0}.tr-info{z-index:5;pointer-events:none;position:absolute;top:.8rem;left:.9rem}.tr-pattern-name{color:#ededed;text-shadow:0 0 12px #ffffff40;font-family:serif;font-size:1.4rem;font-weight:900;line-height:1}.tr-pattern-meta{color:#ffffff80;font-variant-numeric:tabular-nums;letter-spacing:.3px;margin-top:.3rem;font-size:.75rem}.tr-sep{opacity:.5;margin:0 .35rem}.tr-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#080808c7;max-width:calc(100% - 1rem);padding:.5rem .75rem;position:absolute;bottom:.6rem;left:50%;transform:translate(-50%)}.tr-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.tr-field{color:var(--text-secondary);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.tr-field input[type=range]{accent-color:#e5e5e5;width:70px}.tr-field select{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:#0a0a0ad9;padding:.12rem .3rem;font-size:.7rem}.tr-value{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;width:28px;font-size:.7rem}@media (width<=640px){.tr-wrap{height:380px}.tr-pattern-name{font-size:1.1rem}.tr-pattern-meta{font-size:.65rem}.tr-field input[type=range]{width:50px}.tr-field{gap:.2rem;font-size:.65rem}.tr-row{gap:.4rem}}.tr-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.sr-wrap{border:1px solid var(--border-color);border-radius:var(--radius);background:radial-gradient(#0a0a12 0%,#050508 70%,#020203 100%);width:100%;height:520px;position:relative;overflow:hidden}.sr-canvas{width:100%;height:100%;position:absolute;inset:0}.sr-info{z-index:5;pointer-events:none;position:absolute;top:.8rem;left:.9rem}.sr-title{color:#fbbf24;text-shadow:0 0 12px #fbbf244d;font-size:1.3rem;font-weight:900;line-height:1}.sr-meta{color:#fbbf2466;letter-spacing:.5px;margin-top:.25rem;font-size:.7rem}.sr-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#08080cc7;max-width:calc(100% - 1rem);padding:.5rem .75rem;position:absolute;bottom:.6rem;left:50%;transform:translate(-50%)}.sr-wrap.sr-collapsed .sr-panel{padding:.3rem .4rem;left:.6rem;transform:none}.sr-wrap.sr-collapsed .sr-panel .sr-row>:not(.sr-toggle){display:none}.sr-toggle{white-space:nowrap}.sr-lbl-show,.sr-wrap.sr-collapsed .sr-lbl-hide{display:none}.sr-wrap.sr-collapsed .sr-lbl-show{display:inline}.sr-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.sr-field{color:var(--text-secondary);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.sr-field input[type=range]{accent-color:#fbbf24;width:60px}.sr-field select{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:#0a0a10d9;padding:.12rem .3rem;font-size:.7rem}.sr-value{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;width:24px;font-size:.7rem}@media (width<=640px){.sr-wrap{height:380px}.sr-title{font-size:1rem}.sr-meta{font-size:.6rem}.sr-field input[type=range]{width:50px}.sr-field{gap:.2rem;font-size:.65rem}.sr-row{gap:.4rem}}.sr-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.dvd-wrap{border-radius:var(--radius);background:#0a0a1a;width:100%;height:520px;position:relative;overflow:hidden}.dvd-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.dvd-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:.75rem 1rem;padding:10px 14px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.dvd-field{flex-direction:column;gap:.3rem;display:flex}.dvd-field label{color:var(--text-secondary);justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.dvd-val{color:var(--accent-blue,#38bdf8);font-variant-numeric:tabular-nums}.dvd-field input[type=range]{accent-color:#38bdf8;cursor:pointer;width:100%}.dvd-field input[type=text]{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;padding:.35rem .5rem;font-size:.8rem}.dvd-field input[type=text]:focus{border-color:var(--accent-blue,#38bdf8)}.dvd-field select{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:.35rem .5rem;font-size:.8rem}.dvd-btns{gap:.5rem;display:flex}.dvd-btns button{white-space:nowrap;flex:1}.dvd-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.dvd-wrap:fullscreen .dvd-canvas{height:100%}.dvd-wrap:fullscreen .dvd-panel{display:none}@media (width<=640px){.dvd-wrap{height:360px}.dvd-panel{grid-template-columns:1fr 1fr}}.smpte-wrap{border-radius:var(--radius);background:#0a0a1a;width:100%;height:520px;position:relative;overflow:hidden}.smpte-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.smpte-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:.75rem 1rem;padding:10px 14px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.smpte-field{flex-direction:column;gap:.3rem;display:flex}.smpte-field label{color:var(--text-secondary);font-size:.72rem;font-weight:600}.smpte-field select{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:.35rem .5rem;font-size:.8rem}.smpte-inline{flex-direction:row;align-items:center;gap:.5rem}.smpte-inline label{margin:0}.smpte-inline input[type=checkbox]{accent-color:#38bdf8;cursor:pointer;width:18px;height:18px}.smpte-btns{gap:.5rem;display:flex}.smpte-btns button{white-space:nowrap;flex:1}.smpte-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.smpte-wrap:fullscreen .smpte-canvas{height:100%}.smpte-wrap:fullscreen .smpte-panel{display:none}@media (width<=640px){.smpte-wrap{height:360px}.smpte-panel{grid-template-columns:1fr 1fr}}.rw-wrap{border-radius:var(--radius);background:#0a0a1a;width:100%;height:520px;position:relative;overflow:hidden}.rw-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.rw-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:.75rem 1rem;padding:10px 14px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.rw-field{flex-direction:column;gap:.3rem;display:flex}.rw-field label{color:var(--text-secondary);justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.rw-val{color:var(--accent-blue,#38bdf8);font-variant-numeric:tabular-nums}.rw-field input[type=range]{accent-color:#38bdf8;cursor:pointer;width:100%}.rw-field select{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:.35rem .5rem;font-size:.8rem}.rw-btns{gap:.5rem;display:flex}.rw-btns button{white-space:nowrap;flex:1}.rw-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.rw-wrap:fullscreen .rw-canvas{height:100%}.rw-wrap:fullscreen .rw-panel{display:none}@media (width<=640px){.rw-wrap{height:360px}.rw-panel{grid-template-columns:1fr 1fr}}.dop-wrap{border-radius:var(--radius);background:#0a0a1a;width:100%;height:520px;position:relative;overflow:hidden}.dop-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.dop-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:.75rem 1rem;padding:10px 14px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.dop-field{flex-direction:column;gap:.3rem;display:flex}.dop-field label{color:var(--text-secondary);justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.dop-val{color:var(--accent-blue,#38bdf8);font-variant-numeric:tabular-nums}.dop-field input[type=range]{accent-color:#38bdf8;cursor:pointer;width:100%}.dop-field select{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:.35rem .5rem;font-size:.8rem}.dop-btns{gap:.5rem;display:flex}.dop-btns button{white-space:nowrap;flex:1}.dop-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.dop-wrap:fullscreen .dop-canvas{height:100%}.dop-wrap:fullscreen .dop-panel{display:none}@media (width<=640px){.dop-wrap{height:360px}.dop-panel{grid-template-columns:1fr 1fr}}.cr-wrap{border-radius:var(--radius);background:#0a0a1a;width:100%;height:520px;position:relative;overflow:hidden}.cr-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.cr-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:.75rem 1rem;padding:10px 14px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.cr-field{flex-direction:column;gap:.3rem;display:flex}.cr-field label{color:var(--text-secondary);justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.cr-val{color:var(--accent-blue,#38bdf8);font-variant-numeric:tabular-nums}.cr-field input[type=range]{accent-color:#38bdf8;cursor:pointer;width:100%}.cr-field select{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:.35rem .5rem;font-size:.8rem}.cr-btns{gap:.5rem;display:flex}.cr-btns button{white-space:nowrap;flex:1}.cr-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.cr-wrap:fullscreen .cr-canvas{height:100%}.cr-wrap:fullscreen .cr-panel{display:none}@media (width<=640px){.cr-wrap{height:360px}.cr-panel{grid-template-columns:1fr 1fr}}.fe-wrap{border-radius:var(--radius);background:#0a0a1a;width:100%;height:520px;position:relative;overflow:hidden}.fe-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.fe-readout{z-index:9;color:#c8d2ffb3;text-shadow:0 0 8px #0009;pointer-events:none;font-family:monospace;font-size:.74rem;position:absolute;top:10px;left:12px}.fe-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:.75rem 1rem;padding:10px 14px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.fe-field{flex-direction:column;gap:.3rem;display:flex}.fe-field label{color:var(--text-secondary);justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.fe-val{color:var(--accent-blue,#38bdf8);font-variant-numeric:tabular-nums}.fe-field input[type=range]{accent-color:#38bdf8;cursor:pointer;width:100%}.fe-field select{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:.35rem .5rem;font-size:.8rem}.fe-btns{gap:.5rem;display:flex}.fe-btns button{white-space:nowrap;flex:1}.fe-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.fe-wrap:fullscreen .fe-canvas{height:100%}.fe-wrap:fullscreen .fe-panel{display:none}@media (width<=640px){.fe-wrap{height:360px}.fe-panel{grid-template-columns:1fr 1fr}}.nuke-wrap{border-radius:var(--radius);background:#05060a;width:100%;height:560px;position:relative;overflow:hidden}.nuke-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.nuke-panel{backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#080a14c7;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:.75rem 1.1rem;padding:12px 16px;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.nuke-field{flex-direction:column;gap:.3rem;display:flex}.nuke-field label{color:var(--text-secondary);justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.nuke-val{color:var(--accent-blue,#38bdf8);font-variant-numeric:tabular-nums}.nuke-field input[type=range]{accent-color:#38bdf8;cursor:pointer;width:100%}.nuke-field select{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:.35rem .5rem;font-size:.8rem}.nuke-btns{gap:.5rem;display:flex}.nuke-btns button{white-space:nowrap;flex:1}.nuke-wrap:fullscreen{background:#05060a;border-radius:0;width:100vw;height:100vh}.nuke-wrap:fullscreen .nuke-canvas{width:100%;height:100%}.nuke-wrap:fullscreen .nuke-panel{width:calc(100% - 32px);max-width:940px;bottom:20px;left:50%;right:auto;transform:translate(-50%)}@media (width<=640px){.nuke-wrap{height:380px}.nuke-panel{grid-template-columns:1fr 1fr}}.fb-wrap{border-radius:var(--radius);background:#0a0a1a;width:100%;height:520px;position:relative;overflow:hidden}.fb-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.fb-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:.75rem 1rem;padding:10px 14px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.fb-field{flex-direction:column;gap:.3rem;display:flex}.fb-field label{color:var(--text-secondary);justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.fb-val{color:var(--accent-blue,#38bdf8);font-variant-numeric:tabular-nums}.fb-field input[type=range]{accent-color:#38bdf8;cursor:pointer;width:100%}.fb-field select{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:.35rem .5rem;font-size:.8rem}.fb-btns{gap:.5rem;display:flex}.fb-btns button{white-space:nowrap;flex:1}.fb-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.fb-wrap:fullscreen .fb-canvas{height:100%}.fb-wrap:fullscreen .fb-panel{display:none}@media (width<=640px){.fb-wrap{height:360px}.fb-panel{grid-template-columns:1fr 1fr}}.cg-wrap{border-radius:var(--radius);background:#0a0a1a;width:100%;height:520px;position:relative;overflow:hidden}.cg-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.cg-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:.75rem 1rem;padding:10px 14px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.cg-field{flex-direction:column;gap:.3rem;display:flex}.cg-field label{color:var(--text-secondary);justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.cg-val{color:var(--accent-blue,#38bdf8);font-variant-numeric:tabular-nums}.cg-field input[type=range]{accent-color:#38bdf8;cursor:pointer;width:100%}.cg-field select{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:.35rem .5rem;font-size:.8rem}.cg-btns{gap:.5rem;display:flex}.cg-btns button{white-space:nowrap;flex:1}.cg-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.cg-wrap:fullscreen .cg-canvas{height:100%}.cg-wrap:fullscreen .cg-panel{display:none}@media (width<=640px){.cg-wrap{height:360px}.cg-panel{grid-template-columns:1fr 1fr}}.ng-wrap{border-radius:var(--radius);background:#0a0a1a;width:100%;height:520px;position:relative;overflow:hidden}.ng-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.ng-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1ad9;flex-direction:column;gap:10px;padding:12px 16px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.ng-fields{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 16px;display:grid}.ng-field{flex-direction:column;gap:4px;display:flex}.ng-field label{color:var(--text-secondary);justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.ng-val{color:var(--accent-blue,#38bdf8);font-variant-numeric:tabular-nums}.ng-field input[type=range]{accent-color:#38bdf8;cursor:pointer;width:100%}.ng-field select{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:.35rem .5rem;font-size:.8rem}.ng-btns{gap:8px;display:flex}.ng-btns button{white-space:nowrap;flex:1;padding:8px 12px}.ng-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.ng-wrap:fullscreen .ng-canvas{width:100%;height:100%}@media (width<=640px){.ng-wrap{height:360px}.ng-fields{grid-template-columns:1fr 1fr}.ng-field{min-width:0}}.lc-wrap{border-radius:var(--radius);background:#0a0a1a;width:100%;height:520px;position:relative;overflow:hidden}.lc-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.lc-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:.75rem 1rem;padding:10px 14px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.lc-field{flex-direction:column;gap:.3rem;display:flex}.lc-field label{color:var(--text-secondary);justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.lc-val{color:var(--accent-blue,#38bdf8);font-variant-numeric:tabular-nums}.lc-field input[type=range]{accent-color:#38bdf8;cursor:pointer;width:100%}.lc-field select{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:.35rem .5rem;font-size:.8rem}.lc-btns{gap:.5rem;display:flex}.lc-btns button{white-space:nowrap;flex:1}.lc-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.lc-wrap:fullscreen .lc-canvas{height:100%}.lc-wrap:fullscreen .lc-panel{display:none}@media (width<=640px){.lc-wrap{height:360px}.lc-panel{grid-template-columns:1fr 1fr}}.mhd-wrap{border-radius:var(--radius);background:#060614;width:100%;min-height:520px;position:relative;overflow:hidden}.mhd-wrap select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:.8rem}.mhd-wrap input[type=range]{accent-color:#22d3ee;width:90px}.mhd-stage{justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.mhd-svg{width:100%;max-width:640px;height:auto}.mhd-svg #mhd-arrows line{opacity:0;transition:opacity .4s}.mhd-svg.show-pressure #mhd-arrows line{opacity:.7;animation:2s infinite mhd-pulse}@keyframes mhd-pulse{0%,to{opacity:.5}50%{opacity:.9}}.mhd-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;flex-wrap:wrap;align-items:end;gap:12px;padding:10px 14px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.mhd-field{flex-direction:column;gap:4px;display:flex}.mhd-field label{color:var(--text-secondary);font-size:.7rem}.mhd-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .15s}.mhd-btn:hover{border-color:var(--accent-color)}.mhd-btn-primary{color:#060614;background:#22d3ee;border-color:#22d3ee}.mhd-btn-primary:hover{background:#06b6d4}.mhd-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.mhd-wrap:fullscreen .mhd-panel{display:none}@media (width<=640px){.mhd-wrap{min-height:360px}}.hpc-wrap{border-radius:var(--radius);background:#0a0a1a;width:100%;min-height:520px;position:relative;overflow:hidden}.hpc-wrap select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:.8rem}.hpc-wrap input[type=range]{accent-color:#ec4899;width:70px}.hpc-wrap input[type=color]{border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;border-radius:4px;width:40px;height:28px}.hpc-canvas{cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.hpc-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;flex-wrap:wrap;align-items:end;gap:12px;padding:10px 14px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.hpc-field{flex-direction:column;gap:4px;display:flex}.hpc-field label{color:var(--text-secondary);font-size:.7rem}.hpc-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .15s}.hpc-btn:hover{border-color:var(--accent-color)}.hpc-btn-primary{color:#fff;background:#ec4899;border-color:#ec4899}.hpc-btn-primary:hover{background:#db2777}.hpc-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.hpc-wrap:fullscreen .hpc-panel{display:none}@media (width<=640px){.hpc-wrap{min-height:360px}}.hpc-hint{color:var(--text-secondary);border:1px solid var(--border-color);z-index:11;pointer-events:none;background:#0a0a1ab3;border-radius:999px;padding:5px 14px;font-size:.72rem;display:none;position:absolute;top:12px;left:50%;transform:translate(-50%)}.hpc-hint.show{display:block}.hpc-thumbs{z-index:11;flex-wrap:wrap;gap:6px;max-height:50%;display:none;position:absolute;top:12px;left:12px;right:12px;overflow:auto}.hpc-thumbs.show{display:flex}.hpc-thumb{clip-path:url(#hpc-heart-clip);cursor:pointer;filter:drop-shadow(0 2px 3px #00000073);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;outline:none;width:38px;height:38px;padding:0;transition:transform .15s,filter .15s}.hpc-thumb:hover{filter:drop-shadow(0 3px 5px #0009);transform:scale(1.12)}.hpc-thumb.is-selected{filter:drop-shadow(0 0 #fff)drop-shadow(0 0 4px #ec4899)drop-shadow(0 0 8px #ec4899);transform:scale(1.12)}.heart-tree-c2-container[data-astro-cid-hbfkbbfu]{border-radius:var(--radius);overflow:hidden}.htc2-controls[data-astro-cid-hbfkbbfu]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.htc2-controls[data-astro-cid-hbfkbbfu] button[data-astro-cid-hbfkbbfu]{white-space:nowrap}.control-group[data-astro-cid-hbfkbbfu]{flex-direction:column;gap:.25rem;display:flex}.control-group[data-astro-cid-hbfkbbfu] label[data-astro-cid-hbfkbbfu]{color:var(--text-muted);font-size:.75rem}.control-group[data-astro-cid-hbfkbbfu] select[data-astro-cid-hbfkbbfu],.control-group[data-astro-cid-hbfkbbfu] input[data-astro-cid-hbfkbbfu][type=range]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:.35rem .6rem;font-size:.85rem}.toggle-label[data-astro-cid-hbfkbbfu]{cursor:pointer;align-items:center;gap:.4rem;display:flex;color:var(--text-primary)!important;font-size:.85rem!important}.htc2-text-group[data-astro-cid-hbfkbbfu] input[data-astro-cid-hbfkbbfu][type=text]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:180px;padding:.35rem .6rem;font-size:.85rem}.htc2-screen[data-astro-cid-hbfkbbfu]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);min-height:520px;position:relative;overflow:hidden}.htc2-screen[data-astro-cid-hbfkbbfu]:fullscreen{background:#000;border-radius:0;width:100vw;max-width:none;height:100vh;min-height:100vh;margin:0}.htc2-screen[data-astro-cid-hbfkbbfu]:fullscreen #htc2-canvas[data-astro-cid-hbfkbbfu]{width:100vw;height:100vh}#htc2-canvas[data-astro-cid-hbfkbbfu]{width:100%;height:520px;display:block}@media (width<=768px){.htc2-controls[data-astro-cid-hbfkbbfu]{flex-direction:column;align-items:stretch}#htc2-canvas[data-astro-cid-hbfkbbfu]{height:420px}.htc2-screen[data-astro-cid-hbfkbbfu]{min-height:420px}}@media (width<=480px){#htc2-canvas[data-astro-cid-hbfkbbfu]{height:360px}.htc2-screen[data-astro-cid-hbfkbbfu]{min-height:360px}}.s3d-wrap{border-radius:var(--radius);user-select:none;background:radial-gradient(at bottom,#1b2735 0%,#090a0f 100%);width:100%;min-height:600px;position:relative;overflow:hidden}.s3d-wrap select,.s3d-wrap input[type=text]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;font-size:.8rem}.s3d-wrap input[type=range]{accent-color:#ec4899;width:70px}.s3d-stars{z-index:1;width:100%;height:100%;position:absolute;inset:0}.s3d-photo-bg{z-index:1;opacity:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.s3d-stage{z-index:2;perspective:900px;perspective-origin:50% 45%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.s3d-ring{width:460px;height:460px;transform-style:preserve-3d;transition:transform .1s linear;position:relative}.s3d-ring-item{cursor:pointer;background:#ffffff0d;border:3px solid #ffffff40;border-radius:8px;width:150px;height:113px;margin-top:-56.5px;margin-left:-75px;transition:border-color .3s,box-shadow .3s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 0 20px #ec489933}.s3d-ring-item:hover{z-index:999;border-color:#ec4899e6;box-shadow:0 0 30px #ec489980}.s3d-ring-item img{object-fit:cover;width:100%;height:100%}.s3d-ring-item.placeholder{color:#ffffff4d;justify-content:center;align-items:center;font-size:2rem;display:flex}.s3d-center{text-align:center;pointer-events:none;position:absolute}.s3d-wrap:fullscreen{min-height:100vh}.s3d-wrap:fullscreen .s3d-stage{perspective:50vw}.s3d-wrap:fullscreen .s3d-ring{width:44vw;height:44vw}.s3d-wrap:fullscreen .s3d-ring-item{border-width:4px;width:13.5vw;height:10vw;margin-top:-5vw;margin-left:-6.75vw}.s3d-wrap:fullscreen .s3d-center-title{font-size:2.8vw}.s3d-wrap:fullscreen .s3d-center-sub{font-size:1.4vw}.s3d-wrap:fullscreen .s3d-panel{padding:14px 20px}.s3d-center-title{color:#ec4899;text-shadow:0 0 20px #ec489999;letter-spacing:.1em;font-size:1.8rem;font-weight:700}.s3d-center-sub{color:#fff9;margin-top:6px;font-size:1rem}.s3d-reflect{z-index:1;pointer-events:none;background:linear-gradient(#090a0f00 0%,#090a0f66 30%,#090a0fd9 100%);position:absolute;inset:50% 0 0}.s3d-panel{backdrop-filter:blur(10px);border-radius:var(--radius-sm);z-index:10;background:#0a0a14b3;border:1px solid #ffffff1a;flex-wrap:wrap;align-items:end;gap:12px;padding:10px 14px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.s3d-field{flex-direction:column;gap:4px;display:flex}.s3d-field label{color:#fff9;font-size:.7rem}.s3d-btn{color:#ffffffd9;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:6px 14px;font-size:.8rem;transition:all .2s}.s3d-btn:hover{background:#ffffff26;border-color:#ffffff59}.s3d-btn-primary{color:#fff;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-color:#0000}.s3d-btn-primary:hover{opacity:.9}@media (width<=640px){.s3d-ring{width:360px;height:360px}.s3d-ring-item{width:110px;height:82px;margin-top:-41px;margin-left:-55px}.s3d-center-title{font-size:1.3rem}}.cube-wrap{border-radius:var(--radius);user-select:none;background:radial-gradient(#1a1030 0%,#0a0515 100%);width:100%;min-height:560px;position:relative;overflow:hidden}.cube-wrap select,.cube-wrap input[type=text]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;font-size:.8rem}.cube-wrap input[type=range]{accent-color:#ec4899;width:70px}.cube-hearts{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cube-photo-bg{z-index:1;opacity:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.cube-video-bg{z-index:1;opacity:0;pointer-events:none;background:#05030ceb;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.cube-video-bg video{object-fit:contain;background:#000;width:100%;height:100%}.cube-video-close,.cube-video-pause{z-index:5;color:#fff;cursor:pointer;backdrop-filter:blur(4px);background:#ffffff24;border:1px solid #ffffff4d;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;display:flex;position:absolute}.cube-video-close{top:12px;right:12px}.cube-video-close:hover{background:#ef444480}.cube-video-pause{bottom:14px;right:14px}.cube-video-pause:hover{background:#ffffff47}.cube-hint{z-index:3;color:#ffffff8c;pointer-events:none;white-space:nowrap;background:#0f081980;border:1px solid #ffffff14;border-radius:999px;padding:4px 12px;font-size:.72rem;position:absolute;top:12px;left:50%;transform:translate(-50%)}.cube-stage{z-index:2;perspective:600px;perspective-origin:50%;width:160px;height:160px;margin-top:-110px;margin-left:-80px;position:absolute;top:50%;left:50%}.cube-outer{width:160px;height:160px;transform-style:preserve-3d;transition:transform 50ms linear;position:absolute}.cube-outer .cube-face{background:#ec489914;border:2px solid #ec489966;border-radius:4px;width:160px;height:160px;transition:all .4s;position:absolute}.cube-outer:hover .cube-face{background:#ec48991f;border-color:#ec4899b3}.cube-outer-front{transform:translateZ(80px)}.cube-outer-back{transform:rotateY(180deg)translateZ(80px)}.cube-outer-left{transform:rotateY(-90deg)translateZ(80px)}.cube-outer-right{transform:rotateY(90deg)translateZ(80px)}.cube-outer-top{transform:rotateX(90deg)translateZ(80px)}.cube-outer-bottom{transform:rotateX(-90deg)translateZ(80px)}.cube-stage .cube-outer.expanded .cube-outer-front{transform:translateZ(140px)}.cube-stage .cube-outer.expanded .cube-outer-back{transform:rotateY(180deg)translateZ(140px)}.cube-stage .cube-outer.expanded .cube-outer-left{transform:rotateY(-90deg)translateZ(140px)}.cube-stage .cube-outer.expanded .cube-outer-right{transform:rotateY(90deg)translateZ(140px)}.cube-stage .cube-outer.expanded .cube-outer-top{transform:rotateX(90deg)translateZ(140px)}.cube-stage .cube-outer.expanded .cube-outer-bottom{transform:rotateX(-90deg)translateZ(140px)}.cube-inner{width:120px;height:120px;transform-style:preserve-3d;transition:transform 50ms linear;position:absolute;top:20px;left:20px}.cube-inner .cube-face{color:#ffffff4d;background:#ffffff08;border:1px solid #ec489980;border-radius:3px;justify-content:center;align-items:center;width:120px;height:120px;font-size:2.5rem;display:flex;position:absolute;overflow:hidden}.cube-inner-front{transform:translateZ(60px)}.cube-inner-back{transform:rotateY(180deg)translateZ(60px)}.cube-inner-left{transform:rotateY(-90deg)translateZ(60px)}.cube-inner-right{transform:rotateY(90deg)translateZ(60px)}.cube-inner-top{transform:rotateX(90deg)translateZ(60px)}.cube-inner-bottom{transform:rotateX(-90deg)translateZ(60px)}.cube-inner .cube-face img{object-fit:cover;width:100%;height:100%}.cube-bottom-text{z-index:2;color:#ec4899cc;text-shadow:0 0 20px #ec489966;letter-spacing:.1em;pointer-events:none;font-size:1.2rem;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.cube-panel{backdrop-filter:blur(10px);border-radius:var(--radius-sm);z-index:10;background:#0f0819bf;border:1px solid #ffffff1a;flex-wrap:wrap;align-items:end;gap:12px;padding:10px 14px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.cube-mode-group{gap:4px;display:flex}.cube-mode-btn{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:6px 14px;font-size:.8rem;transition:all .2s}.cube-mode-btn:hover{background:#ffffff26}.cube-mode-btn.active{color:#fff;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-color:#0000;font-weight:600}.cube-field{flex-direction:column;gap:4px;display:flex}.cube-field label{color:#fff9;font-size:.7rem}.cube-btn{color:#ffffffd9;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:6px 14px;font-size:.8rem;transition:all .2s}.cube-btn:hover{background:#ffffff26;border-color:#ffffff59}.cube-btn-primary{color:#fff;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-color:#0000}.cube-btn-primary:hover{opacity:.9}.cube-wrap:fullscreen{min-height:100vh}.cube-wrap:fullscreen .cube-stage{perspective:1200px;width:33vw;height:33vw;margin-top:-22vw;margin-left:-16.5vw}.cube-wrap:fullscreen .cube-outer{width:33vw;height:33vw}.cube-wrap:fullscreen .cube-outer .cube-face{border-width:3px;width:33vw;height:33vw}.cube-wrap:fullscreen .cube-outer-front{transform:translateZ(16.5vw)}.cube-wrap:fullscreen .cube-outer-back{transform:rotateY(180deg)translateZ(16.5vw)}.cube-wrap:fullscreen .cube-outer-left{transform:rotateY(-90deg)translateZ(16.5vw)}.cube-wrap:fullscreen .cube-outer-right{transform:rotateY(90deg)translateZ(16.5vw)}.cube-wrap:fullscreen .cube-outer-top{transform:rotateX(90deg)translateZ(16.5vw)}.cube-wrap:fullscreen .cube-outer-bottom{transform:rotateX(-90deg)translateZ(16.5vw)}.cube-wrap:fullscreen .cube-stage .cube-outer.expanded .cube-outer-front{transform:translateZ(28vw)}.cube-wrap:fullscreen .cube-stage .cube-outer.expanded .cube-outer-back{transform:rotateY(180deg)translateZ(28vw)}.cube-wrap:fullscreen .cube-stage .cube-outer.expanded .cube-outer-left{transform:rotateY(-90deg)translateZ(28vw)}.cube-wrap:fullscreen .cube-stage .cube-outer.expanded .cube-outer-right{transform:rotateY(90deg)translateZ(28vw)}.cube-wrap:fullscreen .cube-stage .cube-outer.expanded .cube-outer-top{transform:rotateX(90deg)translateZ(28vw)}.cube-wrap:fullscreen .cube-stage .cube-outer.expanded .cube-outer-bottom{transform:rotateX(-90deg)translateZ(28vw)}.cube-wrap:fullscreen .cube-inner{width:24vw;height:24vw;top:4.5vw;left:4.5vw}.cube-wrap:fullscreen .cube-inner .cube-face{width:24vw;height:24vw;font-size:5vw}.cube-wrap:fullscreen .cube-inner-front{transform:translateZ(12vw)}.cube-wrap:fullscreen .cube-inner-back{transform:rotateY(180deg)translateZ(12vw)}.cube-wrap:fullscreen .cube-inner-left{transform:rotateY(-90deg)translateZ(12vw)}.cube-wrap:fullscreen .cube-inner-right{transform:rotateY(90deg)translateZ(12vw)}.cube-wrap:fullscreen .cube-inner-top{transform:rotateX(90deg)translateZ(12vw)}.cube-wrap:fullscreen .cube-inner-bottom{transform:rotateX(-90deg)translateZ(12vw)}.cube-wrap:fullscreen .cube-bottom-text{font-size:2.2vw;bottom:10vh}@media (width<=640px){.cube-stage{width:120px;height:120px;margin-top:-90px;margin-left:-60px}.cube-outer,.cube-outer .cube-face{width:120px;height:120px}.cube-outer-front{transform:translateZ(60px)}.cube-outer-back{transform:rotateY(180deg)translateZ(60px)}.cube-outer-left{transform:rotateY(-90deg)translateZ(60px)}.cube-outer-right{transform:rotateY(90deg)translateZ(60px)}.cube-outer-top{transform:rotateX(90deg)translateZ(60px)}.cube-outer-bottom{transform:rotateX(-90deg)translateZ(60px)}.cube-inner{width:90px;height:90px;top:15px;left:15px}.cube-inner .cube-face{width:90px;height:90px}.cube-inner-front{transform:translateZ(45px)}.cube-inner-back{transform:rotateY(180deg)translateZ(45px)}.cube-inner-left{transform:rotateY(-90deg)translateZ(45px)}.cube-inner-right{transform:rotateY(90deg)translateZ(45px)}.cube-inner-top{transform:rotateX(90deg)translateZ(45px)}.cube-inner-bottom{transform:rotateX(-90deg)translateZ(45px)}}.bln-wrap{border-radius:var(--radius);background:#0a0a2e;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:520px;display:flex;position:relative;overflow:hidden}.bln-wrap input[type=text]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;width:160px;padding:4px 8px;font-size:.8rem}.bln-wrap input[type=range]{accent-color:#ec4899;width:70px}.bln-sky{background:linear-gradient(#87ceeb 0%,#c9e4f7 30%,#e8f4fd 55%,#fce4ec 80%,#f8bbd0 100%);position:absolute;inset:0}.bln-cloud{background:#ffffffd9;border-radius:50px;width:120px;height:50px;animation:linear infinite bln-cloud-drift;position:absolute}.bln-cloud:before{content:"";background:inherit;border-radius:50%;width:50px;height:50px;position:absolute;top:-25px;left:20px}.bln-cloud:after{content:"";background:inherit;border-radius:50%;width:40px;height:40px;position:absolute;top:-18px;right:20px}.bln-cloud-1{animation-duration:35s;top:8%;left:10%;transform:scale(1.4)}.bln-cloud-2{animation-duration:45s;top:15%;left:65%;transform:scale(1.1)}.bln-cloud-3{animation-duration:28s;top:5%;left:40%;transform:scale(.9)}@keyframes bln-cloud-drift{0%{transform:translateX(0) scale(var(--s,1))}50%{transform:translateX(40px) scale(var(--s,1))}to{transform:translateX(0) scale(var(--s,1))}}.bln-balloons{z-index:2;pointer-events:none;position:absolute;inset:0}.bln-balloon{flex-direction:column;align-items:center;animation:linear infinite bln-rise;display:flex;position:absolute;bottom:-180px}.bln-balloon-body{border-radius:50%/40% 40% 60% 60%;width:50px;height:60px;position:relative}.bln-balloon-body:before{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:10px solid inherit;border-top-color:inherit;width:0;height:0;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.bln-balloon-knot{background:#969696b3;width:2px;height:14px}.bln-balloon-string{background:#96969666;width:1px;height:50px;animation:1.5s ease-in-out infinite bln-string-wave}@keyframes bln-rise{0%{opacity:1;transform:translateY(0)rotate(0)}10%{transform:translateY(-10vh)rotate(2deg)}30%{transform:translateY(-30vh)rotate(-3deg)}50%{opacity:1;transform:translateY(-50vh)rotate(1deg)}70%{transform:translateY(-70vh)rotate(-2deg)}90%{opacity:.6;transform:translateY(-90vh)rotate(3deg)}to{opacity:0;transform:translateY(-100vh)rotate(0)}}@keyframes bln-string-wave{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.bln-message{z-index:3;color:#e91e63;text-shadow:0 2px 10px #e91e634d,0 0 30px #e91e6326;text-align:center;font-size:2rem;font-weight:700;animation:2s ease-in-out infinite bln-text-pulse;position:relative}.bln-sub-message{z-index:3;color:#fffc;text-shadow:0 1px 5px #0003;margin-top:8px;font-size:1rem;position:relative}@keyframes bln-text-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.bln-panel{backdrop-filter:blur(10px);border-radius:var(--radius-sm);z-index:10;background:#0000004d;border:1px solid #ffffff26;flex-wrap:wrap;align-items:end;gap:12px;padding:10px 14px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.bln-field{flex-direction:column;gap:4px;display:flex}.bln-field label{color:#ffffffb3;font-size:.7rem}.bln-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;padding:6px 14px;font-size:.8rem;transition:all .2s}.bln-btn:hover{background:#fff3;border-color:#ffffff73}.bln-btn-primary{background:linear-gradient(135deg,#ec4899,#db2777);border-color:#0000}.bln-btn-primary:hover{opacity:.9}@media (width<=640px){.bln-message{font-size:1.4rem}.bln-sub-message{font-size:.8rem}}.atm-wrap{border-radius:var(--radius);background:#060614;width:100%;min-height:520px;position:relative;overflow:hidden}.atm-wrap select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:.8rem}.atm-wrap input[type=range]{accent-color:#6366f1;width:70px}.atm-stage{align-items:stretch;gap:16px;padding:20px;display:flex;position:absolute;inset:0}.atm-svg{flex:1;max-width:55%;height:100%}.atm-layer-rect{transition:fill-opacity .3s,stroke-width .3s}.atm-layer-group:hover .atm-layer-rect{fill-opacity:.6;stroke-width:3px}.atm-layer-group.active .atm-layer-rect{fill-opacity:.7;stroke-width:3px;stroke:#c4b5fd}.atm-temp-label{transition:opacity .3s}.atm-svg.hide-temp .atm-temp-label{opacity:0}.atm-anim-cloud{animation:20s linear infinite atm-cloud-move}@keyframes atm-cloud-move{0%{transform:translate(0)}to{transform:translate(200px)}}.atm-anim-plane{animation:15s linear infinite atm-plane-move}@keyframes atm-plane-move{0%{transform:translate(-60px)}to{transform:translate(60px)}}.atm-anim-satellite{transform-origin:200px 520px;animation:10s linear infinite atm-sat-orbit}@keyframes atm-sat-orbit{0%{transform:rotate(0)translateY(-460px)rotate(0)}to{transform:rotate(360deg)translateY(-460px)rotate(-360deg)}}.atm-anim-meteor{animation:4s linear infinite atm-meteor-fall}@keyframes atm-meteor-fall{0%{opacity:0;transform:translate(100px,-100px)}20%{opacity:.8}to{opacity:0;transform:translate(-80px,200px)}}.atm-detail{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#1e1b4b4d;flex:1;max-height:100%;padding:16px;overflow-y:auto}.atm-detail-title{color:#c4b5fd;margin-bottom:8px;font-size:1rem;font-weight:700}.atm-detail-body{color:#a5b4fc;font-size:.82rem;line-height:1.6}.atm-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;flex-wrap:wrap;align-items:end;gap:12px;padding:10px 14px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.atm-field{flex-direction:column;gap:4px;display:flex}.atm-field label{color:var(--text-secondary);font-size:.7rem}.atm-toggle{cursor:pointer;align-items:center;display:inline-flex}.atm-toggle input{display:none}.atm-toggle span{background:#475569;border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.atm-toggle span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.atm-toggle input:checked+span{background:#6366f1}.atm-toggle input:checked+span:after{transform:translate(16px)}.atm-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .15s}.atm-btn:hover{border-color:var(--accent-color)}.atm-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.atm-wrap:fullscreen .atm-panel{display:none}@media (width<=640px){.atm-wrap{min-height:360px}.atm-stage{flex-direction:column}.atm-svg{max-width:100%;max-height:60%}}.cel-wrap{border-radius:var(--radius);background:#050510;width:100%;min-height:520px;position:relative;overflow:hidden}.cel-wrap select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:.8rem}.cel-stage{align-items:stretch;gap:16px;padding:20px;display:flex;position:absolute;inset:0}.cel-svg{flex:1;max-width:55%;height:100%}.cel-svg .cel-layer-arc{cursor:pointer;transition:fill-opacity .3s,stroke-width .3s}.cel-svg .cel-layer-arc:hover{fill-opacity:.85;stroke-width:3px}.cel-svg .cel-layer-arc.active{fill-opacity:.8;stroke-width:3px}.cel-svg .cel-label{fill:#e2e8f0;text-anchor:middle;pointer-events:none;font-size:10px;transition:opacity .3s}.cel-svg.hide-labels .cel-label{opacity:0}.cel-corona{transform-origin:230px 230px;animation:4s ease-in-out infinite cel-pulse}@keyframes cel-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.cel-info{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#1e1e3c4d;flex:1;max-height:100%;padding:16px;overflow-y:auto}.cel-info-title{color:#c4b5fd;margin-bottom:8px;font-size:1rem;font-weight:700}.cel-info-body{color:#a5b4fc;font-size:.82rem;line-height:1.6}.cel-info-body .cel-layer-item{border-bottom:1px solid #6366f11a;padding:6px 0}.cel-info-body .cel-layer-item:last-child{border-bottom:none}.cel-info-body .cel-layer-name{color:#ddd6fe;font-weight:600}.cel-info-body .cel-layer-desc{opacity:.8;margin-top:2px;font-size:.75rem}.cel-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;flex-wrap:wrap;align-items:end;gap:12px;padding:10px 14px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.cel-field{flex-direction:column;gap:4px;display:flex}.cel-field label{color:var(--text-secondary);font-size:.7rem}.cel-toggle{cursor:pointer;align-items:center;display:inline-flex}.cel-toggle input{display:none}.cel-toggle span{background:#475569;border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.cel-toggle span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.cel-toggle input:checked+span{background:#8b5cf6}.cel-toggle input:checked+span:after{transform:translate(16px)}.cel-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .15s}.cel-btn:hover{border-color:var(--accent-color)}.cel-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.cel-wrap:fullscreen .cel-panel{display:none}@media (width<=640px){.cel-wrap{min-height:360px}.cel-stage{flex-direction:column}.cel-svg{max-width:100%;max-height:55%}}.swf-wrap{border-radius:var(--radius);background:#040408;width:100%;min-height:520px;position:relative;overflow:hidden}.swf-wrap select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:.8rem}.swf-wrap input[type=range]{accent-color:#22d3ee;width:70px}.swf-canvas{width:100%;height:100%;position:absolute;inset:0}.swf-readout{z-index:5;color:#22d3ee;font-variant-numeric:tabular-nums;gap:16px;font-family:monospace;font-size:.75rem;display:flex;position:absolute;top:8px;left:12px}.swf-readout span{background:#00000080;border-radius:4px;padding:2px 8px}.swf-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;flex-wrap:wrap;align-items:end;gap:12px;padding:10px 14px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.swf-field{flex-direction:column;gap:4px;display:flex}.swf-field label{color:var(--text-secondary);font-size:.7rem}.swf-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .15s}.swf-btn:hover{border-color:var(--accent-color)}.swf-btn-primary{color:#040408;background:#22d3ee;border-color:#22d3ee}.swf-btn-primary:hover{background:#06b6d4}.swf-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.swf-wrap:fullscreen .swf-panel{display:none}@media (width<=640px){.swf-wrap{min-height:360px}}.spm-wrap{border-radius:var(--radius);background:#060610;width:100%;min-height:520px;position:relative;overflow:hidden}.spm-wrap select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:.8rem}.spm-wrap input[type=range]{accent-color:#f59e0b;width:70px}.spm-canvas{cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.spm-stats{z-index:5;color:#fbbf24;font-variant-numeric:tabular-nums;gap:12px;font-family:monospace;font-size:.72rem;display:flex;position:absolute;top:8px;left:12px}.spm-stats span{background:#00000080;border-radius:4px;padding:2px 8px}.spm-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;flex-wrap:wrap;align-items:end;gap:12px;padding:10px 14px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.spm-field{flex-direction:column;gap:4px;display:flex}.spm-field label{color:var(--text-secondary);font-size:.7rem}.spm-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .15s}.spm-btn:hover{border-color:var(--accent-color)}.spm-btn-primary{color:#060610;background:#f59e0b;border-color:#f59e0b}.spm-btn-primary:hover{background:#d97706}.spm-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.spm-wrap:fullscreen .spm-panel{display:none}@media (width<=640px){.spm-wrap{min-height:360px}}.la-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:#0a0a1a;width:100%;height:520px;position:relative;overflow:hidden}.la-container{width:100%;height:100%;position:absolute;inset:0}.la-container canvas{touch-action:none;display:block}.la-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1abf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.la-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.la-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.la-label{white-space:nowrap;min-width:70px}.la-field input[type=range]{accent-color:#f97316;width:80px}.la-val{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.la-hint{text-align:center;color:var(--text-secondary);margin-top:6px;font-size:12px}.la-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.la-wrap:fullscreen .la-panel{display:none}@media (width<=640px){.la-wrap{height:360px}.la-field input[type=range]{width:55px}.la-field{font-size:12px}}.tf-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:#050518;width:100%;height:520px;position:relative;overflow:hidden}.tf-container{width:100%;height:100%;position:absolute;inset:0}.tf-container canvas{touch-action:none;display:block}.tf-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#050518bf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.tf-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.tf-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.tf-label{white-space:nowrap}.tf-field input[type=range]{accent-color:#38bdf8;width:80px}.tf-val{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.tf-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}.tf-hint{text-align:center;color:var(--text-secondary);margin-top:6px;font-size:12px}.tf-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.tf-wrap:fullscreen .tf-panel{display:none}@media (width<=640px){.tf-wrap{height:360px}.tf-field input[type=range]{width:55px}.tf-field{font-size:12px}}.pr-wrap{flex-direction:column;gap:12px;width:100%;display:flex}.pr-container{background:0 0;width:100%;height:60vh;min-height:360px;position:relative;overflow:hidden}.pr-container canvas{touch-action:none;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.pr-controls{color:#e8eaf0;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.pr-row{flex-direction:column;gap:10px;display:flex}.pr-field{color:#c7cad4;align-items:center;gap:8px;font-size:13px;display:flex}.pr-label{white-space:nowrap;min-width:64px}.pr-field input[type=range]{accent-color:#22d3ee;cursor:pointer;background:0 0;flex:1;min-width:80px;height:22px}.pr-val{text-align:right;font-variant-numeric:tabular-nums;color:#e8eaf0;min-width:42px;font-family:Courier New,monospace;font-size:12px}.pr-action{color:#e8eaf0;cursor:pointer;background:#00000059;border:1px solid #ffffff29;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:12.5px;transition:all .18s}.pr-action:hover{color:#22d3ee;border-color:#22d3ee}.pr-action.active{color:#22d3ee;background:#22d3ee2e;border-color:#22d3ee}.pr-hint{text-align:center;color:#aab0c0;margin-top:6px;font-size:12px}.pr-wrap.pr-fs .pr-container,.pr-container:fullscreen{z-index:99998;border:none;border-radius:0;width:100%;height:100%;position:fixed;inset:0}.pr-wrap.pr-fs .pr-controls,.pr-container:fullscreen~.pr-controls{display:none}@media (width<=640px){.pr-container{height:52vh}.pr-field input[type=range]{min-width:60px}.pr-field{font-size:12px}}.vb-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:#05030f;width:100%;height:520px;position:relative;overflow:hidden}.vb-container{width:100%;height:100%;position:absolute;inset:0}.vb-container canvas{touch-action:none;display:block}.vb-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#05030fbf;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.vb-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.vb-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.vb-label{white-space:nowrap}.vb-field input[type=range]{accent-color:#f43f5e;width:80px}.vb-val{text-align:right;font-variant-numeric:tabular-nums;min-width:38px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.vb-hint{text-align:center;color:var(--text-secondary);margin-top:6px;font-size:12px}.vb-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.vb-wrap:fullscreen .vb-panel{display:none}@media (width<=640px){.vb-wrap{height:360px}.vb-field input[type=range]{width:55px}.vb-field{font-size:12px}}.mb-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:#04111f;width:100%;height:520px;position:relative;overflow:hidden}.mb-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mb-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#04111fc7;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.mb-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.mb-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.mb-label{white-space:nowrap}.mb-field input[type=range]{accent-color:#22d3ee;width:80px}.mb-val{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.mb-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}.mb-hint{text-align:center;color:var(--text-secondary);margin-top:6px;font-size:12px}.mb-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.mb-wrap:fullscreen .mb-panel{display:none}@media (width<=640px){.mb-wrap{height:360px}.mb-field input[type=range]{width:55px}.mb-field{font-size:12px}}.pu-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:#0a0a1a;width:100%;height:520px;position:relative;overflow:hidden}.pu-container{width:100%;height:100%;position:absolute;inset:0}.pu-container canvas{touch-action:none;display:block}.pu-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0a1ac7;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.pu-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.pu-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.pu-label{white-space:nowrap}.pu-field input[type=range]{accent-color:#a855f7;width:90px}.pu-val{text-align:right;font-variant-numeric:tabular-nums;min-width:38px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.pu-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}.pu-hint{text-align:center;color:var(--text-secondary);margin-top:6px;font-size:12px}.pu-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.pu-wrap:fullscreen .pu-panel{display:none}@media (width<=640px){.pu-wrap{height:360px}.pu-field input[type=range]{width:60px}.pu-field{font-size:12px}}.pa-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:#0b0b1a;width:100%;height:520px;position:relative;overflow:hidden}.pa-container{width:100%!important;max-width:none!important;height:100%!important;margin:0!important;position:absolute!important;inset:0!important}.pa-container canvas{touch-action:none;cursor:grab;width:100%!important;height:100%!important;display:block!important}.pa-container canvas:active{cursor:grabbing}.pa-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0b0b1ac7;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.pa-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.pa-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.pa-label{white-space:nowrap}.pa-field input[type=range]{accent-color:#ec4899;width:80px}.pa-val{text-align:right;font-variant-numeric:tabular-nums;min-width:36px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.pa-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}.pa-hint{text-align:center;color:var(--text-secondary);margin-top:6px;font-size:12px}.pa-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.pa-wrap:fullscreen .pa-panel{display:none}.pa-exit{z-index:99;color:#fff;cursor:pointer;opacity:0;background:#00000080;border:1px solid #ffffff4d;border-radius:50%;width:40px;height:40px;font-size:16px;transition:opacity .2s;display:none;position:fixed;top:14px;right:14px}.pa-wrap:fullscreen .pa-exit{display:block}.pa-wrap:fullscreen .pa-exit:hover{opacity:1}@media (width<=640px){.pa-wrap{height:360px}.pa-field input[type=range]{width:55px}.pa-field{font-size:12px}}.ns-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:#01010a;width:100%;height:520px;position:relative;overflow:hidden}.ns-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ns-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#01010acc;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.ns-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.ns-field{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:inline-flex}.ns-label{white-space:nowrap}.ns-field input[type=range]{accent-color:#818cf8;width:80px}.ns-field input[type=number],.ns-field input[type=datetime-local]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 6px;font-size:13px}.ns-val{text-align:right;font-variant-numeric:tabular-nums;min-width:38px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.ns-hint{text-align:center;color:var(--text-secondary);margin-top:6px;font-size:12px}.ns-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.ns-wrap:fullscreen .ns-panel{display:none}@media (width<=640px){.ns-wrap{height:360px}.ns-field input[type=range]{width:55px}.ns-field{font-size:12px}}.as-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:#0a0805;width:100%;height:520px;position:relative;overflow:hidden}.as-container{width:100%;height:100%;position:absolute;inset:0}.as-container canvas{touch-action:none;display:block}.as-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#0a0805c7;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.as-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.as-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.as-label{white-space:nowrap}.as-field input[type=range]{accent-color:#d4af37;width:80px}.as-val{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.as-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px}.as-hint{text-align:center;color:var(--text-secondary);margin-top:6px;font-size:12px}.as-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.as-wrap:fullscreen .as-panel{display:none}@media (width<=640px){.as-wrap{height:360px}.as-field input[type=range]{width:55px}.as-field{font-size:12px}}.pf-wrap{border-radius:var(--radius);border:1px solid var(--border-color);background:#04121c;width:100%;height:520px;position:relative;overflow:hidden}.pf-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pf-panel{backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#04121ccc;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.pf-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.pf-field{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.pf-label{white-space:nowrap}.pf-field input[type=range]{accent-color:#06b6d4;width:80px}.pf-val{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;color:var(--text-primary);font-family:Courier New,monospace;font-size:12px}.pf-hint{text-align:center;color:var(--text-secondary);margin-top:6px;font-size:12px}.pf-wrap:fullscreen{border-radius:0;width:100vw;height:100vh}.pf-wrap:fullscreen .pf-canvas{width:100%;height:100%}.pf-wrap:fullscreen .pf-panel{display:none}@media (width<=640px){.pf-wrap{height:360px}.pf-field input[type=range]{width:55px}.pf-field{font-size:12px}}.csprank-wrap{flex-direction:column;align-items:stretch;gap:0;width:100%;display:flex}.csprank-wrap .fs-toolbar{background:var(--bg-card,#1a1a2e);border:1px solid var(--border-color,#333);border-radius:var(--radius,8px) var(--radius,8px) 0 0;border-bottom:none;flex-wrap:wrap;align-items:center;gap:.6rem;padding:10px 14px;display:flex}.csprank-wrap .fs-toolbar .btn-primary{color:#fff;border-radius:var(--radius-sm,4px);cursor:pointer;background:linear-gradient(135deg,#ef4444,#b91c1c);border:none;padding:6px 16px;font-size:13px;font-weight:600}.csprank-wrap .fs-toolbar .btn-primary:hover{opacity:.9}.csprank-wrap .fs-toolbar .btn-secondary{background:var(--bg-secondary,#222);color:var(--text-primary,#fff);border:1px solid var(--border-color,#444);border-radius:var(--radius-sm,4px);cursor:pointer;padding:6px 16px;font-size:13px}.csprank-wrap .fs-toolbar .btn-secondary:hover{background:var(--bg-hover,#333)}.csprank-stage{border:1px solid var(--border-color,#333);border-radius:0 0 var(--radius,8px) var(--radius,8px);background:#05060f;width:100%;height:460px;position:relative;overflow:hidden}#csp-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.csprank-tip{backdrop-filter:blur(4px);color:#ffffffeb;letter-spacing:.02em;pointer-events:none;background:#00000073;border:1px solid #ffffff2e;border-radius:999px;padding:10px 18px;font-size:.9rem;transition:opacity .45s;animation:2.4s ease-in-out infinite cspTipPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.csprank-tip.csp-off{opacity:0}@keyframes cspTipPulse{0%,to{opacity:.75}50%{opacity:1}}.csprank-hint{color:var(--text-muted,#888);text-align:center;margin-top:12px;font-size:.85rem;line-height:1.6}.csprank-wrap:fullscreen{background:#000;gap:0;width:100vw;height:100vh}.csprank-wrap:fullscreen .fs-toolbar,.csprank-wrap:fullscreen .csprank-hint{display:none}.csprank-wrap:fullscreen .csprank-stage{border:none;border-radius:0;flex:1;height:100%}@media (width<=768px){.csprank-stage{height:360px}}.blob-wrap{flex-direction:column;align-items:stretch;width:100%;display:flex}.blob-wrap .fs-toolbar{background:var(--bg-card,#1a1a2e);border:1px solid var(--border-color,#333);border-radius:var(--radius,8px) var(--radius,8px) 0 0;border-bottom:none;flex-wrap:wrap;align-items:center;gap:.8rem;padding:10px 14px;display:flex}.blob-label{color:var(--text-muted,#888);align-items:center;gap:6px;font-size:.8rem;display:flex}.blob-label input[type=range]{accent-color:#7fd4ff;cursor:pointer;width:110px}.blob-label input[type=color]{cursor:pointer;background:var(--bg-secondary,#222);border:1px solid var(--border-color,#444);border-radius:var(--radius-sm,4px);width:34px;height:26px;padding:0}.blob-wrap .fs-toolbar .btn-primary{color:#fff;border-radius:var(--radius-sm,4px);cursor:pointer;background:linear-gradient(135deg,#38bdf8,#6366f1);border:none;padding:6px 16px;font-size:13px;font-weight:600}.blob-wrap .fs-toolbar .btn-primary:hover{opacity:.9}.blob-wrap .fs-toolbar .btn-secondary{background:var(--bg-secondary,#222);color:var(--text-primary,#fff);border:1px solid var(--border-color,#444);border-radius:var(--radius-sm,4px);cursor:pointer;padding:6px 16px;font-size:13px}.blob-wrap .fs-toolbar .btn-secondary:hover{background:var(--bg-hover,#333)}.blob-stage{border:1px solid var(--border-color,#333);border-radius:0 0 var(--radius,8px) var(--radius,8px);background:#0a0c18;width:100%;height:460px;position:relative;overflow:hidden}#blob-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}#blob-canvas.blob-grabbing{cursor:grabbing}.blob-hint{color:var(--text-muted,#888);text-align:center;margin-top:12px;font-size:.85rem;line-height:1.6}.blob-wrap:fullscreen{background:#0a0c18;width:100vw;height:100vh}.blob-wrap:fullscreen .fs-toolbar,.blob-wrap:fullscreen .blob-hint{display:none}.blob-wrap:fullscreen .blob-stage{border:none;border-radius:0;flex:1;height:100%}@media (width<=768px){.blob-stage{height:380px}}.gcur-wrap{flex-direction:column;align-items:stretch;width:100%;display:flex}.gcur-wrap .fs-toolbar{background:var(--bg-card,#1a1a2e);border:1px solid var(--border-color,#333);border-radius:var(--radius,8px) var(--radius,8px) 0 0;border-bottom:none;flex-wrap:wrap;align-items:center;gap:.9rem;padding:10px 14px;display:flex}.gcur-label{color:var(--text-muted,#888);align-items:center;gap:6px;font-size:.8rem;display:flex}.gcur-label input[type=range]{accent-color:#f43f5e;cursor:pointer;width:130px}.gcur-label span{text-align:right;font-variant-numeric:tabular-nums;min-width:26px;color:var(--text-primary,#fff)}.gcur-wrap .fs-toolbar .btn-primary{color:#fff;border-radius:var(--radius-sm,4px);cursor:pointer;background:linear-gradient(135deg,#f43f5e,#7c3aed);border:none;padding:6px 16px;font-size:13px;font-weight:600}.gcur-wrap .fs-toolbar .btn-primary:hover{opacity:.9}.gcur-wrap .fs-toolbar .btn-secondary{background:var(--bg-secondary,#222);color:var(--text-primary,#fff);border:1px solid var(--border-color,#444);border-radius:var(--radius-sm,4px);cursor:pointer;padding:6px 16px;font-size:13px}.gcur-wrap .fs-toolbar .btn-secondary:hover{background:var(--bg-hover,#333)}.gcur-stage{border:1px solid var(--border-color,#333);border-radius:0 0 var(--radius,8px) var(--radius,8px);background:#06070d;width:100%;height:460px;position:relative;overflow:hidden}#gcur-canvas{cursor:none;touch-action:none;width:100%;height:100%;display:block}.gcur-hint{color:var(--text-muted,#888);text-align:center;margin-top:12px;font-size:.85rem;line-height:1.6}.gcur-wrap:fullscreen{cursor:none;background:#06070d;width:100vw;height:100vh}.gcur-wrap:fullscreen .fs-toolbar,.gcur-wrap:fullscreen .gcur-hint{display:none}.gcur-wrap:fullscreen .gcur-stage{border:none;border-radius:0;flex:1;height:100%}@media (width<=768px){.gcur-stage{height:380px}}.pd-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.pd-controls{z-index:10;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;display:flex;position:relative}.pd-controls button{white-space:nowrap}.pd-slider{flex-direction:column;gap:2px;min-width:118px;display:flex}.pd-slider label{color:var(--text-muted,#888);justify-content:space-between;gap:6px;font-size:.7rem;font-weight:600;display:flex}.pd-slider label span{color:var(--text-muted,#888);font-family:monospace;font-weight:400}.pd-slider input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.pd-stage{background:var(--bg-card,#1a1a2e);border-radius:var(--radius,8px);width:min(96vw,600px);position:relative}#pd-canvas{border:1px solid var(--border-color,#333);border-radius:var(--radius-sm,4px);background:#05060f;width:100%;height:340px;display:block}.pd-hint{color:var(--text-muted,#888);text-align:center;max-width:560px;font-size:.85rem;line-height:1.6}.pd-wrap:fullscreen{background:#000;justify-content:center;align-items:center;gap:0;width:100vw;height:100vh;overflow:hidden}.pd-wrap:fullscreen .pd-stage{border-radius:0;width:100%;height:100%;position:relative}.pd-wrap:fullscreen #pd-canvas{border:none;border-radius:0;width:100%;height:100%}.pd-wrap:fullscreen .pd-controls,.pd-wrap:fullscreen .pd-hint{display:none}.vhs-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.vhs-controls{z-index:10;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;display:flex;position:relative}.vhs-controls button{white-space:nowrap}.vhs-slider{flex-direction:column;gap:2px;min-width:140px;display:flex}.vhs-slider label{color:var(--text-muted,#888);justify-content:space-between;gap:6px;font-size:.7rem;font-weight:600;display:flex}.vhs-slider label span{color:var(--text-muted,#888);font-family:monospace;font-weight:400}.vhs-slider input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.vhs-stage{background:var(--bg-card,#1a1a2e);border-radius:var(--radius,8px);width:min(96vw,600px);position:relative}#vhs-canvas{border:1px solid var(--border-color,#333);border-radius:var(--radius-sm,4px);background:#000;width:100%;height:340px;display:block}.vhs-hint{color:var(--text-muted,#888);text-align:center;max-width:560px;font-size:.85rem;line-height:1.6}.vhs-wrap:fullscreen{background:#000;justify-content:center;align-items:center;gap:0;width:100vw;height:100vh;overflow:hidden}.vhs-wrap:fullscreen .vhs-stage{border-radius:0;width:100%;height:100%;position:relative}.vhs-wrap:fullscreen #vhs-canvas{border:none;border-radius:0;width:100%;height:100%}.vhs-wrap:fullscreen .vhs-controls,.vhs-wrap:fullscreen .vhs-hint{display:none}.iw-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.iw-controls{z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.iw-controls button{white-space:nowrap}.iw-label{color:var(--text-muted,#888);white-space:nowrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.iw-label input[type=range]{width:110px;accent-color:var(--accent-blue,#38bdf8)}.iw-val{color:var(--text-muted,#888);text-align:right;min-width:1.4em;font-family:monospace;font-size:.78rem}.iw-stage{width:min(96vw,900px);position:relative}#iw-canvas{border:1px solid var(--border-color,#333);border-radius:var(--radius,8px);background:#f5efe2;width:100%;height:520px;display:block}.iw-hint{color:var(--text-muted,#888);text-align:center;max-width:720px;font-size:.85rem;line-height:1.6}.iw-wrap:fullscreen{background:#0b0b0f;justify-content:center;align-items:center;gap:0;width:100vw;height:100vh;overflow:hidden}.iw-wrap:fullscreen .iw-stage{width:100%;height:100%}.iw-wrap:fullscreen #iw-canvas{border:none;border-radius:0;width:100%;height:100%}.iw-wrap:fullscreen .iw-controls,.iw-wrap:fullscreen .iw-hint{display:none}@media (width<=640px){#iw-canvas{height:360px}.iw-label input[type=range]{width:84px}}.de-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.de-controls{z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.de-controls button{white-space:nowrap}.de-modes{background:var(--bg-secondary,#222);border:1px solid var(--border-color,#333);border-radius:var(--radius,8px);flex-wrap:wrap;justify-content:center;gap:6px;padding:4px;display:flex}.de-mode.is-active{outline:2px solid var(--accent-blue,#38bdf8);outline-offset:-2px;color:var(--text-primary,#fff)}.de-stage{background:var(--bg-card,#1a1a2e);border-radius:var(--radius,8px);width:min(96vw,600px);position:relative}#de-canvas{border:1px solid var(--border-color,#333);border-radius:var(--radius-sm,4px);background:#05060d;width:100%;height:360px;display:block}.de-hint{color:var(--text-muted,#888);text-align:center;max-width:560px;font-size:.85rem;line-height:1.6}.de-wrap:fullscreen{background:#000;justify-content:center;align-items:center;gap:0;width:100vw;height:100vh;overflow:hidden}.de-wrap:fullscreen .de-stage{border-radius:0;width:100%;height:100%;position:relative}.de-wrap:fullscreen #de-canvas{border:none;border-radius:0;width:100%;height:100%}.de-wrap:fullscreen .de-controls,.de-wrap:fullscreen .de-hint{display:none}.slt-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.slt-controls{z-index:10;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;display:flex;position:relative}.slt-controls button{white-space:nowrap}.slt-slider{flex-direction:column;gap:2px;min-width:120px;display:flex}.slt-slider label{color:var(--text-muted,#888);justify-content:space-between;gap:6px;font-size:.7rem;font-weight:600;display:flex}.slt-slider label span{color:var(--text-muted,#888);font-family:monospace;font-weight:400}.slt-slider input[type=range]{width:100%;accent-color:var(--accent-blue,#38bdf8)}.slt-stage{background:var(--bg-card,#1a1a2e);border-radius:var(--radius,8px);width:min(96vw,600px);position:relative}#slt-canvas{border:1px solid var(--border-color,#333);border-radius:var(--radius-sm,4px);background:#000;width:100%;height:380px;display:block}.slt-hint{color:var(--text-muted,#888);text-align:center;max-width:560px;font-size:.85rem;line-height:1.6}.slt-wrap:fullscreen{background:#000;justify-content:center;align-items:center;gap:0;width:100vw;height:100vh;overflow:hidden}.slt-wrap:fullscreen .slt-stage{border-radius:0;width:100%;height:100%;position:relative}.slt-wrap:fullscreen #slt-canvas{border:none;border-radius:0;width:100%;height:100%}.slt-wrap:fullscreen .slt-controls,.slt-wrap:fullscreen .slt-hint{display:none}.mpf-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.mpf-controls{z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.mpf-controls button{white-space:nowrap}.mpf-label{color:var(--text-muted,#888);white-space:nowrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.mpf-label input[type=range]{width:110px;accent-color:var(--accent-blue,#38bdf8)}.mpf-val{color:var(--text-muted,#888);text-align:right;min-width:2.4em;font-family:monospace;font-size:.78rem}.mpf-stage{width:min(96vw,900px);position:relative}#mpf-canvas{border:1px solid var(--border-color,#333);border-radius:var(--radius,8px);cursor:crosshair;touch-action:none;background:#04060f;width:100%;height:520px;display:block}.mpf-badge{color:var(--text-primary,#fff);background:var(--bg-secondary,#222);opacity:.75;border:1px solid var(--border-color,#333);border-radius:var(--radius-sm,4px);pointer-events:none;padding:3px 9px;font-family:monospace;font-size:.75rem;position:absolute;top:10px;right:12px}.mpf-hint{color:var(--text-muted,#888);text-align:center;max-width:720px;font-size:.85rem;line-height:1.6}.mpf-wrap:fullscreen{background:#04060f;justify-content:center;align-items:center;gap:0;width:100vw;height:100vh;overflow:hidden}.mpf-wrap:fullscreen .mpf-stage{width:100%;height:100%}.mpf-wrap:fullscreen #mpf-canvas{border:none;border-radius:0;width:100%;height:100%}.mpf-wrap:fullscreen .mpf-controls,.mpf-wrap:fullscreen .mpf-hint{display:none}@media (width<=640px){#mpf-canvas{height:360px}.mpf-label input[type=range]{width:84px}}.r8b-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.r8b-controls{z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.r8b-controls button{white-space:nowrap}.r8b-label{color:var(--text-muted,#888);white-space:nowrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.r8b-label input[type=range]{width:110px;accent-color:var(--accent-blue,#38bdf8)}.r8b-label select{background:var(--bg-secondary,#222);color:var(--text-primary,#fff);border:1px solid var(--border-color,#333);border-radius:var(--radius-sm,4px);cursor:pointer;padding:.28rem .4rem;font-size:.8rem}.r8b-val{color:var(--text-muted,#888);text-align:right;min-width:1.6em;font-family:monospace;font-size:.78rem}.r8b-stage{width:min(96vw,720px);position:relative}#r8b-canvas{border:1px solid var(--border-color,#333);border-radius:var(--radius,8px);width:100%;height:420px;image-rendering:pixelated;background:#05050a;display:block}.r8b-hint{color:var(--text-muted,#888);text-align:center;max-width:720px;font-size:.85rem;line-height:1.6}.r8b-wrap:fullscreen{background:#05050a;justify-content:center;align-items:center;gap:0;width:100vw;height:100vh;overflow:hidden}.r8b-wrap:fullscreen .r8b-stage{width:100%;height:100%}.r8b-wrap:fullscreen #r8b-canvas{border:none;border-radius:0;width:100%;height:100%}.r8b-wrap:fullscreen .r8b-controls,.r8b-wrap:fullscreen .r8b-hint{display:none}@media (width<=640px){#r8b-canvas{height:320px}.r8b-label input[type=range]{width:84px}}.ve-container[data-astro-cid-5e55v4ny]{width:100%;height:600px;position:relative}canvas[data-astro-cid-5e55v4ny]{width:100%;height:100%;display:block}.controls[data-astro-cid-5e55v4ny]{z-index:10;gap:8px;display:flex;position:absolute;top:10px;right:10px}button[data-astro-cid-5e55v4ny]{color:#fff;cursor:pointer;background:#0009;border:1px solid #555;border-radius:4px;padding:6px 12px}.ve-container[data-astro-cid-rxwzchwd]{width:100%;height:600px;position:relative}canvas[data-astro-cid-rxwzchwd]{width:100%;height:100%;display:block}.controls[data-astro-cid-rxwzchwd]{z-index:10;gap:8px;display:flex;position:absolute;top:10px;right:10px}button[data-astro-cid-rxwzchwd]{color:#fff;cursor:pointer;background:#0009;border:1px solid #555;border-radius:4px;padding:6px 12px}.ve-container[data-astro-cid-7lwohjvk]{width:100%;height:600px;position:relative}canvas[data-astro-cid-7lwohjvk]{width:100%;height:100%;display:block}.controls[data-astro-cid-7lwohjvk]{z-index:10;gap:8px;display:flex;position:absolute;top:10px;right:10px}button[data-astro-cid-7lwohjvk]{color:#fff;cursor:pointer;background:#0009;border:1px solid #555;border-radius:4px;padding:6px 12px}.ve-container[data-astro-cid-fc6kwzgs]{width:100%;height:600px;position:relative}canvas[data-astro-cid-fc6kwzgs]{width:100%;height:100%;display:block}.controls[data-astro-cid-fc6kwzgs]{z-index:10;gap:8px;display:flex;position:absolute;top:10px;right:10px}button[data-astro-cid-fc6kwzgs]{color:#fff;cursor:pointer;background:#0009;border:1px solid #555;border-radius:4px;padding:6px 12px}.ve-container[data-astro-cid-dq7rsi6b]{width:100%;height:600px;position:relative}canvas[data-astro-cid-dq7rsi6b]{width:100%;height:100%;display:block}.controls[data-astro-cid-dq7rsi6b]{z-index:10;gap:8px;display:flex;position:absolute;top:10px;right:10px}button[data-astro-cid-dq7rsi6b]{color:#fff;cursor:pointer;background:#0009;border:1px solid #555;border-radius:4px;padding:6px 12px}.ve-container[data-astro-cid-z2bg4lmw]{width:100%;height:600px;position:relative}canvas[data-astro-cid-z2bg4lmw]{width:100%;height:100%;display:block}.controls[data-astro-cid-z2bg4lmw]{z-index:10;gap:8px;display:flex;position:absolute;top:10px;right:10px}button[data-astro-cid-z2bg4lmw]{color:#fff;cursor:pointer;background:#0009;border:1px solid #555;border-radius:4px;padding:6px 12px}.ve-container[data-astro-cid-n5fkmxmw]{width:100%;height:600px;position:relative}.ve-container[data-astro-cid-n5fkmxmw]:fullscreen{width:100vw;height:100vh}canvas[data-astro-cid-n5fkmxmw]{width:100%;height:100%;display:block}.controls[data-astro-cid-n5fkmxmw]{z-index:10;align-items:center;gap:8px;display:flex;position:absolute;top:10px;right:10px}.controls[data-astro-cid-n5fkmxmw] input[data-astro-cid-n5fkmxmw]{color:#fff;background:#000000b3;border:1px solid #555;border-radius:4px;width:140px;padding:6px 12px}button[data-astro-cid-n5fkmxmw]{color:#fff;cursor:pointer;background:#0009;border:1px solid #555;border-radius:4px;padding:6px 12px}.ve-container[data-astro-cid-hhkrz3n2]{width:100%;height:600px;position:relative}.ve-container[data-astro-cid-hhkrz3n2]:fullscreen{width:100vw;height:100vh}canvas[data-astro-cid-hhkrz3n2]{width:100%;height:100%;display:block}.controls[data-astro-cid-hhkrz3n2]{z-index:10;align-items:center;gap:8px;display:flex;position:absolute;top:10px;right:10px}.controls[data-astro-cid-hhkrz3n2] input[data-astro-cid-hhkrz3n2]{color:#fff;background:#000000b3;border:1px solid #555;border-radius:4px;width:140px;padding:6px 12px}button[data-astro-cid-hhkrz3n2]{color:#fff;cursor:pointer;background:#0009;border:1px solid #555;border-radius:4px;padding:6px 12px}.ve-wrap[data-astro-cid-dguosksw]{flex-direction:column;width:100%;display:flex;position:relative}.ve-stage[data-astro-cid-dguosksw]{border-radius:var(--radius-sm);background:#0a0a14;width:100%;height:600px;position:relative;overflow:hidden}#canvas[data-astro-cid-dguosksw]{width:100%;height:100%;display:block}.ve-controls[data-astro-cid-dguosksw]{color:#e8eaf0;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.ve-controls[data-astro-cid-dguosksw] input[data-astro-cid-dguosksw][type=text]{color:#fff;background:#000000b3;border:1px solid #555;border-radius:4px;width:auto;min-width:0;padding:6px 12px}.ve-ctl-label[data-astro-cid-dguosksw]{color:#c7cad4;align-items:center;gap:4px;font-size:13px;display:flex}.size-range[data-astro-cid-dguosksw]{accent-color:#f6f;width:100%}.neon-dir[data-astro-cid-dguosksw]{color:#fff;cursor:pointer;background:#000000b3;border:1px solid #555;border-radius:4px;padding:4px 6px;font-size:13px}.ve-controls[data-astro-cid-dguosksw] button[data-astro-cid-dguosksw]{color:#fff;cursor:pointer;background:#0009;border:1px solid #555;border-radius:4px;padding:6px 12px}.ve-controls[data-astro-cid-dguosksw] button[data-astro-cid-dguosksw]:hover{border-color:#f6f}.ve-wrap[data-astro-cid-dguosksw].ve-fs,.ve-wrap[data-astro-cid-dguosksw]:fullscreen{z-index:99998;background:#0a0a14;width:100vw;height:100vh;position:fixed;inset:0}.ve-wrap[data-astro-cid-dguosksw].ve-fs .ve-stage[data-astro-cid-dguosksw],.ve-wrap[data-astro-cid-dguosksw]:fullscreen .ve-stage[data-astro-cid-dguosksw]{border-radius:0;width:100%;height:100%}.ve-wrap[data-astro-cid-dguosksw].ve-fs .ve-controls[data-astro-cid-dguosksw],.ve-wrap[data-astro-cid-dguosksw]:fullscreen .ve-controls[data-astro-cid-dguosksw]{display:none}@media (width<=640px){.ve-stage[data-astro-cid-dguosksw]{height:420px}}.ve-container[data-astro-cid-sh3ayg5j]{width:100%;height:600px;position:relative}.ve-container[data-astro-cid-sh3ayg5j]:fullscreen{width:100vw;height:100vh}canvas[data-astro-cid-sh3ayg5j]{width:100%;height:100%;display:block}.controls[data-astro-cid-sh3ayg5j]{z-index:10;gap:8px;display:flex;position:absolute;top:10px;right:10px}button[data-astro-cid-sh3ayg5j]{color:#fff;cursor:pointer;background:#0009;border:1px solid #555;border-radius:4px;padding:6px 12px}.lsystem-container[data-astro-cid-2lcbziwc]{border-radius:var(--radius);overflow:hidden}.lsystem-container[data-astro-cid-2lcbziwc]:fullscreen{background:#0a0a1a}.lsystem-controls[data-astro-cid-2lcbziwc]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}#ls-canvas[data-astro-cid-2lcbziwc]{border-radius:var(--radius);background:#0a0a1a;width:100%;height:500px;display:block}.lsystem-container[data-astro-cid-2lcbziwc]:fullscreen #ls-canvas[data-astro-cid-2lcbziwc]{border-radius:0;height:calc(100vh - 80px)}@media (width<=768px){#ls-canvas[data-astro-cid-2lcbziwc]{height:400px}}.calligraphy-container[data-astro-cid-habpuwrb]{border-radius:var(--radius);overflow:hidden}.calligraphy-container[data-astro-cid-habpuwrb]:fullscreen{background:#1a1a1a}.calligraphy-controls[data-astro-cid-habpuwrb]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}#cal-canvas[data-astro-cid-habpuwrb]{border-radius:var(--radius);cursor:crosshair;background:#1a1a1a;width:100%;height:500px;display:block}.calligraphy-container[data-astro-cid-habpuwrb]:fullscreen #cal-canvas[data-astro-cid-habpuwrb]{border-radius:0;height:calc(100vh - 80px)}@media (width<=768px){#cal-canvas[data-astro-cid-habpuwrb]{height:400px}}.screensaver-container[data-astro-cid-ebiqrk42]{border-radius:var(--radius);overflow:hidden}.screensaver-controls[data-astro-cid-ebiqrk42]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}#ss-canvas[data-astro-cid-ebiqrk42]{border-radius:var(--radius);background:#000;width:100%;height:500px;display:block}#ss-canvas[data-astro-cid-ebiqrk42]:fullscreen{border-radius:0;height:100vh}@media (width<=768px){#ss-canvas[data-astro-cid-ebiqrk42]{height:400px}}.mac-screensaver-container[data-astro-cid-fgle5xxv]{border-radius:var(--radius);overflow:hidden}.mac-screensaver-container[data-astro-cid-fgle5xxv]:fullscreen{background:#000}.mac-screensaver-controls[data-astro-cid-fgle5xxv]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}#ms-canvas[data-astro-cid-fgle5xxv]{border-radius:var(--radius);background:#000;width:100%;height:500px;display:block}.mac-screensaver-container[data-astro-cid-fgle5xxv]:fullscreen #ms-canvas[data-astro-cid-fgle5xxv]{border-radius:0;height:calc(100vh - 80px)}@media (width<=768px){#ms-canvas[data-astro-cid-fgle5xxv]{height:400px}}.lab:fullscreen .top,.lab:fullscreen .tabs{display:none}.lab{color:#cfe9ff;border-radius:var(--radius);border:1px solid var(--border-color);background:#04060e;flex-direction:column;height:100%;min-height:520px;font:13px/1.5 ui-monospace,Menlo,Consolas,monospace;display:flex;overflow:hidden}.lab .top{background:#080e1aeb;border-bottom:1px solid #3df0ff40;justify-content:space-between;align-items:baseline;gap:14px;padding:10px 16px;display:flex}.lab .top h1{color:#eafcff;letter-spacing:1px;margin:0;font-size:15px}.lab .top .sub{color:#6fb6d8;letter-spacing:2px;text-transform:uppercase;font-size:11px}.lab .tabs{background:#080e1aeb;gap:4px;padding:8px 16px 0;display:flex}.lab .tab{color:#9fd8ea;cursor:pointer;user-select:none;background:#3df0ff0d;border:1px solid #3df0ff47;border-bottom:0;border-radius:8px 8px 0 0;padding:7px 16px;font-size:12px}.lab .tab.on{color:#eafcff;background:#3df0ff2e;box-shadow:inset 0 -2px 10px #3df0ff40}.lab .stage{flex:1;position:relative}.lab .panel{visibility:hidden;position:absolute;inset:0}.lab .panel.on{visibility:visible}.lab .panel canvas{width:100%;height:100%;position:absolute;inset:0}.lab .hudbox{z-index:6;max-width:min(300px,58vw);position:absolute;bottom:14px;left:14px}.lab:fullscreen{border-radius:0!important;width:100vw!important;height:100vh!important}.lab:fullscreen .top,.lab:fullscreen .tabs{display:none}.lab:-webkit-full-screen{border-radius:0!important;width:100vw!important;height:100vh!important}.lab:-webkit-full-screen .top{display:none}.lab:-webkit-full-screen .tabs{display:none}.lab:-moz-full-screen{border-radius:0!important;width:100vw!important;height:100vh!important}.lab:-moz-full-screen .top{display:none}.lab:-moz-full-screen .tabs{display:none}.optics-lab{flex-direction:column;gap:0;height:100%;min-height:480px;display:flex}.optics-lab .top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:0 0 8px;display:flex}.optics-lab .top h1{color:var(--text-primary);margin:0;font-size:1.35rem;font-weight:700}.optics-lab .top .sub{color:var(--text-muted);font-size:.8rem}.optics-lab .tabs{border-bottom:1px solid var(--border-color);flex-shrink:0;gap:0;display:flex;overflow-x:auto}.optics-lab .tabs .tab{cursor:pointer;color:var(--text-secondary);white-space:nowrap;user-select:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:.8rem;transition:all .2s}.optics-lab .tabs .tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.optics-lab .tabs .tab.on{color:var(--accent);border-bottom-color:var(--accent)}.optics-lab .stage{flex:1;min-height:0;position:relative}.optics-lab .panel{visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.optics-lab .panel.on{visibility:visible;flex-direction:column;display:flex}.optics-lab .panel canvas{border:1px solid var(--border-color);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:#04060e;flex:1;width:100%;height:100%;display:block}.optics-lab .hudbox{position:relative}.optics-lab .hudbox .fxhud{max-width:100%;position:static}.optics-lab:fullscreen{background:#04060e;width:100vw;height:100vh}.optics-lab:fullscreen .top,.optics-lab:fullscreen .tabs{display:none}.optics-lab:fullscreen .panel canvas{border:none;border-radius:0}.cell-lab{flex-direction:column;gap:0;height:100%;min-height:480px;display:flex}.cell-lab .top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:0 0 8px;display:flex}.fullscreen-btn{color:#eafcff;cursor:pointer;white-space:nowrap;user-select:none;background:#3df0ff26;border:1px solid #3df0ff66;border-radius:4px;padding:4px 12px;font-size:11px;transition:all .2s}.fullscreen-btn:hover{background:#3df0ff40}.cell-lab .top h1{color:var(--text-primary);margin:0;font-size:1.35rem;font-weight:700}.cell-lab .top .sub{color:var(--text-muted);font-size:.8rem}.cell-lab .tabs{border-bottom:1px solid var(--border-color);flex-shrink:0;gap:0;display:flex;overflow-x:auto}.cell-lab .tabs .tab{cursor:pointer;color:var(--text-secondary);white-space:nowrap;user-select:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:.8rem;transition:all .2s}.cell-lab .tabs .tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.cell-lab .tabs .tab.on{color:var(--accent);border-bottom-color:var(--accent)}.cell-lab .stage{flex:1;min-height:0;position:relative}.cell-lab .panel{visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.cell-lab .panel.on{visibility:visible;flex-direction:column;display:flex}.cell-lab .panel canvas{border:1px solid var(--border-color);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:#07040e;flex:1;width:100%;height:100%;display:block}.cell-lab .hudbox{position:relative}.cell-lab .hudbox .fxhud{max-width:100%;position:static}.cell-lab:fullscreen{background:#07040e;width:100vw;height:100vh}.cell-lab:fullscreen .top,.cell-lab:fullscreen .tabs{display:none}.cell-lab:fullscreen .panel canvas{border:none;border-radius:0}.tool-wrap[data-astro-cid-cxpijzxu]{border-radius:var(--radius);background:#02100a;width:100%;height:600px;position:relative;overflow:hidden}.tool-canvas[data-astro-cid-cxpijzxu]{width:100%;height:100%;position:absolute;inset:0}.tool-panel[data-astro-cid-cxpijzxu]{z-index:6;max-width:min(300px,58vw);position:absolute;bottom:14px;left:14px}.fs-btn-tool[data-astro-cid-cxpijzxu]{z-index:10;color:#fff;cursor:pointer;white-space:nowrap;user-select:none;background:#00000080;border:1px solid #ffffff4d;border-radius:4px;padding:4px 12px;font-size:11px;transition:all .2s;position:absolute;top:10px;right:10px}.fs-btn-tool[data-astro-cid-cxpijzxu]:hover{background:#fff3}.tool-wrap[data-astro-cid-cxpijzxu]:fullscreen{border-radius:0!important;width:100vw!important;height:100vh!important}.tool-wrap[data-astro-cid-cxpijzxu]:fullscreen{border-radius:0!important;width:100vw!important;height:100vh!important}.tool-wrap[data-astro-cid-3wrorjqm]{border-radius:var(--radius);background:#02100a;width:100%;height:600px;position:relative;overflow:hidden}.tool-canvas[data-astro-cid-3wrorjqm]{width:100%;height:100%;position:absolute;inset:0}.tool-panel[data-astro-cid-3wrorjqm]{z-index:6;max-width:min(300px,58vw);position:absolute;bottom:14px;left:14px}.fs-btn-tool[data-astro-cid-3wrorjqm]{z-index:10;color:#fff;cursor:pointer;white-space:nowrap;user-select:none;background:#00000080;border:1px solid #ffffff4d;border-radius:4px;padding:4px 12px;font-size:11px;transition:all .2s;position:absolute;top:10px;right:10px}.fs-btn-tool[data-astro-cid-3wrorjqm]:hover{background:#fff3}.tool-wrap[data-astro-cid-3wrorjqm]:fullscreen{border-radius:0!important;width:100vw!important;height:100vh!important}.tool-wrap[data-astro-cid-3wrorjqm]:fullscreen{border-radius:0!important;width:100vw!important;height:100vh!important}.tool-wrap[data-astro-cid-ejoof2vo]{border-radius:var(--radius);background:#07040e;width:100%;height:600px;position:relative;overflow:hidden}.tool-canvas[data-astro-cid-ejoof2vo]{width:100%;height:100%;position:absolute;inset:0}.tool-panel[data-astro-cid-ejoof2vo]{z-index:6;max-width:min(300px,58vw);position:absolute;bottom:14px;left:14px}.fs-btn-tool[data-astro-cid-ejoof2vo]{z-index:10;color:#fff;cursor:pointer;white-space:nowrap;user-select:none;background:#00000080;border:1px solid #ffffff4d;border-radius:4px;padding:4px 12px;font-size:11px;transition:all .2s;position:absolute;top:10px;right:10px}.fs-btn-tool[data-astro-cid-ejoof2vo]:hover{background:#fff3}.tool-wrap[data-astro-cid-ejoof2vo]:fullscreen{border-radius:0!important;width:100vw!important;height:100vh!important}.tool-wrap[data-astro-cid-ejoof2vo]:fullscreen{border-radius:0!important;width:100vw!important;height:100vh!important}.sc-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.sc-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.sc-controls button{white-space:nowrap}.sc-stage{width:min(96vw,520px);position:relative}#sc-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#05060f;width:100%;height:420px;display:block}.sc-time{color:var(--accent-color,#38bdf8);font-variant-numeric:tabular-nums;letter-spacing:2px;font-size:1.6rem;font-weight:700}.sc-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.sc-wrap:fullscreen{background:#05060f;justify-content:center;gap:18px;width:100vw;height:100vh}.sc-wrap:fullscreen .sc-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.sc-wrap:fullscreen #sc-canvas{object-fit:fill;width:100%;height:100%}.sc-wrap:fullscreen .sc-controls,.sc-wrap:fullscreen .sc-hint{display:none}.sc-wrap:fullscreen .sc-time{z-index:5;text-shadow:0 0 20px #38bdf899;font-size:2.4rem;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.sk-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.sk-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.sk-controls button{white-space:nowrap}.sk-stage{width:min(96vw,520px);position:relative}#sk-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#05060f;width:100%;height:420px;display:block}.sk-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.sk-wrap:fullscreen{background:#05060f;justify-content:center;gap:18px;width:100vw;height:100vh}.sk-wrap:fullscreen .sk-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.sk-wrap:fullscreen #sk-canvas{object-fit:fill;width:100%;height:100%}.sk-wrap:fullscreen .sk-controls,.sk-wrap:fullscreen .sk-hint{display:none}.st-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.st-controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.st-controls button{white-space:nowrap}.st-stage{width:min(96vw,520px);position:relative}#st-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#05060f;width:100%;height:420px;display:block}.st-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.st-wrap:fullscreen{background:#05060f;justify-content:center;gap:18px;width:100vw;height:100vh}.st-wrap:fullscreen .st-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.st-wrap:fullscreen #st-canvas{object-fit:fill;width:100%;height:100%}.st-wrap:fullscreen .st-controls,.st-wrap:fullscreen .st-hint{display:none}.cs-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.cs-controls{z-index:10;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 14px;display:flex;position:relative}.cs-controls button{white-space:nowrap}.cs-stage{width:min(96vw,820px);position:relative}#cs-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:crosshair;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);width:100%;height:620px;display:block}.cs-hint{color:var(--text-muted);text-align:center;max-width:560px;font-size:.85rem}.cs-wrap:fullscreen{background:#1a1a2e;justify-content:center;gap:18px;width:100vw;height:100vh}.cs-wrap:fullscreen .cs-stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.cs-wrap:fullscreen #cs-canvas{object-fit:fill;width:100%;height:100%}.cs-wrap:fullscreen .cs-controls,.cs-wrap:fullscreen .cs-hint{display:none}.fw-container{--accent-color:var(--accent-blue,#38bdf8);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);padding:1.5rem}.fw-controls{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.fw-btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:1px solid var(--border-color);align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.88rem;display:inline-flex}.fw-btn-primary{background:var(--accent-color);color:#fff;border:none}.fw-btn-primary:hover{opacity:.85}.fw-btn-secondary{background:var(--bg-glass,#ffffff0d);color:var(--text-secondary)}.fw-btn-secondary:hover{border-color:var(--accent-color);color:var(--accent-color)}.fw-stage:fullscreen{border-radius:0;width:100vw;height:100vh;margin:0}.fw-stage:fullscreen canvas{width:100%;height:100%}.fw-stage{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#06080f;width:100%;height:70vh;min-height:360px;position:relative;overflow:hidden}.fw-stage canvas{width:100%;height:100%;display:block}.sfw-container{--accent-color:var(--accent-blue,#38bdf8);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);padding:1.5rem}.sfw-container:fullscreen{border:none;border-radius:0;flex-direction:column;width:100vw;height:100vh;padding:0;display:flex}.sfw-controls{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.sfw-container:fullscreen .sfw-controls{z-index:10;border-radius:var(--radius-sm);backdrop-filter:blur(6px);background:#06080f8c;margin:0;padding:.5rem;position:absolute;top:1rem;right:1rem}.sfw-btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:1px solid var(--border-color);align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.88rem;display:inline-flex}.sfw-btn-primary{background:var(--accent-color);color:#04121f;border:none;font-weight:600}.sfw-btn-primary:hover{opacity:.85}.sfw-btn-secondary{background:var(--bg-glass,#ffffff0d);color:var(--text-secondary)}.sfw-btn-secondary:hover{border-color:var(--accent-color);color:var(--accent-color)}.sfw-stage{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#05070e;width:100%;height:72vh;min-height:380px;position:relative;overflow:hidden}.sfw-container:fullscreen .sfw-stage{border:none;border-radius:0;flex:1;width:100%;height:100%}.sfw-stage canvas{width:100%;height:100%;display:block}.hg-container{--accent-color:var(--accent-orange,#fb923c);box-sizing:border-box;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);width:100%;max-width:1000px;margin:0 auto;padding:1.5rem;overflow:hidden}.hg-controls{flex-flow:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.hg-btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:1px solid var(--border-color);white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.88rem;display:inline-flex}.hg-btn-primary{background:var(--accent-color);color:#fff;border:none}.hg-btn-primary:hover{opacity:.85}.hg-btn-secondary{background:var(--bg-glass,#ffffff0d);color:var(--text-secondary)}.hg-btn-secondary:hover{border-color:var(--accent-color);color:var(--accent-color)}.hg-range{color:var(--text-secondary);align-items:center;gap:.45rem;font-size:.82rem;display:inline-flex}.hg-range input[type=range]{accent-color:var(--accent-color);cursor:pointer;width:90px}.hg-stage{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:linear-gradient(#05070f 0%,#0b1024 60%,#1a1230 100%);width:100%;height:65vh;min-height:340px;position:relative;overflow:hidden}.hg-stage canvas{width:100%;height:100%;display:block}.hg-stage:fullscreen{border:none;border-radius:0;width:100vw;height:100vh;min-height:0;margin:0;padding:0}.hg-stage:fullscreen canvas{width:100%;height:100%;display:block}.hg-container:has(.hg-stage:fullscreen) .hg-controls{display:none}@media (width<=600px){.hg-container{padding:1rem}.hg-stage{height:58vh;min-height:300px}.hg-btn{flex:auto;padding:.5rem .9rem;font-size:.82rem}.hg-range{font-size:.78rem}.hg-range input[type=range]{width:70px}}.tool-wrap[data-astro-cid-pbec6bd3]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem}.tool-title[data-astro-cid-pbec6bd3]{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.15rem;font-weight:700;display:flex}.tool-row[data-astro-cid-pbec6bd3]{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.field[data-astro-cid-pbec6bd3]{flex-direction:column;gap:.3rem;display:flex}.field[data-astro-cid-pbec6bd3] label[data-astro-cid-pbec6bd3]{color:var(--text-muted);font-size:.78rem}select[data-astro-cid-pbec6bd3],input[data-astro-cid-pbec6bd3][type=range]{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.4rem .5rem;font-family:inherit;font-size:.85rem}.btn-primary[data-astro-cid-pbec6bd3]{background:var(--accent-blue);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:.6rem 1rem;font-size:.9rem}.btn-primary[data-astro-cid-pbec6bd3]:hover{opacity:.9}.btn-secondary[data-astro-cid-pbec6bd3]{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);padding:.6rem 1rem;font-size:.9rem}.btn-secondary[data-astro-cid-pbec6bd3]:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.hint[data-astro-cid-pbec6bd3]{color:var(--text-muted);margin:0 0 .75rem;font-size:.82rem}.status[data-astro-cid-pbec6bd3]{border-radius:var(--radius-sm);margin-top:.5rem;padding:.6rem .8rem;font-size:.85rem;line-height:1.5}.status[data-astro-cid-pbec6bd3].info{background:var(--bg-secondary);color:var(--text-secondary)}.status[data-astro-cid-pbec6bd3].err{color:#f87171;background:#ef44441f;border:1px solid #ef44444d}.status[data-astro-cid-pbec6bd3].ok{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e4d}.hp-stage[data-astro-cid-pbec6bd3]{border-radius:var(--radius-sm);background:#000;min-height:240px;margin-bottom:1rem;position:relative;overflow:hidden}.hp-stage[data-astro-cid-pbec6bd3] video[data-astro-cid-pbec6bd3],.hp-stage[data-astro-cid-pbec6bd3] canvas[data-astro-cid-pbec6bd3]{width:100%;display:block}.hp-stage[data-astro-cid-pbec6bd3] video[data-astro-cid-pbec6bd3]{opacity:0;pointer-events:none;position:absolute;top:0;left:0}.hp-stage[data-astro-cid-pbec6bd3] canvas[data-astro-cid-pbec6bd3]{background:#000}.hp-empty[data-astro-cid-pbec6bd3]{color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:1rem;font-size:.9rem;display:flex;position:absolute;inset:0}.op-ms[data-astro-cid-pbec6bd3]{color:var(--text-muted);font-size:.75rem}