.caca-root{background:#0a0a0a;min-height:100vh;font-family:Courier New,monospace;color:#39ff14;display:flex;flex-direction:column;align-items:center}.caca-header{width:100%;border-bottom:1px solid #1a2a1a;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;background:#001400cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:sticky;top:0;z-index:10;box-sizing:border-box;gap:16px}.caca-brand{font-size:13px;letter-spacing:4px;color:#39ff14;text-transform:uppercase}.caca-header-meta{font-size:10px;color:#2a6a2a;margin-left:12px;letter-spacing:2px}.caca-header-right{display:flex;gap:10px;align-items:center}.caca-fps-badge{font-size:10px;color:#39ff14;background:#010;padding:2px 8px;border:1px solid #39ff14}.caca-header-note{font-size:10px;color:#1a4a1a;letter-spacing:1px}.caca-header-links{display:flex;gap:8px;margin-left:6px}.caca-header-link{color:#39ff14;font-size:10px;letter-spacing:1px;text-decoration:none}.caca-content{width:100%;max-width:880px;padding:20px 16px;box-sizing:border-box}.caca-controls-bar{display:flex;gap:16px;align-items:center;margin-bottom:16px;flex-wrap:wrap;padding:10px 14px;background:#050f05;border:1px solid #1a2a1a}.caca-control-group{display:flex;align-items:center;gap:8px}.caca-control-label{font-size:10px;color:#2a6a2a;letter-spacing:2px}.caca-range{accent-color:#39ff14}.caca-range-sm{width:100px}.caca-range-md{width:110px}.caca-control-value{font-size:11px;color:#39ff14}.caca-value-cols{min-width:28px}.caca-value-source{min-width:32px}.caca-value-output{min-width:36px}.caca-pill-button,.caca-outline-button,.caca-play-button,.caca-download-button{font-family:inherit;font-size:10px;letter-spacing:1px}.caca-pill-button,.caca-outline-button{padding:2px 8px;cursor:pointer;background:transparent;color:#39ff14;border:1px solid #39ff14}.caca-pill-button.is-active{background:#39ff14;color:#000}.caca-outline-button{padding:3px 10px}.caca-play-button{margin-left:8px;padding:3px 12px;cursor:pointer;color:#000;border:0;letter-spacing:2px}.caca-play-button.is-playing{background:#ff3939}.caca-play-button.is-paused{background:#39ff14}.caca-download-button{margin-left:auto;padding:3px 12px;cursor:pointer;background:#39ff14;color:#000;border:0;letter-spacing:2px;opacity:1}.caca-download-button.is-exporting{cursor:wait;background:#1b3d1b;color:#8fd38f;opacity:.9}.caca-error-alert{margin-bottom:16px;padding:10px 12px;border:1px solid #ff5757;background:#260909;color:#ff8f8f;font-size:11px;letter-spacing:.6px}.caca-palette-strip{display:flex;gap:2px;margin-bottom:16px}.caca-palette-cell{flex:1;height:6px;outline:1px solid #0a0a0a}.caca-palette-color-0{background:#000}.caca-palette-color-1{background:navy}.caca-palette-color-2{background:green}.caca-palette-color-3{background:teal}.caca-palette-color-4{background:maroon}.caca-palette-color-5{background:purple}.caca-palette-color-6{background:olive}.caca-palette-color-7{background:#aaa}.caca-palette-color-8{background:#555}.caca-palette-color-9{background:#00f}.caca-palette-color-10{background:#0f0}.caca-palette-color-11{background:#0ff}.caca-palette-color-12{background:red}.caca-palette-color-13{background:#f0f}.caca-palette-color-14{background:#ff0}.caca-palette-color-15{background:#fff}.caca-drop-zone{position:relative;width:100%;aspect-ratio:16/9;background:#020802;border:1px solid #1a3a1a;overflow:hidden}.caca-drop-zone.is-empty{cursor:pointer}.caca-drop-zone.has-media{cursor:default}.caca-output-canvas{display:none;width:100%;height:100%;image-rendering:pixelated}.caca-output-canvas.is-visible{display:block}.caca-scanline-overlay{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px)}.caca-drop-prompt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.caca-drop-glyphs{font-size:32px;color:#1a4a1a}.caca-drop-title{font-size:12px;color:#39ff14;letter-spacing:3px}.caca-drop-formats{font-size:10px;color:#1a4a1a;letter-spacing:2px}.caca-drop-details{font-size:9px;color:#1a3a1a;margin-top:8px;max-width:360px;text-align:center;line-height:1.6}.caca-algo-overlay{position:absolute;bottom:6px;right:8px;font-size:9px;color:#39ff144d;letter-spacing:1px;pointer-events:none}.caca-hidden-input,.caca-hidden-media{display:none}.caca-reference-box{margin-top:16px;padding:10px 14px;background:#050f05;border:1px solid #1a2a1a;font-size:9px;color:#1a4a1a;line-height:1.8;letter-spacing:1px}.caca-reference-label{color:#2a6a2a}@media(max-width:960px){.caca-header{padding:10px 14px;flex-direction:column;align-items:flex-start}.caca-header-meta{display:block;margin-left:0;margin-top:4px}.caca-header-right{width:100%;flex-wrap:wrap}.caca-header-links{margin-left:0}}:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%}body{background:#0a0a0a}a{color:#39ff14}.info-page-root{min-height:100vh;background:#0a0a0a;color:#c7ffd3;font-family:Courier New,monospace}.info-page-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid #1a2a1a;background:#001400cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.info-brand{color:#39ff14;letter-spacing:.3em;font-size:13px;text-transform:uppercase}.info-nav{display:flex;gap:8px;flex-wrap:wrap}.info-nav-link{color:#39ff14;text-decoration:none;font-size:11px;letter-spacing:.08em;border:1px solid #2a6a2a;padding:4px 8px}.info-nav-link-active{color:#001200;background:#39ff14;border-color:#39ff14}.info-page-main{display:flex;justify-content:center;padding:22px 16px}.info-card{width:min(860px,100%);background:#050f05;border:1px solid #1a2a1a;padding:20px;line-height:1.7}.info-card h1{margin-top:0;margin-bottom:12px;color:#39ff14;font-size:26px}.info-card h2{margin:22px 0 8px;color:#7bffa0;font-size:16px}.info-card p,.info-card li{color:#b6e0bb;font-size:14px}.info-card ul{margin:8px 0;padding-left:20px}.info-page-footer{display:flex;justify-content:center;padding:0 16px 24px}@media(max-width:720px){.info-page-header{align-items:flex-start;flex-direction:column;padding:10px 14px}.info-brand{font-size:12px}.info-nav-link{font-size:10px}.info-card{padding:14px}.info-card h1{font-size:22px}}