@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{--color-accent:#e04a12;--color-accent-hover:#d44a10;--color-accent-active:#c83e0b;--color-accent-glow:#e04a124d;--font-family:"IBM Plex Mono", monospace;--text-transform:uppercase;--letter-spacing:.05em;--line-height-body:1.5;--line-height-heading:1.2;--text-xs:10px;--text-sm:12px;--text-base:14px;--text-md:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:40px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--easing:cubic-bezier(.25, .1, .25, 1)}:root,[data-theme=dark],.theme-dark{--bg-base:#1a1714;--bg-elevated:#1e1b17;--bg-surface:#2a2520;--border-subtle:#352f28;--border-strong:#4a4239;--text-muted:#6b5f52;--text-secondary:#8a7d6e;--text-primary:#c4b99a;--text-bright:#f5f2ec;--logo-filter:none}[data-theme=light],.theme-light{--bg-base:#c4b99a;--bg-elevated:#d5ccba;--bg-surface:#f5f2ec;--border-subtle:#b0a68e;--border-strong:#9a907a;--text-muted:#8a7d6e;--text-secondary:#5a5348;--text-primary:#3d3831;--text-bright:#3d3831;--logo-filter:invert(1)}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-family);text-transform:var(--text-transform);letter-spacing:var(--letter-spacing);background:var(--bg-base);color:var(--text-primary);line-height:var(--line-height-body);flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex}h1,h2,h3,h4,h5,h6,p{margin:0}#ascii-output-container{font-family:var(--font-family);white-space:pre;transform-origin:50%;letter-spacing:0;text-transform:none;-webkit-user-select:none;user-select:none;z-index:2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;min-width:min-content;min-height:min-content;margin:auto;padding:20px;font-size:10px;line-height:1;display:flex;position:relative}#ascii-output-container.glow{text-shadow:0 0 10px,0 0 15px}.crt-scanlines{pointer-events:none;z-index:10;opacity:.35;mix-blend-mode:overlay;background-image:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,3px 100%;position:absolute;inset:0}.crt-vignette{pointer-events:none;z-index:11;mix-blend-mode:multiply;background:radial-gradient(circle,#0000 30%,#0009 120%);position:absolute;inset:0}.crt-flicker{pointer-events:none;z-index:12;mix-blend-mode:overlay;background:#fff;animation:.15s infinite crt-flicker;position:absolute;inset:0}@keyframes crt-flicker{0%{opacity:.014}50%{opacity:.035}to{opacity:.014}}.floating-window{z-index:10;background:var(--bg-surface);border:1px solid var(--border-subtle);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);border-radius:0;flex-direction:column;width:320px;transition:opacity .2s;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 30px #0000004d}.window-header{background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);cursor:grab;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.window-header:active{cursor:grabbing}.window-title{font-size:var(--text-xs);color:var(--text-primary);letter-spacing:1px;text-transform:uppercase;font-weight:600}.window-min-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.window-min-btn:hover{color:var(--color-accent)}.window-content{background:var(--bg-base);max-height:calc(100vh - 100px);padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.dock{z-index:100;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:20px;left:20px}.dock-icon{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) var(--easing);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;padding:8px 12px;font-weight:600;display:flex;box-shadow:0 4px 10px #0003}.dock-icon:hover{background:var(--bg-surface);border-color:var(--color-accent);color:var(--color-accent)}.panel{background:var(--bg-elevated);border:1px solid var(--border-subtle);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);padding:var(--space-4);gap:var(--space-3);border-radius:0;flex-direction:column;display:flex}.panel-title{font-size:var(--text-xs);color:var(--text-secondary);justify-content:space-between;align-items:center;font-weight:500;display:flex}.panel-title button{color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:var(--text-xs);text-transform:var(--text-transform);letter-spacing:var(--letter-spacing);background:0 0;border:none;padding:0}.panel-title button:hover{color:var(--text-primary)}label{gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);flex-direction:column;display:flex}.label-header{justify-content:space-between;display:flex}.label-val{color:var(--text-muted)}input[type=range]{-webkit-appearance:none;background:0 0;width:100%;height:20px}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:var(--border-strong);border:none;width:100%;height:2px}input[type=range]::-webkit-slider-thumb{border:1px solid var(--color-accent);background:var(--color-accent);cursor:pointer;-webkit-appearance:none;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);width:8px;height:14px;box-shadow:0 0 8px var(--color-accent-glow);transition:all var(--duration-fast);margin-top:-6px}input[type=range]:focus::-webkit-slider-thumb{background:var(--text-bright);border-color:var(--text-bright)}.input{font-family:var(--font-family);letter-spacing:var(--letter-spacing);font-size:var(--text-xs);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);transition:all var(--duration-fast) var(--easing);border-radius:0;outline:none;width:100%;padding:8px 12px}.input:focus{border-color:var(--color-accent);background:var(--bg-elevated)}select.input{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--color-accent) 50%), linear-gradient(135deg, var(--color-accent) 50%, transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px,5px 5px}.btn-primary{font-family:var(--font-family);text-transform:var(--text-transform);letter-spacing:var(--letter-spacing);font-size:var(--text-xs);background:var(--color-accent);color:#f5f2ec;border:1px solid var(--color-accent);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);cursor:pointer;transition:all var(--duration-fast) var(--easing);border-radius:0;width:100%;padding:8px 16px;font-weight:600}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-primary:active{background:var(--color-accent-active);border-color:var(--color-accent-active)}.btn-secondary{font-family:var(--font-family);text-transform:var(--text-transform);letter-spacing:var(--letter-spacing);font-size:var(--text-xs);color:var(--text-primary);border:1px solid var(--border-strong);clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);cursor:pointer;transition:all var(--duration-fast) var(--easing);background:0 0;border-radius:0;width:100%;padding:8px 16px;font-weight:500}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--text-primary)}.btn-group{gap:var(--space-1);display:flex}.btn-group button{font-size:var(--text-xs);background:var(--bg-surface);color:var(--text-muted);clip-path:polygon(0 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%);cursor:pointer;font-family:var(--font-family);text-transform:var(--text-transform);letter-spacing:var(--letter-spacing);transition:all var(--duration-fast) var(--easing);border:1px solid #0000;border-radius:0;flex:1;padding:8px 6px}.btn-group button.active{background:var(--border-subtle);color:var(--text-primary);border-color:var(--border-strong)}.btn-group button:hover:not(.active){background:var(--border-subtle);color:var(--text-primary)}.upload-btn{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);text-align:left;transition:all var(--duration-fast) var(--easing);font-family:inherit;display:flex}.upload-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.upload-icon{background:var(--bg-elevated);border-radius:var(--radius-xs);width:32px;height:32px;font-size:var(--text-lg);justify-content:center;align-items:center;display:flex}.hidden{display:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}