.demo-wrapper.svelte-1du1zi4{max-width:1300px;height:calc(100vh - 64px - 4rem);font-family:var(--font-family);color:var(--on-surface);flex-direction:column;margin:0 auto;display:flex}.header-row.svelte-1du1zi4{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.header-title.svelte-1du1zi4 h1:where(.svelte-1du1zi4){letter-spacing:-.01em;font-size:1.8rem;font-weight:700}.header-title.svelte-1du1zi4 .subtitle:where(.svelte-1du1zi4){color:var(--on-surface-variant);font-size:.9rem}.status-indicators.svelte-1du1zi4{gap:.75rem;display:flex}.badge.svelte-1du1zi4{background:var(--surface-container-high);border:1px solid var(--outline-variant);color:var(--on-surface-variant);letter-spacing:.05em;border-radius:2px;padding:.25rem .5rem;font-family:Courier New,Courier,monospace;font-size:.75rem;font-weight:700;transition:all .2s}.badge-active.svelte-1du1zi4{background:var(--primary-container);border-color:var(--primary);color:var(--on-primary-container)}.demo-container.svelte-1du1zi4{flex:1;grid-template-columns:310px 1fr;gap:2rem;min-height:0;display:grid}.settings-panel.svelte-1du1zi4{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--roundness);flex-direction:column;gap:1.25rem;padding:1.25rem;font-size:.9rem;display:flex;overflow-y:auto}.section-title.svelte-1du1zi4{text-transform:uppercase;color:var(--primary);border-bottom:1px dashed var(--outline-variant);letter-spacing:.08em;padding-bottom:.25rem;font-family:Courier New,Courier,monospace;font-size:.8rem;font-weight:700}.control-group.svelte-1du1zi4{flex-direction:column;gap:.35rem;display:flex}.control-group.svelte-1du1zi4 label:where(.svelte-1du1zi4){color:var(--on-surface-variant);font-size:.8rem;font-weight:500}.control-group.svelte-1du1zi4 select:where(.svelte-1du1zi4){background:var(--surface-container-low);border:1px solid var(--outline-variant);color:var(--on-surface);border-radius:var(--roundness);outline:none;padding:.45rem .6rem;font-size:.85rem;transition:border-color .2s}.control-group.svelte-1du1zi4 select:where(.svelte-1du1zi4):focus{border-color:var(--primary)}.hardware-info.svelte-1du1zi4{color:var(--on-surface-variant);margin-top:.25rem;font-size:.75rem;display:flex}.supported.svelte-1du1zi4{color:#5e5;font-weight:700}.unsupported.svelte-1du1zi4{color:#e55;opacity:.8}.slider-header.svelte-1du1zi4{justify-content:space-between;font-size:.8rem;display:flex}.slider-value.svelte-1du1zi4{color:var(--primary);font-family:Courier New,Courier,monospace;font-weight:700}.control-group.svelte-1du1zi4 input[type=range]:where(.svelte-1du1zi4){appearance:none;background:var(--surface-container-highest);border-radius:2px;outline:none;height:4px;margin:.5rem 0}.control-group.svelte-1du1zi4 input[type=range]:where(.svelte-1du1zi4)::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;width:14px;height:14px;box-shadow:0 0 5px var(--primary);border-radius:50%;transition:transform .1s}.control-group.svelte-1du1zi4 input[type=range]:where(.svelte-1du1zi4)::-webkit-slider-thumb:hover{transform:scale(1.25)}.slider-help.svelte-1du1zi4{color:var(--on-surface-variant);opacity:.7;font-size:.7rem;font-style:italic}.toggles-grid.svelte-1du1zi4{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.25rem;display:grid}.checkbox-label.svelte-1du1zi4{cursor:pointer;color:var(--on-surface-variant);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.checkbox-label.svelte-1du1zi4 input[type=checkbox]:where(.svelte-1du1zi4){accent-color:var(--primary);width:14px;height:14px}.error-text.svelte-1du1zi4{color:#f55;margin-top:.25rem;font-size:.75rem}.warning-text.svelte-1du1zi4{color:var(--outline);font-size:.75rem;font-style:italic}.ascii-workspace.svelte-1du1zi4{flex-direction:column;min-height:0;display:flex;position:relative}.viewport-card.svelte-1du1zi4{background:var(--surface-container-lowest);border-radius:var(--roundness);border:none;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.viewport-header.svelte-1du1zi4{background:var(--surface-container-low);border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.crt-tag.svelte-1du1zi4{color:var(--outline);letter-spacing:.05em;font-family:Courier New,Courier,monospace;font-size:.75rem;font-weight:700}.window-controls.svelte-1du1zi4{gap:.35rem;display:flex}.dot.svelte-1du1zi4{opacity:.6;border-radius:50%;width:8px;height:8px}.dot.red.svelte-1du1zi4{background-color:#f55}.dot.yellow.svelte-1du1zi4{background-color:#fb0}.dot.green.svelte-1du1zi4{background-color:#0c5}.viewport-display.svelte-1du1zi4{background:#060708;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-container.svelte-1du1zi4{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.rendered-canvas.svelte-1du1zi4{object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated;transition:filter .2s}.rendered-canvas.canvas-glow{filter:drop-shadow(0 0 3px var(--glow-color,#a3d8d499))}.ascii-pre-output.svelte-1du1zi4{white-space:pre;box-sizing:border-box;text-align:left;background:#0d0e0f;width:100%;height:100%;margin:0;padding:1.5rem;font-family:Courier New,Courier,monospace;font-weight:700;line-height:1.25;overflow:auto}.glow-pre.svelte-1du1zi4{text-shadow:0 0 3px}.with-scanlines.svelte-1du1zi4:after{content:" ";pointer-events:none;z-index:5;opacity:.3;background:linear-gradient(#12101000 50%,#0003 50%) 0 0/100% 4px;display:block;position:absolute;inset:0}.camera-preview-card.svelte-1du1zi4{aspect-ratio:4/3;border-radius:var(--roundness);border:1px solid var(--primary);background:var(--surface-container-lowest);z-index:10;pointer-events:none;opacity:0;width:150px;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s;position:absolute;bottom:1rem;right:1rem;overflow:hidden;transform:scale(.95);box-shadow:0 4px 20px #0009}.camera-preview-card.visible.svelte-1du1zi4{opacity:1;pointer-events:auto;transform:scale(1)}.camera-preview-card.svelte-1du1zi4 video:where(.svelte-1du1zi4){object-fit:cover;width:100%;height:100%}.camera-preview-card.mirrored.svelte-1du1zi4 video:where(.svelte-1du1zi4){transform:scaleX(-1)}.preview-badge.svelte-1du1zi4{color:var(--primary);letter-spacing:.05em;background:#000000b3;border-radius:2px;padding:.1rem .3rem;font-family:Courier New,Courier,monospace;font-size:.6rem;font-weight:700;position:absolute;top:.25rem;left:.25rem}.viewport-controls.svelte-1du1zi4{background:var(--surface-container-low);border-top:1px solid var(--outline-variant);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.action-buttons.svelte-1du1zi4{flex-wrap:wrap;gap:.5rem;display:flex}.action-btn.svelte-1du1zi4{background:var(--surface-container-high);border:1px solid var(--outline-variant);color:var(--on-surface);border-radius:var(--roundness);padding:.4rem .8rem;font-size:.8rem;font-weight:500;transition:all .2s}.action-btn.svelte-1du1zi4:hover:not(:disabled){background:var(--surface-container-highest);border-color:var(--primary);color:var(--primary)}.action-btn.svelte-1du1zi4:disabled{opacity:.4;cursor:not-allowed}.action-btn.border-accent.svelte-1du1zi4{border-color:var(--primary-container);color:var(--primary)}.action-btn.border-accent.svelte-1du1zi4:hover:not(:disabled){background:var(--primary-container);color:var(--on-primary-container)}.performance-metrics.svelte-1du1zi4{gap:1.25rem;display:flex}.metric-item.svelte-1du1zi4{flex-direction:column;align-items:flex-end;display:flex}.metric-label.svelte-1du1zi4{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.metric-value.svelte-1du1zi4{color:var(--on-surface);font-family:Courier New,Courier,monospace;font-size:.95rem;font-weight:700}.metric-item.highlight.svelte-1du1zi4 .metric-value:where(.svelte-1du1zi4){color:var(--primary)}.workspace-overlay.svelte-1du1zi4{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;color:var(--on-surface);background:#0d0e0fe6;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.loading-sub.svelte-1du1zi4{color:var(--on-surface-variant);font-size:.8rem;font-style:italic}.error-overlay.svelte-1du1zi4{background:#1a0c0cf2;border:1px solid #f55}.error-icon.svelte-1du1zi4{font-size:2.5rem}.error-details.svelte-1du1zi4{color:#f77;text-align:center;border-radius:var(--roundness);background:#0006;border:1px solid #f553;max-width:80%;padding:.5rem 1rem;font-family:Courier New,Courier,monospace;font-size:.8rem}.retry-btn.svelte-1du1zi4{color:#fdd;border-radius:var(--roundness);cursor:pointer;background:#f553;border:1px solid #f55;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:background .2s}.retry-btn.svelte-1du1zi4:hover{background:#f556}.spinner.svelte-1du1zi4{border:3px solid var(--outline-variant);border-top:3px solid var(--primary);border-radius:50%;width:36px;height:36px;animation:1s linear infinite svelte-1du1zi4-spin}@keyframes svelte-1du1zi4-spin{to{transform:rotate(360deg)}}@media (width<=900px){.demo-wrapper.svelte-1du1zi4{height:auto}.demo-container.svelte-1du1zi4{grid-template-rows:auto auto;grid-template-columns:1fr}.settings-panel.svelte-1du1zi4{max-height:400px}.viewport-card.svelte-1du1zi4{height:550px}}