@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";@font-face{font-family:Nyxerin;src:url(/fonts/NYXERIN.otf)format("opentype");font-weight:400;font-style:normal}: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:0px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--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:#0a0807;--bg-elevated:#110e0d;--bg-surface:#1e1a18;--border-subtle:#2c2622;--border-strong:#3f3731;--text-muted:#594f45;--text-secondary:#7b6f63;--text-primary:#b5aa8a;--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}#app{width:100vw;height:100vh;margin:0;padding:0;display:block;position:relative;overflow:hidden}.ui-container{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-strong);border-radius:var(--radius-sm);z-index:20;width:320px;max-height:calc(100vh - 40px);transition:max-height var(--duration-normal) var(--easing);background:#0a0807d9;flex-direction:column;display:flex;position:absolute;top:20px;left:20px;overflow:hidden;box-shadow:0 0 20px #e04a120d}.ui-container.collapsed{max-height:45px}.ui-header{border-bottom:1px solid var(--border-subtle);cursor:default;background:#110e0d80;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.logo{align-items:center;gap:var(--space-2);display:flex}.logo-icon{width:auto;height:16px;filter:var(--logo-filter)}.logo-text{color:var(--text-bright);text-shadow:0 0 8px #f5f2ec33;white-space:nowrap;font-family:Nyxerin,sans-serif;font-size:16px;line-height:1;transform:translateY(2px)}.btn-toggle-ui{color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:var(--text-md);transition:color var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;line-height:1;display:flex}.btn-toggle-ui:hover{color:var(--text-primary)}.ui-panels{gap:var(--space-2);padding:var(--space-2);flex-direction:column;display:flex;overflow-y:auto}.panel{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);gap:var(--space-2);background:#110e0d66;flex-direction:column;display:flex}.panel-title{font-size:var(--text-xs);color:var(--text-primary);text-transform:uppercase;justify-content:space-between;align-items:center;font-weight:600;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:16px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:var(--bg-base);border-radius:var(--radius-full);border:1px solid var(--border-strong);width:100%;height:4px}input[type=range]::-webkit-slider-thumb{background:var(--color-accent);cursor:pointer;-webkit-appearance:none;border-radius:50%;width:12px;height:12px;margin-top:-5px;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}input[type=range]::-moz-range-track{cursor:pointer;background:var(--bg-base);border-radius:var(--radius-full);border:1px solid var(--border-strong);width:100%;height:4px}input[type=range]::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.input,select,.select{font-family:var(--font-family);letter-spacing:var(--letter-spacing);font-size:var(--text-xs);color:var(--text-bright);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--easing);background:#0006;outline:none;width:100%;padding:6px 10px}.input:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow)}select{appearance:none;cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23B5AA8A%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 12px top 50%;background-repeat:no-repeat;background-size:10px;padding-right:28px}select option{background:var(--bg-surface);color:var(--text-primary)}input[type=color]{appearance:none;border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:100%;height:28px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:1px solid var(--border-strong);border-radius:var(--radius-xs)}input[type=color]::-moz-color-swatch{border:1px solid var(--border-strong);border-radius:var(--radius-xs)}.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);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--easing);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);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--easing);background:0 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);border-radius:var(--radius-sm);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;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-color:var(--bg-elevated);border-radius:var(--radius-sm);width:32px;height:32px;font-size:var(--text-lg);border:1px solid var(--border-subtle);background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex}footer{text-align:center;font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-2) 0 0 0;justify-content:space-between;display:flex}footer a{color:var(--text-secondary);text-decoration:none}footer a:hover{color:var(--text-primary)}.hidden{display:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.progress-bar-container{background:var(--bg-surface);border-radius:var(--radius-full);border:1px solid var(--border-strong);width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--color-accent);width:0%;height:100%;transition:width .1s ease-out}