@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;600;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{color-scheme:light dark}[data-theme=dark]{--bg-deep: #0c0c14;--bg-surface: #141420;--bg-card: #1a1a2a;--bg-card-hover: #22223a;--bg-input: #0e0e1a;--bg-overlay: rgb(18 18 31 / 70%);--bg-overlay-light: rgb(18 18 31 / 50%);--bg-preview: linear-gradient(135deg, rgb(74 158 255 / 10%), rgb(139 92 246 / 10%)), rgb(3 3 8 / 85%);--accent-primary: #4a9eff;--accent-secondary: #00d4ff;--accent-tertiary: #8b5cf6;--accent-primary-dim: rgb(74 158 255 / 8%);--accent-primary-glow: rgb(74 158 255 / 20%);--accent-gradient: linear-gradient(135deg, var(--accent-secondary), var(--accent-primary), var(--accent-tertiary));--text-primary: #e8e8f0;--text-secondary: #8888a0;--text-tertiary: #5a5a72;--border-subtle: #2a2a3e;--border-hover: #3a3a54;--border-preview: rgb(255 255 255 / 10%);--color-success: #34d399;--color-success-bg: rgb(34 211 153 / 12%);--color-warning: #fbbf24;--color-error: #f87171;--color-info: #00d4ff;--shadow-card: 0 4px 24px rgb(0 0 0 / 40%);--shadow-glow: 0 0 40px rgb(74 158 255 / 10%);--shadow-elevated: 0 8px 32px rgb(0 0 0 / 50%);--shadow-focus: 0 0 0 2px rgb(74 158 255 / 20%);--checkerboard-a: #1a1a2a;--checkerboard-b: #141420;--wii-blue: #0058c8;--wii-light: #5ac8fa;--grid-line: rgb(255 255 255 / 1.5%);--grid-glow-a: rgb(0 88 200 / 8%);--grid-glow-b: rgb(90 200 250 / 5%);--tab-active-bg: linear-gradient(135deg, rgb(74 158 255 / 15%), rgb(139 92 246 / 15%));--tab-hover-bg: rgb(255 255 255 / 3%);--badge-inactive-bg: rgb(255 255 255 / 5%);--header-gradient: linear-gradient(135deg, var(--wii-light), var(--accent-primary), var(--accent-tertiary));--section-bar-gradient: linear-gradient(180deg, var(--accent-secondary), var(--accent-primary));--top-accent-gradient: linear-gradient(90deg, transparent, var(--accent-primary), transparent);--primary-btn-gradient: linear-gradient(135deg, var(--wii-blue), var(--accent-tertiary))}[data-theme=light]{--bg-deep: #f4f5f7;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f0f1f5;--bg-input: #f7f8fa;--bg-overlay: rgb(255 255 255 / 80%);--bg-overlay-light: rgb(245 245 247 / 70%);--bg-preview: linear-gradient(135deg, rgb(37 99 235 / 6%), rgb(124 58 237 / 6%)), rgb(240 241 245 / 90%);--accent-primary: #2563eb;--accent-secondary: #0891b2;--accent-tertiary: #7c3aed;--accent-primary-dim: rgb(37 99 235 / 6%);--accent-primary-glow: rgb(37 99 235 / 15%);--accent-gradient: linear-gradient(135deg, var(--accent-secondary), var(--accent-primary), var(--accent-tertiary));--text-primary: #1a1a2e;--text-secondary: #64748b;--text-tertiary: #94a3b8;--border-subtle: #e2e4ea;--border-hover: #cbd0d8;--border-preview: rgb(0 0 0 / 8%);--color-success: #16a34a;--color-success-bg: rgb(22 163 74 / 10%);--color-warning: #d97706;--color-error: #dc2626;--color-info: #0891b2;--shadow-card: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 6%);--shadow-glow: 0 0 24px rgb(37 99 235 / 8%);--shadow-elevated: 0 4px 16px rgb(0 0 0 / 10%);--shadow-focus: 0 0 0 2px rgb(37 99 235 / 18%);--checkerboard-a: #d8d8de;--checkerboard-b: #e8e8ec;--wii-blue: #0058c8;--wii-light: #2b8dd4;--grid-line: rgb(0 0 0 / 2.5%);--grid-glow-a: rgb(37 99 235 / 4%);--grid-glow-b: rgb(8 145 178 / 3%);--tab-active-bg: rgb(37 99 235 / 8%);--tab-hover-bg: rgb(0 0 0 / 3%);--badge-inactive-bg: rgb(0 0 0 / 5%);--header-gradient: linear-gradient(135deg, var(--wii-blue), var(--accent-primary), var(--accent-tertiary));--section-bar-gradient: linear-gradient(180deg, var(--accent-secondary), var(--accent-primary));--top-accent-gradient: linear-gradient(90deg, transparent, var(--accent-primary), transparent);--primary-btn-gradient: linear-gradient(135deg, var(--wii-blue), var(--accent-tertiary))}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{background:var(--bg-deep);color:var(--text-primary);font-family:"Exo 2",sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,var(--grid-glow-a) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,var(--grid-glow-b) 0%,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 60px,var(--grid-line) 60px,var(--grid-line) 61px),repeating-linear-gradient(90deg,transparent,transparent 60px,var(--grid-line) 60px,var(--grid-line) 61px);pointer-events:none;z-index:0}.app{position:relative;z-index:1;display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:280px;min-width:280px;height:100vh;display:flex;flex-direction:column;overflow-y:auto;padding:24px 16px;background:var(--bg-surface);border-right:1px solid var(--border-subtle)}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.main-content{flex:1;min-width:0;padding:32px}.main-content-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:.9rem}.sidebar-footer{margin-top:auto;padding-top:16px}header{display:flex;flex-direction:column;margin-bottom:20px}header h1{margin:0 0 4px;font-size:1.3rem;font-weight:800;letter-spacing:-.3px;background:var(--header-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}header p{margin:0;color:var(--text-secondary);font-size:.75rem;font-weight:300;line-height:1.4}.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-card);color:var(--text-secondary);font-size:.82rem;cursor:pointer;transition:all .2s ease}.theme-toggle:hover{border-color:var(--accent-primary);color:var(--text-primary);background:var(--bg-card-hover)}.theme-label{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.drop-zone{border:2px dashed var(--border-subtle);border-radius:10px;padding:20px 14px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:16px}[data-theme=light] .drop-zone{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-card);box-shadow:var(--shadow-card)}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent-primary);background:var(--accent-primary-dim);box-shadow:var(--shadow-glow)}.drop-zone .drop-title{margin-bottom:4px;font-size:.85rem;font-weight:600}.drop-zone span{color:var(--text-secondary);font-size:.75rem}input[type=file]{display:none}.recent-wads{margin-bottom:16px;border:1px solid var(--border-subtle);border-radius:10px;padding:10px;background:var(--bg-overlay)}[data-theme=light] .recent-wads{background:var(--bg-card);box-shadow:var(--shadow-card)}.recent-wads-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.recent-wads-title{color:var(--accent-secondary);font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.clear-recent-button{padding:4px 8px;font-size:.68rem}.recent-wads-list{display:flex;flex-direction:column;gap:6px}.recent-wad-item{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--border-subtle);border-radius:8px;padding:8px 10px;text-align:left;background:var(--bg-surface)}.recent-wad-preview{display:flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:30px;border:1px solid var(--border-preview);border-radius:4px;background:var(--bg-preview);overflow:hidden}.recent-wad-preview img{max-width:100%;max-height:30px;object-fit:contain;image-rendering:pixelated}.recent-wad-preview-empty{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.5rem}.recent-wad-info{flex:1;min-width:0}.recent-wad-item:hover:not(:disabled){border-color:var(--accent-primary);background:var(--accent-primary-dim)}.recent-wad-item:disabled{cursor:wait;opacity:.75}.recent-wad-name{display:block;color:var(--text-primary);font-size:.78rem;font-weight:600;word-break:break-word;line-height:1.3}.recent-wad-meta{display:block;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.62rem}.render-area{display:block}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--accent-secondary);font-size:1.1rem;font-weight:600}.section-title:before{content:"";width:4px;height:20px;border-radius:2px;background:var(--section-bar-gradient)}.icon-title{margin-top:24px}.banner-display{position:relative;margin-bottom:32px;border:1px solid var(--border-subtle);border-radius:12px;padding:24px;overflow:hidden;background:var(--bg-card);box-shadow:var(--shadow-card)}.banner-display:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--top-accent-gradient)}.preview-display-toggle{display:inline-flex;gap:2px;margin-bottom:16px;border:1px solid var(--border-subtle);border-radius:8px;padding:3px;background:var(--bg-overlay)}[data-theme=light] .preview-display-toggle{background:var(--bg-input)}.preview-display-option{border:none;border-radius:6px;padding:6px 16px;font-size:.78rem;color:var(--text-secondary);background:transparent}.preview-display-option.active{color:var(--text-primary);background:var(--tab-active-bg);box-shadow:var(--shadow-card)}.preview-display-option:hover:not(.active){color:var(--text-primary);background:var(--tab-hover-bg)}.canvas-container.hidden{display:none}.canvas-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:32px}.canvas-container{text-align:center}.canvas-container label{display:block;margin-bottom:12px;color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}canvas{border-radius:8px;box-shadow:var(--shadow-card);background-color:var(--checkerboard-b);background-image:linear-gradient(45deg,var(--checkerboard-a) 25%,transparent 25%),linear-gradient(-45deg,var(--checkerboard-a) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checkerboard-a) 75%),linear-gradient(-45deg,transparent 75%,var(--checkerboard-a) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:20px}.export-progress{font-size:.85em;color:var(--color-text-secondary, #888);width:100%;text-align:center}.export-panel{display:flex;flex-direction:column;gap:24px}.export-options{display:flex;flex-direction:column;gap:12px}.export-option-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.export-option-row label{font-weight:600;min-width:140px}.export-option-row select{padding:4px 8px;border-radius:4px;border:1px solid var(--color-border, #444);background:var(--color-surface, #1a1a2e);color:var(--color-text, #e0e0e0)}.export-option-hint{font-size:.8em;color:var(--color-text-secondary, #888)}.export-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.export-state-settings{border-top:1px solid var(--color-border, #333);padding-top:12px}.export-settings-label{font-weight:600;font-size:.9em;margin-bottom:8px;color:var(--color-text-secondary, #888)}.export-preview-section{border-top:1px solid var(--color-border, #333);padding-top:16px}.export-preview-section .section-title{display:flex;align-items:center;gap:12px}.export-load-zip-btn{font-size:.8em;padding:2px 10px}.bundle-nav{display:flex;gap:4px;margin:12px 0;flex-wrap:wrap}.bundle-nav-btn{padding:4px 14px;border-radius:4px;font-size:.85em;border:1px solid var(--color-border, #444);background:transparent;color:var(--color-text-secondary, #aaa);cursor:pointer}.bundle-nav-btn.active{background:var(--color-accent, #4a5fcf);color:#fff;border-color:var(--color-accent, #4a5fcf)}.bundle-snapshots{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.bundle-snapshot-card{text-align:center}.bundle-snapshot-card img{max-width:320px;max-height:280px;border:1px solid var(--color-border, #333);border-radius:4px;background:repeating-conic-gradient(#333,#333 25%,#222 0%,#222 50%) 0 0 / 16px 16px}.bundle-snapshot-label{font-size:.8em;color:var(--color-text-secondary, #888);margin-top:4px}.bundle-textures{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.bundle-texture-card{text-align:center}.bundle-texture-card img{max-width:128px;max-height:128px;border:1px solid var(--color-border, #333);border-radius:3px;background:repeating-conic-gradient(#333,#333 25%,#222 0%,#222 50%) 0 0 / 8px 8px}.bundle-texture-label{font-size:.75em;color:var(--color-text-secondary, #888);max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bundle-manifest{max-height:500px;overflow:auto;font-size:.82em}.bundle-file-list{margin-top:8px}.bundle-file-list table{width:100%;border-collapse:collapse;font-size:.85em}.bundle-file-list th{text-align:left;padding:6px 10px;border-bottom:1px solid var(--color-border, #444);font-weight:600;color:var(--color-text-secondary, #aaa)}.bundle-file-list td{padding:4px 10px;border-bottom:1px solid var(--color-border, #222)}.bundle-file-path{font-family:monospace;font-size:.9em;word-break:break-all}.bundle-file-size{white-space:nowrap;color:var(--color-text-secondary, #888)}.bundle-file-type{color:var(--color-text-secondary, #888)}.bundle-file-summary{font-size:.8em;color:var(--color-text-secondary, #888);margin-top:8px}.bundle-audio{margin-top:16px}.bundle-audio audio{width:100%;max-width:400px}.frame-settings{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:14px;color:var(--text-secondary);font-size:.8rem}.frame-settings label{color:var(--text-secondary);font-weight:600;letter-spacing:.8px;text-transform:uppercase}.frame-settings input{width:96px;border:1px solid var(--border-subtle);border-radius:8px;padding:8px 10px;color:var(--text-primary);background:var(--bg-input);font-family:JetBrains Mono,monospace;font-size:.85rem}.frame-settings input:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.state-settings{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px}.state-control{display:flex;align-items:center;gap:8px}.state-control label{color:var(--text-secondary);font-size:.78rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.state-control select{min-width:140px;border:1px solid var(--border-subtle);border-radius:8px;padding:8px 10px;color:var(--text-primary);background:var(--bg-input);font-family:JetBrains Mono,monospace;font-size:.8rem}.state-control select:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.settings-json-section{margin-top:12px;text-align:center}.settings-json-toggle{font-size:.78rem;color:var(--text-secondary);background:none;border:1px solid var(--border-subtle);border-radius:8px;padding:4px 12px;cursor:pointer}.settings-json-toggle:hover{border-color:var(--accent-primary);color:var(--text-primary)}.settings-json-panel{margin-top:8px;border:1px solid var(--border-subtle);border-radius:10px;padding:8px 12px;background:var(--bg-overlay-light);text-align:left}[data-theme=light] .settings-json-panel{background:var(--bg-input)}.settings-json-actions{display:flex;justify-content:flex-end;margin-bottom:6px}.settings-json-actions button{font-size:.75rem;padding:3px 10px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer}.settings-json-actions button:hover{border-color:var(--accent-primary);color:var(--text-primary)}.settings-json-code{margin:0;padding:8px;border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem;line-height:1.5;overflow-x:auto;white-space:pre;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.custom-weather-settings{margin-top:12px;border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px;background:var(--bg-overlay-light)}[data-theme=light] .custom-weather-settings{background:var(--bg-input)}.custom-weather-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.custom-weather-toggle input{accent-color:var(--accent-primary)}.custom-weather-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px 12px;margin-top:10px}.custom-weather-wide{grid-column:1 / -1}.custom-weather-temp-row{display:flex;gap:8px;width:100%}.state-control input,.state-control textarea{width:100%;border:1px solid var(--border-subtle);border-radius:8px;padding:8px 10px;color:var(--text-primary);background:var(--bg-input);font-family:JetBrains Mono,monospace;font-size:.8rem}.state-control textarea{resize:vertical;min-height:68px}.custom-weather-temp-row input{min-width:90px}.custom-weather-temp-row select{min-width:72px}.state-control input:focus,.state-control textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.frame-settings-range{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.75rem}button{border:1px solid var(--border-subtle);border-radius:8px;padding:10px 24px;font-family:"Exo 2",sans-serif;color:var(--text-primary);background:var(--bg-card);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}button:hover{border-color:var(--accent-primary);background:var(--accent-primary-dim)}button.primary{border:none;color:#fff;background:var(--primary-btn-gradient)}button.primary:hover{box-shadow:0 4px 20px #4a9eff4d}.anim-status{margin-top:12px;text-align:center;color:var(--text-secondary);font-size:.8rem}.playback-timeline{margin-top:16px;padding:0 4px;text-align:center}.phase-mode-toggle{display:inline-flex;gap:2px;margin-bottom:12px;border:1px solid var(--border-subtle);border-radius:8px;padding:3px;background:var(--bg-overlay)}[data-theme=light] .phase-mode-toggle{background:var(--bg-input)}.phase-mode-option{border:none;border-radius:6px;padding:6px 14px;font-size:.75rem;color:var(--text-secondary);background:transparent}.phase-mode-option.active{color:var(--text-primary);background:var(--tab-active-bg);box-shadow:var(--shadow-card)}.phase-mode-option:hover:not(.active){color:var(--text-primary);background:var(--tab-hover-bg)}.timeline-track-row{margin-bottom:10px}.timeline-track-row:last-child{margin-bottom:0}.timeline-labels{display:flex;justify-content:center;align-items:baseline;gap:12px;margin-bottom:6px;font-size:.72rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.timeline-track-play{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--border-subtle);border-radius:5px;background:var(--bg-input);cursor:pointer;font-size:.6rem;color:var(--text-secondary);padding:0;flex-shrink:0;line-height:1}.timeline-track-play:hover{color:var(--text-primary);background:var(--tab-hover-bg)}.timeline-track-label{color:var(--text-primary);font-weight:700}.timeline-counter{margin-left:auto;font-family:JetBrains Mono,monospace;font-weight:400;letter-spacing:0;text-transform:none;color:var(--text-secondary)}.timeline-phase-label.start{color:var(--accent-tertiary)}.timeline-phase-label.loop{color:var(--accent-primary)}.timeline-phase-label.once{color:var(--accent-secondary, var(--accent-primary))}.timeline-track{position:relative;display:flex;height:8px;border-radius:4px;overflow:visible;cursor:pointer;background:var(--bg-input);border:1px solid var(--border-subtle);touch-action:none;transition:height .15s ease}.timeline-track:hover,.timeline-track.dragging{height:12px}.timeline-segment{height:100%;min-width:2px}.timeline-segment.start{background:var(--accent-tertiary);opacity:.35;border-radius:3px 0 0 3px}.timeline-segment.loop{background:var(--accent-primary);opacity:.35;border-radius:0 3px 3px 0}.timeline-segment.start:only-child{border-radius:3px}.timeline-segment.loop:first-child{border-radius:3px}.timeline-segment.once{background:var(--accent-secondary, var(--accent-primary));opacity:.35;border-radius:0 3px 3px 0}.timeline-segment.once:first-child{border-radius:3px}.timeline-playhead{position:absolute;top:-4px;left:0;width:3px;height:calc(100% + 8px);background:var(--text-primary);border-radius:2px;pointer-events:none;transform:translate(-50%);z-index:2;box-shadow:0 0 6px #0000004d}.audio-section{margin-top:16px;text-align:center}.audio-section label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.audio-section audio{width:min(520px,100%)}.audio-meta{margin-top:8px;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.72rem}.tab-bar{position:sticky;top:0;z-index:20;display:flex;flex-direction:row;gap:2px;padding:6px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}[data-theme=light] .tab-bar{background:var(--bg-surface)}.tab{border:none;border-radius:6px;padding:7px 16px;color:var(--text-secondary);background:transparent;text-align:center;font-size:.82rem;white-space:nowrap;cursor:pointer;transition:color .15s,background .15s}.tab.active{color:var(--text-primary);background:var(--tab-active-bg);box-shadow:var(--shadow-card)}.tab:hover:not(.active){color:var(--text-primary);background:var(--tab-hover-bg)}.tab-content{display:block}.textures-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.texture-card{border:1px solid var(--border-subtle);border-radius:8px;padding:12px;text-align:center;background:var(--bg-card);transition:all .2s ease}.texture-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.texture-card canvas{max-width:100%;height:auto;border-radius:4px;box-shadow:none}.texture-card .name{margin-top:8px;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.7rem;word-break:break-all}.texture-card .dims{margin-top:2px;color:var(--accent-primary);font-size:.65rem}.empty-state{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.8rem}.debug-texture-stats{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.75rem;margin-bottom:12px}.debug-texture-card.unused{opacity:.45}.debug-texture-card.unused:hover{opacity:.8}.debug-usage-badge{margin-top:4px;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:600;letter-spacing:.05em;padding:2px 6px;border-radius:4px;display:inline-block}.debug-usage-badge.used{color:var(--color-success);background:var(--color-success-bg)}.debug-usage-badge.not-used{color:var(--text-secondary);background:var(--badge-inactive-bg)}.info-panel{margin-bottom:32px;border:1px solid var(--border-subtle);border-radius:12px;padding:20px;color:var(--text-secondary);background:var(--bg-card);font-family:JetBrains Mono,monospace;font-size:.78rem;line-height:1.8}.info-pre{white-space:pre-wrap;margin:0 0 32px}.info-panel .key{color:var(--accent-secondary)}.info-panel .val{color:var(--text-primary)}.log{max-height:320px;overflow-y:auto;margin-top:16px;border:1px solid var(--border-subtle);border-radius:8px;padding:16px;background:var(--bg-input);color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.72rem;line-height:1.7}.log .info{color:var(--color-info)}.log .warn{color:var(--color-warning)}.log .error{color:var(--color-error)}.log .success{color:var(--color-success)}@media(max-width:768px){.app{flex-direction:column}.sidebar{position:relative;width:100%;min-width:0;height:auto;max-height:none;border-right:none;border-bottom:1px solid var(--border-subtle);padding:16px}.main-content{padding:20px 16px}.recent-wads{display:none}.tab-bar{flex-wrap:wrap;padding:6px 12px}.tab{flex:0 0 auto;padding:6px 12px;font-size:.78rem}header h1{font-size:1.1rem}.controls{justify-content:stretch}.controls button{flex:1 1 auto}.frame-settings{align-items:stretch}.frame-settings input,.frame-settings button{flex:1 1 120px}.state-settings{align-items:stretch}.state-control{flex:1 1 100%;justify-content:space-between}.state-control select{min-width:0;flex:1 1 auto}.custom-weather-grid{grid-template-columns:1fr}.phase-mode-toggle{flex-wrap:wrap}.phase-mode-option{flex:1 1 auto;padding:6px 10px;font-size:.72rem}}