*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}:root{--bg-app: #eeeef0;--bg-surface: #ffffff;--bg-elevated: #f4f4f6;--bg-input: #ffffff;--bg-hover: #e8e8ec;--bg-active: #1d4ed8;--border: #e2e2e6;--border-mid: #c8c8ce;--text-primary: #111114;--text-secondary: #27272a;--text-muted: #52525b;--text-faint: #6b6b78;--text-ghost: #a1a1aa;--shadow-card: 0 4px 24px rgba(0,0,0,.09), 0 0 0 1px rgba(0,0,0,.06);--scrollbar-thumb: #cacace;--scrollbar-hover: #a8a8b0;--grid-line: rgba(0,0,0,.065);--accent: #1d4ed8;--accent-muted: rgba(29,78,216,.12);color-scheme:light}[data-theme=dark]{--bg-app: #0f0f11;--bg-surface: #161618;--bg-elevated: #1c1c1f;--bg-input: #1c1c1f;--bg-hover: #252528;--bg-active: #3b82f6;--border: #242427;--border-mid: #3a3a3f;--text-primary: #f4f4f5;--text-secondary: #e4e4e7;--text-muted: #a1a1aa;--text-faint: #71717a;--text-ghost: #52525b;--shadow-card: 0 8px 40px rgba(0,0,0,.7), 0 0 0 1px #242427;--scrollbar-thumb: #333336;--scrollbar-hover: #44444a;--grid-line: rgba(255,255,255,.04);--accent: #3b82f6;--accent-muted: rgba(59,130,246,.15);color-scheme:dark}[data-theme=dracula]{--bg-app: #1a1a2a;--bg-surface: #282a36;--bg-elevated: #313344;--bg-input: #313344;--bg-hover: #3c3e54;--bg-active: #bd93f9;--border: #363848;--border-mid: #4a4d64;--text-primary: #f8f8f2;--text-secondary: #e2e0f0;--text-muted: #b0acd0;--text-faint: #7c7898;--text-ghost: #5a5678;--shadow-card: 0 8px 40px rgba(0,0,0,.65), 0 0 0 1px #363848;--scrollbar-thumb: #44475a;--scrollbar-hover: #6272a4;--grid-line: rgba(189,147,249,.06);--accent: #bd93f9;--accent-muted: rgba(189,147,249,.15);color-scheme:dark}[data-theme=monokai]{--bg-app: #1c1e1a;--bg-surface: #272822;--bg-elevated: #32332c;--bg-input: #32332c;--bg-hover: #3e3f38;--bg-active: #66d9e8;--border: #38392f;--border-mid: #52534a;--text-primary: #f8f8f2;--text-secondary: #f0f0e8;--text-muted: #cfcfc2;--text-faint: #888070;--text-ghost: #605e52;--shadow-card: 0 8px 40px rgba(0,0,0,.65), 0 0 0 1px #38392f;--scrollbar-thumb: #44453c;--scrollbar-hover: #64655c;--grid-line: rgba(102,217,232,.05);--accent: #66d9e8;--accent-muted: rgba(102,217,232,.15);color-scheme:dark}[data-theme=nord]{--bg-app: #232830;--bg-surface: #2e3440;--bg-elevated: #3b4252;--bg-input: #3b4252;--bg-hover: #434c5e;--bg-active: #88c0d0;--border: #3b4252;--border-mid: #4c566a;--text-primary: #eceff4;--text-secondary: #e5e9f0;--text-muted: #d8dee9;--text-faint: #81a1c1;--text-ghost: #5e7fa6;--shadow-card: 0 8px 40px rgba(0,0,0,.5), 0 0 0 1px #3b4252;--scrollbar-thumb: #434c5e;--scrollbar-hover: #4c566a;--grid-line: rgba(136,192,208,.07);--accent: #88c0d0;--accent-muted: rgba(136,192,208,.15);color-scheme:dark}[data-theme=tokyo-night]{--bg-app: #13141f;--bg-surface: #1a1b26;--bg-elevated: #24283b;--bg-input: #24283b;--bg-hover: #292e42;--bg-active: #7aa2f7;--border: #292e42;--border-mid: #3d4166;--text-primary: #c0caf5;--text-secondary: #a9b1d6;--text-muted: #9aa5ce;--text-faint: #565f89;--text-ghost: #414868;--shadow-card: 0 8px 40px rgba(0,0,0,.6), 0 0 0 1px #292e42;--scrollbar-thumb: #3d4166;--scrollbar-hover: #565f89;--grid-line: rgba(122,162,247,.06);--accent: #7aa2f7;--accent-muted: rgba(122,162,247,.15);color-scheme:dark}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-app);color:var(--text-secondary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.sidebar{width:272px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;min-width:200px;max-width:480px}.sidebar-section{padding:14px 14px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-section-scroll{border-bottom:none;flex:1;overflow-y:auto;min-height:0}.section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-bottom:10px;display:flex;align-items:center;gap:6px}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;gap:8px}.section-title-row .section-title{margin-bottom:0}.amp-toggle{display:flex;background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:6px;overflow:hidden;flex-shrink:0}.amp-toggle-btn{flex:1;padding:4px 9px;background:none;border:none;color:var(--text-ghost);font-size:10px;font-weight:600;font-family:inherit;cursor:pointer;letter-spacing:.04em;white-space:nowrap;transition:background .15s,color .15s}.amp-toggle-btn.active{background:var(--accent);color:#fff}.ampless-badge{display:flex;align-items:center;gap:7px;margin-top:10px;padding:8px 10px;background:var(--accent-muted);border:1px solid var(--accent);border-radius:6px;font-size:11px;color:var(--accent);font-weight:600;opacity:.9}.ampless-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.clear-btn{margin-left:auto;background:none;border:1px solid var(--border-mid);color:var(--text-ghost);font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:.05em;transition:all .1s}.clear-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.count-badge{background:var(--border-mid);color:var(--text-muted);font-size:10px;padding:1px 6px;border-radius:10px;font-weight:700;letter-spacing:0;text-transform:none}.gear-selected{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px}.gear-thumb{width:44px;height:44px;object-fit:cover;border-radius:6px;flex-shrink:0;background:var(--bg-hover)}.gear-info{display:flex;flex-direction:column;gap:2px;min-width:0}.gear-brand{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.gear-name{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gear-type{font-size:10px;color:var(--text-ghost);text-transform:capitalize}.gear-type-ampless{color:var(--accent);text-transform:none}.selected-dim{font-size:11px;color:var(--text-ghost);margin-top:5px;padding-left:2px}.search-wrap{position:relative}.search-input{width:100%;padding:8px 11px;background:var(--bg-input);border:1px solid var(--border-mid);border-radius:8px;color:var(--text-secondary);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.search-input::placeholder{color:var(--text-ghost)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.pedal-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:10px;z-index:200;max-height:280px;overflow-y:auto;box-shadow:0 8px 32px #0003,0 0 0 1px var(--border)}.pedal-dropdown-item{display:flex;flex-direction:column;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;text-align:left;border-bottom:1px solid var(--border);transition:background .1s;gap:1px}.pedal-dropdown-item:last-child{border-bottom:none}.pedal-dropdown-item:hover{background:var(--bg-hover);color:var(--text-secondary)}.pedal-dropdown-item.active{background:var(--accent-muted);color:var(--accent)}.pdrop-brand{font-size:10px;color:var(--text-faint);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.pdrop-name{font-size:12px;font-weight:500;color:var(--text-secondary)}.psu-clear-item .pdrop-name{color:var(--text-ghost);font-style:italic}.psu-analysis{margin-top:10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;overflow:hidden}.psu-row{display:flex;align-items:center;gap:6px;padding:7px 12px;border-bottom:1px solid var(--border);font-size:12px}.psu-row:last-child{border-bottom:none}.psu-row.ok{background:#05966912}.psu-row.warn{background:#dc262612}.psu-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);flex-shrink:0;width:50px}.psu-value{flex:1;font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.psu-icon{font-size:11px;font-weight:700;flex-shrink:0;width:14px;text-align:center}.psu-row.ok .psu-icon{color:#10b981}.psu-row.warn .psu-icon{color:#f87171}.psu-note{font-size:11px;color:var(--text-ghost);margin-top:8px;padding:0 2px;line-height:1.4}.psu-note-info{color:var(--text-faint)}.chain-hint{font-size:10px;color:var(--text-ghost);margin-bottom:10px;font-style:italic}.placed-list{display:flex;flex-direction:column;gap:3px}.placed-item{display:flex;align-items:center;padding:6px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border);gap:5px;cursor:default;transition:border-color .1s,background .1s}.placed-item.drag-over{border-color:var(--accent);background:var(--accent-muted)}.drag-handle{font-size:14px;color:var(--text-ghost);cursor:grab;flex-shrink:0;padding:0 2px;line-height:1;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.chain-num{font-size:10px;color:var(--text-ghost);font-weight:700;width:14px;flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums}.placed-name{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.remove-btn{background:none;border:none;color:var(--text-ghost);cursor:pointer;font-size:16px;line-height:1;padding:0 2px;flex-shrink:0;transition:color .1s}.remove-btn:hover{color:#ef4444}.sidebar-footer{padding:10px 14px;border-top:1px solid var(--border);margin-top:auto;flex-shrink:0}.footer-hints{font-size:10px;color:var(--text-ghost);line-height:1.5}.canvas-zoom-controls{position:absolute;bottom:12px;right:12px;z-index:50;display:flex;align-items:center;gap:2px;background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:2px;padding:3px 4px;pointer-events:all}.zoom-btn{width:22px;height:22px;background:none;border:none;color:var(--text-muted);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;line-height:1;font-family:inherit;transition:background .1s,color .1s}.zoom-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.zoom-btn-reset{font-size:13px}.zoom-label{font-size:10px;font-weight:600;color:var(--text-ghost);min-width:34px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.03em}.canvas-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:default;background-color:var(--bg-app);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:42px 42px}.canvas-viewport.space-pan{cursor:grab}.canvas-viewport.panning,.canvas-viewport.space-pan.panning{cursor:grabbing}.canvas-outer{will-change:transform;position:absolute}.canvas-board{position:relative;flex-shrink:0;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-card);cursor:grab;-webkit-user-select:none;user-select:none}.board-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;border-radius:10px}.placed-pedal{position:absolute;cursor:grab;border-radius:4px;transition:box-shadow .15s;z-index:10}.placed-pedal:active{cursor:grabbing}.placed-pedal:hover{z-index:20;box-shadow:0 0 0 2px #3b82f680,0 4px 16px #00000080}.placed-pedal.selected{z-index:30;box-shadow:0 0 0 3px #3b82f6,0 4px 20px #3b82f666}.pedal-img{width:100%;height:100%;object-fit:cover;border-radius:4px;pointer-events:none;display:block}.pedal-fallback{width:100%;height:100%;background:#27272a;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;pointer-events:none}.pedal-fallback span:first-child{font-size:9px;font-weight:700;color:#71717a;text-transform:uppercase;letter-spacing:.05em;text-align:center}.pedal-fallback span:last-child{font-size:10px;font-weight:600;color:#a1a1aa;text-align:center;line-height:1.2}.pedal-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:#ef4444;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;z-index:5;font-weight:700;padding-bottom:1px}.placed-pedal:hover .pedal-remove,.placed-pedal.selected .pedal-remove{opacity:1}.pedal-selected-indicator{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);background:#3b82f6;color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px 3px 0 0;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.board-empty-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#ffffff40;pointer-events:none;font-style:italic;text-align:center;padding:20px}.right-panel{flex-shrink:0;background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;min-width:240px;max-width:600px}.rp-tabs{display:flex;align-items:stretch;height:40px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.rp-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;background:none;border:none;border-right:1px solid var(--border);color:var(--text-faint);font-size:11px;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;transition:background .12s,color .12s}.rp-tab:last-child{border-right:none}.rp-tab:hover{background:var(--bg-hover);color:var(--text-muted)}.rp-tab.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--accent)}.rp-tab-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.rp-tab-badge{font-size:10px;font-weight:700;padding:1px 5px;border-radius:10px;line-height:1.4}.rp-tab-badge.warn{background:#ef444426;color:#ef4444}.rp-tab-badge.ok{background:#10b98126;color:#10b981}.rp-body{flex:1;overflow-y:auto;min-height:0}.rp-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;gap:12px}.rp-empty-icon{color:var(--text-ghost);opacity:.6}.rp-empty-title{font-size:14px;font-weight:700;color:var(--text-muted);letter-spacing:.01em}.rp-empty-sub{font-size:12px;color:var(--text-ghost);line-height:1.6;max-width:240px}.rp-midi-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.rp-pedal-img{width:48px;height:48px;object-fit:cover;border-radius:8px;flex-shrink:0;background:var(--bg-elevated)}.rp-pedal-info{flex:1;min-width:0}.rp-brand{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.rp-name{font-size:14px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-close{background:none;border:1px solid var(--border-mid);color:var(--text-ghost);width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .12s}.rp-close:hover{background:var(--bg-hover);color:var(--text-muted)}.rp-midi-status{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-elevated)}.rp-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:4px;letter-spacing:.06em;text-transform:uppercase}.rp-badge--yes{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.rp-badge--no{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.rp-badge--unknown{background:var(--bg-hover);color:var(--text-faint);border:1px solid var(--border-mid)}.rp-controller-label{font-size:10px;color:var(--text-ghost);font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-left:auto}.rp-midi-body{flex:1;overflow-y:auto;padding:0 0 16px}.rp-no-midi{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center;color:var(--text-ghost);font-size:12px;line-height:1.6}.rp-no-midi-icon{font-size:28px}.rp-section{padding:14px 16px;border-bottom:1px solid var(--border)}.rp-section-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:10px}.rp-section-icon{font-size:13px}.rp-section-body{display:flex;flex-direction:column;gap:8px}.rp-text{font-size:12px;color:var(--text-secondary);line-height:1.6}.rp-callout{font-size:11px;line-height:1.55;padding:10px 12px;border-radius:8px;border-left:3px solid}.rp-callout--info{background:var(--accent-muted);border-color:var(--accent);color:var(--text-muted)}.rp-callout--warn{background:#f59e0b14;border-color:#f59e0b;color:var(--text-muted)}.rp-kv{display:flex;align-items:center;gap:10px;font-size:12px}.rp-kv-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);flex-shrink:0}.rp-code{font-family:Fira Mono,Consolas,monospace;font-size:11px;background:var(--bg-elevated);border:1px solid var(--border-mid);padding:2px 7px;border-radius:4px;color:var(--accent)}.rp-steps{list-style:none;display:flex;flex-direction:column;gap:6px}.rp-step{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--text-secondary);line-height:1.55}.rp-step-num{width:20px;height:20px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-mid);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--text-faint);flex-shrink:0;margin-top:1px}.rp-steps--accent .rp-step-num{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.rp-ref-grid{display:flex;flex-direction:column;gap:6px}.rp-ref-item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--bg-elevated);border-radius:6px;border:1px solid var(--border)}.rp-ref-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.rp-ref-value{font-size:11px;color:var(--text-muted);line-height:1.4}.rp-insights-body{padding:12px}.rp-chips{display:flex;flex-direction:column;gap:8px}.rp-chip{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:8px;border:1px solid}.rp-chip--good{background:#0596691a;border-color:#10b9814d}.rp-chip--tip{background:#3b82f61a;border-color:#3b82f64d}.rp-chip--warning{background:#f59e0b1a;border-color:#f59e0b4d}.rp-chip--info{background:var(--bg-elevated);border-color:var(--border-mid)}[data-theme=light] .rp-chip--good{background:#f0fdf4;border-color:#86efac}[data-theme=light] .rp-chip--tip{background:#eff6ff;border-color:#93c5fd}[data-theme=light] .rp-chip--warning{background:#fff7ed;border-color:#fdba74}.rp-chip-icon{font-size:12px;font-weight:700;flex-shrink:0;margin-top:1px;width:16px;text-align:center}.rp-chip--good .rp-chip-icon{color:#10b981}.rp-chip--tip .rp-chip-icon{color:var(--accent)}.rp-chip--warning .rp-chip-icon{color:#f59e0b}.rp-chip--info .rp-chip-icon{color:var(--text-faint)}.rp-chip-body{display:flex;flex-direction:column;gap:3px}.rp-chip-title{font-size:12px;font-weight:700;color:var(--text-primary)}.rp-chip--good .rp-chip-title{color:#10b981}.rp-chip--tip .rp-chip-title{color:var(--accent)}.rp-chip--warning .rp-chip-title{color:#f59e0b}[data-theme=light] .rp-chip--good .rp-chip-title{color:#15803d}[data-theme=light] .rp-chip--tip .rp-chip-title{color:#1d4ed8}[data-theme=light] .rp-chip--warning .rp-chip-title{color:#c2410c}.rp-chip-msg{font-size:11px;color:var(--text-muted);line-height:1.5}.rp-ai{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.rp-apikey{display:flex;align-items:center;gap:7px;padding:8px 14px;background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0}.rp-apikey-label{font-size:10px;font-weight:700;color:var(--text-ghost);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.rp-apikey-input{flex:1;background:var(--bg-input);border:1px solid var(--border-mid);border-radius:6px;color:var(--text-secondary);font-size:12px;font-family:monospace;padding:4px 9px;outline:none;min-width:0;transition:border-color .15s}.rp-apikey-input:focus{border-color:var(--accent)}.rp-apikey-done,.rp-change-key{background:none;border:1px solid var(--border-mid);color:var(--text-muted);font-size:10px;font-weight:700;padding:4px 9px;border-radius:6px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .1s;letter-spacing:.04em;text-transform:uppercase}.rp-apikey-done:hover,.rp-change-key:hover{background:var(--bg-hover)}.rp-apikey-link{font-size:10px;color:var(--accent);text-decoration:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.rp-apikey-link:hover{text-decoration:underline}.rp-apikey-set{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg-elevated);border-bottom:1px solid var(--border);font-size:10px;color:var(--text-ghost);flex-shrink:0;text-transform:uppercase;letter-spacing:.06em}.rp-messages{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px;min-height:0}.rp-welcome{display:flex;flex-direction:column;gap:8px}.rp-welcome p{font-size:12px;color:var(--text-faint)}.rp-suggestions{display:flex;flex-wrap:wrap;gap:5px}.rp-suggestion{background:var(--bg-elevated);border:1px solid var(--border-mid);color:var(--text-muted);font-size:11px;padding:5px 10px;border-radius:6px;cursor:pointer;font-family:inherit;transition:all .1s;line-height:1.35;text-align:left}.rp-suggestion:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-mid)}.rp-msg{display:flex;gap:8px;align-items:flex-start}.rp-msg-role{font-size:9px;font-weight:700;flex-shrink:0;padding-top:3px;color:var(--text-ghost);text-transform:uppercase;letter-spacing:.08em;width:22px}.rp-msg--user .rp-msg-role{color:var(--accent)}.rp-msg--assistant .rp-msg-role{color:#a78bfa}.rp-msg-text{font-size:12px;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.rp-typing{color:var(--text-ghost);font-style:italic}.rp-input-row{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--border);flex-shrink:0;background:var(--bg-surface)}.rp-input{flex:1;background:var(--bg-input);border:1px solid var(--border-mid);border-radius:8px;color:var(--text-secondary);font-size:12px;font-family:inherit;padding:6px 11px;outline:none;transition:border-color .15s,box-shadow .15s}.rp-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.rp-input::placeholder{color:var(--text-ghost)}.rp-send{background:var(--accent);border:none;color:#fff;font-size:14px;font-weight:700;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .1s;flex-shrink:0}.rp-send:hover:not(:disabled){opacity:.85}.rp-send:disabled{opacity:.35;cursor:default}.app-layout{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--bg-app)}.app-header{display:flex;align-items:center;padding:0 12px 0 16px;height:48px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;gap:8px;overflow:visible;position:relative;z-index:100}.app-header-brand{display:flex;align-items:center;gap:9px;flex-shrink:0;padding-right:16px;border-right:1px solid var(--border);height:100%}.header-logo-svg{color:var(--text-primary);flex-shrink:0}.header-title{font-size:13px;font-weight:800;color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap}.header-boards{display:flex;align-items:center;flex:1;overflow-x:auto;overflow-y:hidden;gap:2px;padding:0 4px;min-width:0;scrollbar-width:none}.header-boards::-webkit-scrollbar{display:none}.header-tab{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-ghost);border:1px solid transparent;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0;letter-spacing:.01em;transition:background .1s,color .1s;height:32px}.header-tab:hover{background:var(--bg-hover);color:var(--text-muted)}.header-tab.active{background:var(--bg-elevated);border-color:var(--border-mid);color:var(--text-primary)}.header-tab-input{background:transparent;border:none;outline:none;font-size:12px;font-weight:600;color:var(--text-primary);font-family:inherit;width:90px;padding:0;letter-spacing:.01em}.header-tab-close{background:none;border:none;color:var(--text-ghost);cursor:pointer;font-size:15px;line-height:1;padding:0 1px;font-weight:400;transition:color .1s;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px}.header-tab-close:hover{color:#ef4444;background:#ef44441a}.header-tab-add{background:none;border:1px solid var(--border-mid);color:var(--text-faint);font-size:16px;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;margin-left:2px;flex-shrink:0;transition:all .1s;font-family:inherit}.header-tab-add:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--text-faint)}.header-actions{display:flex;align-items:center;gap:5px;flex-shrink:0;padding-left:8px;border-left:1px solid var(--border);height:100%}.header-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:7px;color:var(--text-muted);font-size:11px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .12s;white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;-webkit-user-select:none;user-select:none;text-decoration:none;height:32px}.header-btn:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--text-ghost)}.header-btn-save:hover{background:#10b9811a;border-color:#10b981;color:#10b981}.theme-picker-wrap{position:relative}.header-btn-theme{gap:7px}.theme-swatch{width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.theme-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-surface);border:1px solid var(--border-mid);border-radius:10px;z-index:300;min-width:160px;box-shadow:0 8px 32px #0003,0 0 0 1px var(--border);overflow:hidden;padding:4px}.theme-dropdown-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-ghost);padding:8px 10px 4px}.theme-option{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;background:none;border:none;color:var(--text-muted);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;border-radius:6px;transition:background .1s,color .1s;text-align:left}.theme-option:hover{background:var(--bg-hover);color:var(--text-secondary)}.theme-option.active{color:var(--text-primary);background:var(--bg-elevated)}.theme-option-swatch{width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.2);flex-shrink:0}.theme-option-check{margin-left:auto;font-size:11px;color:var(--accent)}.app-body{display:flex;flex:1;overflow:hidden;min-height:0}.panel-resize-handle{width:5px;flex-shrink:0;background:transparent;cursor:ew-resize;position:relative;z-index:10;transition:background .15s}.panel-resize-handle:hover{background:var(--accent);opacity:.4}.panel-resize-handle:after{content:"";position:absolute;top:0;right:-4px;bottom:0;left:-4px}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;min-width:0}.canvas-scroll-area{flex:1;position:relative;overflow:hidden}.canvas-reset-btn{position:absolute;top:12px;right:12px;z-index:50;padding:5px 11px;background:var(--bg-surface);border:1px solid var(--border-mid);border-radius:7px;color:var(--text-faint);font-size:10px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .12s;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 2px 8px #0000001a}.canvas-reset-btn:hover{color:var(--text-secondary);border-color:var(--text-ghost);background:var(--bg-hover)}.empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-ghost);font-size:13px;letter-spacing:.04em}.canvas-shortcut-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:10px;color:var(--text-ghost);pointer-events:none;letter-spacing:.04em;text-transform:uppercase;z-index:5;white-space:nowrap;background:var(--bg-surface);border:1px solid var(--border);padding:4px 12px;border-radius:20px;opacity:.7}