*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-card: #1e2746;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-primary: #f97316;--accent-secondary: #3b82f6;--accent-success: #4ade80;--accent-danger: #ef4444;--accent-warning: #facc15;--border-color: #374151;--border-radius: 8px;--font-mono: "Consolas", "Monaco", "Courier New", monospace}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5}.app{display:flex;flex-direction:column;height:100%;overflow:hidden}.shell{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary)}.shell-header{display:flex;align-items:baseline;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.shell-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--accent-primary);letter-spacing:.02em}.shell-subtitle{font-size:.8125rem;color:var(--text-muted)}.shell-body{flex:1;padding:1rem;display:flex;flex-direction:column;gap:1rem;max-width:720px;width:100%;margin:0 auto}.shell-warning{padding:.75rem 1rem;background:color-mix(in srgb,var(--accent-warning, #facc15) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-warning, #facc15) 60%,transparent);border-radius:var(--border-radius);color:var(--text-primary);font-size:.875rem}.device-strip{display:flex;gap:.5rem;padding:.75rem 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.device-strip__pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:1.5rem;color:var(--text-secondary);font-size:.9375rem;cursor:pointer;transition:border-color .15s,background .15s,color .15s;white-space:nowrap}.device-strip__pill:hover:not(:disabled),.device-strip__pill:focus-visible{border-color:var(--accent-primary);color:var(--text-primary);outline:none}.device-strip__pill.active{border-color:var(--accent-primary);background:#f973162e;color:var(--accent-primary)}.device-strip__pill--all{font-weight:600}.device-strip__pill--offline{opacity:.55}.device-strip__pill:disabled{opacity:.4;cursor:not-allowed}.device-strip__label{max-width:11ch;overflow:hidden;text-overflow:ellipsis}.device-strip__count{font-variant-numeric:tabular-nums;font-size:.8125rem;color:var(--text-muted)}.device-strip__pill.active .device-strip__count{color:var(--accent-primary)}.btn{padding:.5rem 1rem;border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--bg-tertiary);color:var(--text-primary)}.btn:hover:not(:disabled){background-color:var(--border-color)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:.375rem .75rem;font-size:.8125rem}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:#ea580c}.btn-danger{background-color:var(--accent-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.settings-panel{background-color:var(--bg-card);border-radius:var(--border-radius);padding:1rem;height:100%;overflow-y:auto}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.settings-header h2{font-size:1rem;font-weight:600}.settings-actions{display:flex;gap:.5rem}.settings-empty{color:var(--text-muted);text-align:center;padding:2rem}.settings-categories{display:flex;flex-direction:column;gap:1.25rem}.settings-category{padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.settings-category:last-child{border-bottom:none;padding-bottom:0}.category-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);margin-bottom:.5rem}.category-description{font-size:.75rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.4;font-style:italic;opacity:.8}.category-settings{display:flex;flex-direction:column;gap:.75rem}.setting-control{display:flex;align-items:center;gap:.75rem}.setting-label{flex:0 0 120px;font-size:.8125rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help;border-bottom:1px dotted var(--text-secondary)}.setting-slider-group{flex:1;display:flex;align-items:center;gap:.75rem}.setting-slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:3px;outline:none}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-primary);cursor:pointer;transition:transform .1s}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.setting-slider:disabled{opacity:.5}.setting-value{flex:0 0 50px;text-align:right;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-primary)}.setting-input{flex:1;max-width:120px;padding:.375rem .5rem;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;outline:none;transition:border-color .2s}.setting-input:focus{border-color:var(--accent-primary)}.setting-input:disabled{opacity:.5;cursor:not-allowed}.setting-unit{flex:0 0 auto;font-size:.75rem;color:var(--text-secondary);margin-left:.25rem}.toggle{position:relative;display:inline-block;width:44px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--bg-tertiary);border-radius:24px;transition:.2s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-primary);border-radius:50%;transition:.2s}.toggle input:checked+.toggle-slider{background-color:var(--accent-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.generator-selector,.effect-selector{background-color:var(--bg-card);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem}.selector-header{margin-bottom:.75rem}.selector-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.selector-hint{font-size:.8125rem;color:var(--text-muted)}.selector-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.selector-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.selector-button:hover:not(:disabled){border-color:var(--accent-primary);color:var(--text-primary)}.selector-button.active{border-color:var(--accent-primary);background-color:#f9731626;color:var(--accent-primary)}.selector-button:disabled{opacity:.5;cursor:not-allowed}.selector-icon{font-size:1.25rem}.selector-label{font-weight:500}.effect-mode-segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.effect-mode-button{min-height:2.75rem;padding:.5rem .75rem;background:transparent;border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.effect-mode-button:hover:not(:disabled),.effect-mode-button:focus-visible{border-color:var(--accent-primary);color:var(--text-primary);outline:none}.effect-mode-button.active{border-color:var(--accent-primary);background:#f9731626;color:var(--accent-primary)}.effect-mode-button:disabled{opacity:.5;cursor:not-allowed}.effect-param-row{display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.effect-param-label{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem;color:var(--text-secondary)}.effect-param-value{font-variant-numeric:tabular-nums;font-family:var(--font-mono, monospace);font-size:.875rem;color:var(--text-primary)}.effect-hue-swatch{padding:.125rem .5rem;border-radius:.25rem;color:#000;text-shadow:0 1px 2px rgba(255,255,255,.4)}.effect-param-slider{width:100%;height:.75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-secondary);border-radius:.375rem;outline:none;cursor:pointer}.effect-param-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.5rem;height:1.5rem;background:var(--accent-primary);border:2px solid var(--bg-primary);border-radius:50%;cursor:pointer}.effect-param-slider::-moz-range-thumb{width:1.5rem;height:1.5rem;background:var(--accent-primary);border:2px solid var(--bg-primary);border-radius:50%;cursor:pointer}.effect-hue-slider::-webkit-slider-thumb{background:#fff;border:2px solid #000}.effect-hue-slider::-moz-range-thumb{background:#fff;border:2px solid #000}.effect-info{background-color:var(--bg-card);border-radius:var(--border-radius);padding:1rem;margin-top:1rem}.effect-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.audio-visualizer{background-color:var(--bg-card);border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;flex:1;min-height:0}.audio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-shrink:0}.audio-header h2{font-size:1rem;font-weight:600}.audio-header-subtitle{font-size:.75rem;color:var(--text-secondary);font-style:italic}.audio-controls{display:flex;align-items:center;gap:.75rem}.audio-values{display:flex;gap:.75rem;font-family:var(--font-mono);font-size:.75rem}.audio-value{padding:.25rem .5rem;border-radius:4px;background-color:var(--bg-tertiary);cursor:help}.audio-value.level{color:var(--accent-primary)}.audio-value.transient{color:var(--accent-danger)}.audio-value.gain{color:var(--text-secondary)}.audio-chart-container{position:relative;flex:1;min-height:200px}.audio-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.875rem;z-index:1}.percussion-marker{pointer-events:none}.percussion-marker-icon{animation:percussion-pulse .3s ease-out}@keyframes percussion-pulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.test-controls{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;flex-wrap:wrap}.test-pattern-select{flex:1;min-width:150px;max-width:250px;padding:.375rem .5rem;font-size:.8125rem;background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer}.test-pattern-select:disabled{opacity:.5;cursor:not-allowed}.btn-success{background-color:var(--accent-success);color:#111}.btn-success:hover:not(:disabled){background-color:#22c55e}.test-progress-bar{height:4px;background-color:var(--bg-tertiary);border-radius:2px;margin:.25rem 0;overflow:hidden}.test-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-success),var(--accent-primary));transition:width .1s linear}.ground-truth-marker{pointer-events:none}.test-metrics-compact{background-color:var(--bg-tertiary);border-radius:var(--border-radius);padding:.5rem .75rem;margin-top:.5rem}.test-metrics-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.test-metric{display:flex;align-items:center;gap:.25rem;font-family:var(--font-mono);font-size:.75rem}.test-metric-label{color:var(--text-secondary)}.test-metric-value{font-weight:600;color:var(--text-primary)}.test-metric-value.good{color:var(--accent-success)}.test-metric-value.warn{color:var(--accent-warning)}.test-metric-value.bad{color:var(--accent-danger)}.test-metrics-breakdown{display:flex;gap:1rem;margin-top:.375rem;padding-top:.375rem;border-top:1px solid var(--border-color);font-family:var(--font-mono);font-size:.6875rem}.breakdown-item{font-weight:500}.breakdown-item.low{color:#ef4444}.breakdown-item.high{color:#3b82f6}.telemetry-indicators{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;background-color:var(--bg-tertiary);border-radius:var(--border-radius);padding:.5rem .75rem;margin-top:.5rem;font-family:var(--font-mono);font-size:.75rem}.telemetry-group{display:flex;align-items:center;gap:.25rem}.telemetry-label{color:var(--text-secondary);font-size:.6875rem}.telemetry-value{font-weight:600;color:var(--text-primary)}.telemetry-value.good{color:var(--accent-success)}.telemetry-value.warn{color:var(--accent-warning)}.beat-marker{pointer-events:none}.beat-marker-icon{-webkit-user-select:none;user-select:none;animation:beatPulse .3s ease-out}@keyframes beatPulse{0%{transform:scale(1.5);opacity:.8}to{transform:scale(1);opacity:1}}@media (min-width: 1400px){.tab-panel-settings{width:480px}}@media (max-width: 1024px){.tab-panel{flex-direction:column;overflow-y:auto}.tab-panel-settings{width:100%;min-width:0;max-width:none;max-height:none}.tab-panel-visualizer,.audio-visualizer{flex:0 0 auto}.audio-chart-container{height:300px}}@media (max-width: 600px){.connection-bar{flex-direction:column;gap:.5rem;padding:.75rem}.connection-left{width:100%;justify-content:center;text-align:center}.connection-right{width:100%;flex-wrap:wrap;justify-content:center;gap:.5rem}.device-info{display:none}.app-title{font-size:1.125rem}.battery-status-header{order:-1;width:100%;justify-content:center;padding-right:0;margin-right:0;border-right:none;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.battery-text{font-size:.75rem}.battery-indicator{width:40px;height:18px}.tab-header{padding:.5rem;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{padding:.625rem 1rem;font-size:.8125rem;white-space:nowrap;min-width:fit-content}.tab-panel{padding:.75rem;gap:.75rem}.audio-visualizer{padding:.75rem}.audio-header{flex-direction:column;align-items:flex-start;gap:.75rem}.audio-header h2{font-size:.9375rem}.audio-header span{font-size:.6875rem!important}.audio-controls{width:100%;justify-content:space-between}.audio-values{flex-wrap:wrap;gap:.5rem}.audio-value{font-size:.6875rem;padding:.1875rem .375rem}.audio-chart-container{height:180px}.settings-panel{padding:.75rem}.settings-header{flex-direction:column;align-items:stretch;gap:.75rem}.settings-header h2{font-size:.9375rem;text-align:center}.settings-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.settings-category{padding-bottom:.75rem}.category-title{font-size:.6875rem}.category-description{font-size:.6875rem;line-height:1.3}.setting-label{flex:0 0 90px;font-size:.75rem}.setting-slider{height:8px}.setting-slider::-webkit-slider-thumb{width:20px;height:20px}.setting-value{flex:0 0 45px;font-size:.75rem}.toggle{width:40px;height:22px}.toggle-slider:before{height:16px;width:16px}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.btn{padding:.625rem 1rem;font-size:.8125rem;min-height:44px}.btn-small{padding:.5rem .75rem;font-size:.75rem;min-height:38px}.placeholder-icon{font-size:3rem}.placeholder-content h3{font-size:1.125rem}.placeholder-content p{font-size:.8125rem}}@media (max-width: 360px){.tab-button{padding:.5rem .75rem;font-size:.75rem}.setting-label{flex:0 0 75px;font-size:.6875rem}.battery-text{font-size:.6875rem}.audio-chart-container{height:160px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:var(--bg-primary)}.error-boundary-content{max-width:600px;width:100%;background:var(--bg-card);border:2px solid var(--accent-danger);border-radius:var(--border-radius);padding:2rem;text-align:center}.error-boundary-icon{font-size:4rem;margin-bottom:1rem;line-height:1}.error-boundary-content h1{font-size:1.75rem;margin-bottom:1rem;color:var(--text-primary)}.error-boundary-message{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.error-boundary-details{margin:1.5rem 0;padding:1rem;background:var(--bg-secondary);border-radius:var(--border-radius);text-align:left;cursor:pointer}.error-boundary-details summary{color:var(--text-secondary);font-weight:500;-webkit-user-select:none;user-select:none;outline:none;padding:.5rem}.error-boundary-details summary:hover{color:var(--text-primary)}.error-boundary-details[open] summary{margin-bottom:1rem;color:var(--text-primary)}.error-boundary-stack{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-secondary);line-height:1.5;overflow-x:auto}.error-boundary-stack pre{white-space:pre-wrap;word-wrap:break-word;margin-top:.5rem;padding:.75rem;background:var(--bg-primary);border-radius:4px;max-height:300px;overflow-y:auto}.error-boundary-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.error-boundary-actions .btn{flex:1;max-width:200px}.error-boundary-hint{font-size:.875rem;color:var(--text-muted);font-style:italic}.audio-visualizer-error{display:flex;align-items:center;justify-content:center;min-height:300px;width:100%}.audio-visualizer-error .error-boundary-content{max-width:400px;padding:1.5rem}.audio-visualizer-error .error-boundary-icon{font-size:2.5rem}.audio-visualizer-error h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary)}.audio-visualizer-error p{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}@media (max-width: 640px){.error-boundary{padding:1rem}.error-boundary-content{padding:1.5rem}.error-boundary-icon{font-size:3rem}.error-boundary-content h1{font-size:1.5rem}.error-boundary-actions{flex-direction:column}.error-boundary-actions .btn{max-width:100%}}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--text-muted)}.status-dot--on{background-color:var(--accent-success)}.shell-debug-btn{margin-left:auto}.audio-debug-page{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary);color:var(--text-primary)}.audio-debug-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.audio-debug-title{margin:0;font-size:1rem;font-weight:600;color:var(--accent-primary)}.audio-debug-device-picker{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.375rem .5rem;font-size:.875rem;min-width:220px}.audio-debug-status{margin-left:auto;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .5rem;border-radius:999px;border:1px solid var(--border-color)}.audio-debug-status-connected{color:var(--accent-success);border-color:color-mix(in srgb,var(--accent-success) 60%,transparent)}.audio-debug-status-connecting{color:var(--accent-warning);border-color:color-mix(in srgb,var(--accent-warning) 60%,transparent)}.audio-debug-status-disconnected{color:var(--text-muted)}.audio-debug-status-error{color:var(--accent-danger, #d33);border-color:color-mix(in srgb,var(--accent-danger, #d33) 60%,transparent)}.audio-debug-placeholder{margin:2rem auto;padding:1.5rem 2rem;color:var(--text-muted);border:1px dashed var(--border-color);border-radius:var(--border-radius)}.shell-record-btn{margin-left:auto;text-decoration:none}.rec-page{min-height:100vh;min-height:100dvh;background:var(--bg-primary);padding:0 16px calc(24px + env(safe-area-inset-bottom));max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.rec-header{display:flex;align-items:center;gap:.75rem;padding:calc(.875rem + env(safe-area-inset-top)) 0 .875rem;border-bottom:1px solid var(--border-color)}.rec-title{font-size:1.125rem;font-weight:700;color:var(--accent-primary)}.rec-state{margin-left:auto;font-family:var(--font-mono);font-size:.8125rem;padding:.125rem .5rem;border-radius:999px;background:var(--bg-card);color:var(--text-secondary)}.rec-state-recording{background:var(--accent-danger);color:#fff}.rec-state-reconnecting,.rec-state-stopping,.rec-state-starting{background:var(--accent-warning);color:#111}.rec-controls{display:flex;flex-direction:column;gap:.75rem}.rec-device{font-size:1rem;font-weight:600}.rec-big{min-height:56px;font-size:1.125rem;width:100%}.rec-toggle{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);min-height:44px}.rec-toggle input{width:20px;height:20px}.rec-error,.rec-message{padding:.75rem 1rem;border-radius:var(--border-radius);font-size:.875rem}.rec-error{background:color-mix(in srgb,var(--accent-danger, #ef4444) 15%,transparent);border:1px solid var(--accent-danger)}.rec-message{background:var(--bg-card);color:var(--text-secondary)}.rec-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media (min-width: 600px){.rec-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.rec-tile{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.625rem .75rem;min-width:0}.rec-tile-value{font-family:var(--font-mono);font-size:1.125rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.rec-tile-label{font-size:.75rem;color:var(--text-muted)}.rec-tile-ok .rec-tile-value{color:var(--accent-success)}.rec-tile-warn .rec-tile-value{color:var(--accent-warning)}.rec-tile-bad{border-color:var(--accent-danger)}.rec-tile-bad .rec-tile-value{color:var(--accent-danger)}.rec-sessions h2{font-size:1rem;margin-bottom:.5rem}.rec-storage,.rec-empty{font-size:.8125rem;color:var(--text-muted);margin-bottom:.5rem}.rec-session{display:flex;align-items:center;gap:.75rem;padding:.625rem 0;border-bottom:1px solid var(--border-color)}.rec-session-info{flex:1;min-width:0}.rec-session-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-session-meta{font-size:.75rem;color:var(--text-muted)}.rec-session-actions{display:flex;gap:.375rem;flex-shrink:0}.shell-record-btn+.shell-debug-btn{margin-left:0}.shell-firmware-btn{text-decoration:none}.fw-setup,.fw-confirm,.fw-ask,.fw-log{display:flex;flex-direction:column;gap:.75rem}.fw-field{display:flex;flex-direction:column;gap:.375rem;color:var(--text-secondary);font-size:.875rem}.fw-field select{min-height:44px;padding:0 .75rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:1rem}.fw-choices{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;color:var(--text-primary);font-size:1rem}.fw-choices label{display:flex;align-items:center;gap:.5rem;min-height:44px}.fw-notes{color:var(--accent-secondary);font-size:.875rem}.fw-progress{display:flex;flex-direction:column;gap:.5rem;color:var(--text-primary)}.fw-progress progress{width:100%;height:10px;accent-color:var(--accent-primary)}.fw-ask,.fw-confirm{padding:1rem;border:1px solid var(--accent-primary);border-radius:var(--border-radius);background:var(--bg-card)}.fw-confirm h2,.fw-log h2{font-size:1rem;color:var(--text-primary)}.fw-actions{display:flex;flex-wrap:wrap;gap:.5rem}.fw-result{padding:.75rem 1rem;border-radius:var(--border-radius);color:var(--text-primary)}.fw-result-ok{border:1px solid var(--accent-success);background:color-mix(in srgb,var(--accent-success) 12%,transparent)}.fw-result-bad{border:1px solid var(--accent-danger);background:color-mix(in srgb,var(--accent-danger) 12%,transparent)}.fw-log-head{display:flex;align-items:center;justify-content:space-between}.fw-log ol{margin:0;padding-left:1.25rem;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-secondary);overflow-wrap:anywhere}.fw-log-warn{color:var(--accent-warning)}.fw-log-error{color:var(--accent-danger)}