:root{--bg-base:#0a0a0a;--bg-surface:#111;--bg-elevated:#1a1a1a;--bg-input:#080808;--border-subtle:#1a1a1a;--border-focus:#333;--border-hover:#2a2a2a;--text-primary:#e5e5e5;--text-secondary:#888;--text-muted:#555;--text-inverse:#0a0a0a;--status-error:#ef4444;--status-success:#e5e5e5;--font-display:"Compass Display",serif;--font-body:"Compass Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Fira Code",monospace;--text-xs:0.6875rem;--text-sm:0.75rem;--text-base:0.8125rem;--text-md:0.875rem;--text-lg:0.9375rem;--text-xl:1rem;--text-2xl:1.125rem;--text-3xl:1.375rem;--text-4xl:1.5rem;--text-5xl:1.75rem;--text-6xl:2rem;--space-1:0.25rem;--space-2:0.375rem;--space-3:0.5rem;--space-4:0.625rem;--space-5:0.75rem;--space-6:1rem;--space-8:1.25rem;--space-10:1.5rem;--space-12:2rem;--space-16:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-pill:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.3);--shadow-lg:0 12px 32px rgba(0,0,0,0.4);--ease-out:cubic-bezier(0.16,1,0.3,1);--duration-fast:0.15s;--duration-normal:0.2s;--duration-slow:0.3s;--z-base:1;--z-dropdown:50;--z-sidebar:55;--z-header:100;--z-overlay:140;--z-modal:1000}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-width:320px;min-height:100vh;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);line-height:1.5}main{flex:1}img,video{max-width:100%;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) ease}a:hover{color:var(--text-primary)}ol,ul{list-style:none}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;color:var(--text-primary);line-height:1.2}h1{font-size:var(--text-6xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:1.6}b,strong{font-weight:600;color:var(--text-primary)}small{font-size:var(--text-sm);color:var(--text-muted)}code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-elevated);padding:.15em .4em;border-radius:var(--radius-sm)}.label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.container{max-width:1200px}.container,.container-wide{margin:0 auto;padding:0 var(--space-10)}.container-wide{max-width:1360px}.grid-2col{display:grid;grid-template-columns:1fr;gap:var(--space-12)}@media (min-width:992px){.grid-2col{grid-template-columns:8fr 4fr}}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-10)}@media (max-width:768px){.grid-cards{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.section{margin-bottom:var(--space-12)}.section-sm{margin-bottom:var(--space-8)}.sticky-top{position:sticky;top:var(--space-10)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-8)}.card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-6)}.card-flat{background:var(--bg-elevated);padding:var(--space-5)}.btn,.card-flat{border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--duration-fast) ease;border:1px solid transparent;white-space:nowrap}.btn-primary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-subtle)}.btn-primary:hover{border-color:var(--border-hover)}.btn-secondary{background:transparent;color:var(--text-muted);border-color:var(--border-subtle)}.btn-secondary:hover{color:var(--text-secondary);border-color:var(--border-hover)}.btn-block{width:100%}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:var(--space-2)}.form-input,.form-select{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-body);transition:border-color var(--duration-fast) ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--border-focus)}.form-input::placeholder{color:var(--text-muted)}.form-checkbox{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.form-range{width:100%;accent-color:var(--text-muted)}.form-range-labels{display:flex;justify-content:space-between;font-size:var(--text-sm);margin-bottom:var(--space-3)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-subtle)}.badge-frosted{background:rgba(255,255,255,.1);backdrop-filter:blur(4px);border:none;color:var(--text-primary)}.tag{display:inline-block;padding:var(--space-2) var(--space-5);background:var(--bg-elevated);border-radius:var(--radius-pill);font-size:var(--text-base);color:var(--text-secondary)}.pill-group{display:flex;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.pill-btn{padding:0 var(--space-6);border:none;background:var(--bg-surface);color:var(--text-muted);font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--duration-fast) ease}.pill-btn.active{background:var(--bg-elevated);color:var(--text-primary)}.pill-btn:hover:not(.active){color:var(--text-secondary)}.table{width:100%;font-size:var(--text-base)}.table th{text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:var(--space-3) var(--space-5)}.table td,.table th{border-bottom:1px solid var(--border-subtle)}.table td{padding:var(--space-4) var(--space-5);color:var(--text-secondary)}.table td strong{color:var(--text-primary)}.divider{height:1px;background:var(--border-subtle);margin:var(--space-6) 0}.state-empty,.state-loading{text-align:center;padding:var(--space-16) var(--space-6);color:var(--text-muted);font-size:var(--text-lg)}.msg{max-width:85%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-base);line-height:1.55}.msg-agent{background:var(--bg-surface);border:1px solid var(--border-subtle);align-self:flex-start;border-bottom-left-radius:var(--radius-sm)}.msg-agent,.msg-user{color:var(--text-primary)}.msg-user{align-self:flex-end;border-bottom-right-radius:var(--radius-sm);font-weight:500}.msg-system,.msg-user{background:var(--bg-elevated)}.msg-system{color:var(--text-muted);align-self:center;font-size:var(--text-xs);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-5)}.finelli-main{min-height:calc(100vh - 200px);padding:0}.finelli-footer{border-top:1px solid var(--border-subtle);padding:var(--space-8) var(--space-10) var(--space-6);position:relative;z-index:10}.finelli-footer-inner{max-width:1200px;margin:0 auto;text-align:center}.finelli-footer-brand,.finelli-footer-inner{display:flex;flex-direction:column;align-items:center}.finelli-footer-tagline{color:var(--text-muted);font-size:var(--text-base);margin-top:var(--space-4);text-align:center}.finelli-footer-bottom{max-width:1200px;margin:var(--space-6) auto 0;padding-top:var(--space-5);border-top:1px solid var(--border-subtle);display:flex;justify-content:center;gap:var(--space-8);font-size:var(--text-sm);color:var(--text-muted);text-align:center}.finelli-footer-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.finelli-footer-reveal.finelli-footer-visible{opacity:1;transform:translateY(0)}.finelli-header{position:sticky;top:0;z-index:var(--z-header);background:var(--bg-base);border-bottom:1px solid var(--border-subtle)}.finelli-header-inner{max-width:1200px;margin:0 auto;padding:var(--space-5) var(--space-10);display:flex;align-items:center;justify-content:space-between}.finelli-logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);text-decoration:none;letter-spacing:.02em;display:flex;align-items:center;gap:var(--space-3)}.finelli-logo:hover{color:var(--text-secondary)}@media (max-width:1024px) and (min-width:769px){.finelli-header-inner{padding:var(--space-4) var(--space-8)}}@media (max-width:768px){.finelli-header-inner{padding:var(--space-3) var(--space-6)}.finelli-logo{font-size:var(--text-md)}.finelli-footer-inner{flex-direction:column}.finelli-footer{padding:var(--space-8) var(--space-6) var(--space-5)}.finelli-footer-bottom{flex-direction:column;gap:var(--space-1);text-align:center}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.finelli-layout{display:flex;min-height:100vh}.finelli-content{flex:1;min-width:0;display:flex;flex-direction:column}.finelli-main{flex:1;min-width:0}.chat-edge-handle{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:calc(var(--z-sidebar, 100) + 1);width:24px;height:48px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) ease;box-shadow:-2px 0 8px rgba(0,0,0,.15)}.chat-edge-handle:hover{background:var(--bg-elevated);color:var(--text-primary);width:28px}.chat-edge-handle.hidden{opacity:0;pointer-events:none;transform:translateY(-50%) translateX(20px)}.chat-panel{width:0;overflow:hidden;background:var(--bg-base);border-left:1px solid transparent;display:flex;flex-direction:column;font-family:var(--font-body);flex-shrink:0;position:sticky;top:0;height:100vh;transition:width .4s cubic-bezier(.16,1,.3,1),border-color .4s ease}.chat-panel.open{width:380px;border-left-color:var(--border-subtle)}.chat-header{padding:var(--space-5) var(--space-6);background:transparent;border-bottom:1px solid var(--border-subtle);justify-content:space-between;flex-shrink:0}.chat-header,.chat-header-left{display:flex;align-items:center}.chat-header-left{gap:var(--space-4,1rem)}.chat-status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted,#999)}.chat-status-dot.ready{background:var(--text-primary,#111)}.chat-status-dot.error{background:var(--status-error,#ef4444)}.chat-title{font-family:var(--font-display,system-ui);font-size:var(--text-md,1rem);font-weight:600;color:var(--text-primary,#111)}.chat-subtitle{font-size:var(--text-xs,.75rem)}.chat-close,.chat-subtitle{color:var(--text-muted,#999)}.chat-close{background:none;border:none;font-size:1rem;cursor:pointer;padding:var(--space-2,.5rem);line-height:1}.chat-close:hover{color:var(--text-primary,#111)}.chat-icon-btn{width:28px;height:28px;border-radius:var(--radius-sm,4px);background:none;border:none;color:var(--text-muted,#999);cursor:pointer;display:grid;place-items:center}.chat-icon-btn:hover{background:var(--bg-elevated,#f5f5f5);color:var(--text-primary,#111)}.chat-icon-btn:disabled{opacity:.3;cursor:default}.chat-entry{padding:var(--space-4,1rem) var(--space-5,1.25rem);border-bottom:1px solid var(--border-subtle,#e5e5e5)}.chat-entry-box{display:flex;align-items:center;gap:var(--space-4,1rem);padding:var(--space-3,.75rem) var(--space-4,1rem);background:var(--bg-input,#f0f0f0);border:1px solid var(--border-subtle,#e5e5e5);border-radius:var(--radius-md,8px);cursor:pointer}.chat-entry-text{font-size:var(--text-base,1rem);color:var(--text-muted,#999)}.chat-quick-prompts{display:flex;flex-wrap:wrap;gap:var(--space-2,.5rem);margin-top:var(--space-4,1rem)}.chat-prompt-btn{background:var(--bg-surface,#fafafa);border:1px solid var(--border-subtle,#e5e5e5);color:var(--text-muted,#999);font-size:var(--text-xs,.75rem);font-family:var(--font-body,system-ui);padding:var(--space-2,.5rem) var(--space-3,.75rem);border-radius:var(--radius-pill,999px);cursor:pointer}.chat-prompt-btn:hover{color:var(--text-primary,#111);border-color:var(--border-focus,#0066cc)}.chat-content{flex:1;overflow-y:auto;overscroll-behavior-y:contain;display:flex;flex-direction:column;gap:var(--space-3,.75rem);padding:var(--space-4,1rem) var(--space-5,1.25rem);scroll-behavior:smooth;scrollbar-width:none}.chat-content::-webkit-scrollbar{display:none}.chat-msg{max-width:85%;padding:var(--space-3,.75rem) var(--space-4,1rem);border-radius:var(--radius-md,8px);font-size:var(--text-base,1rem);line-height:1.6;overflow-wrap:break-word;word-break:break-word}.chat-msg-label{display:block;font-size:var(--text-xs,.75rem);font-weight:600;color:var(--text-muted,#999);margin-bottom:var(--space-1,.25rem);text-transform:uppercase;letter-spacing:.04em}.chat-msg-label-agent{display:inline-flex;align-items:center;gap:6px}.chat-msg-time{font-size:10px;font-weight:400;color:var(--text-muted,#999);opacity:.6;margin-left:6px}.chat-msg-avatar{border-radius:3px;display:inline-block;vertical-align:middle}.chat-msg.agent{border:none;color:var(--text-primary,#111);border-bottom-left-radius:var(--radius-sm,4px)}.chat-msg.agent,.chat-msg.user{background:transparent;align-self:flex-start}.chat-msg.user{color:var(--text-primary);border-bottom-left-radius:var(--radius-sm);font-weight:500}.chat-msg.system{background:var(--bg-elevated,#f5f5f5);color:var(--text-muted,#999);align-self:center;font-size:var(--text-xs,.75rem);border-radius:var(--radius-pill,999px);padding:var(--space-2,.5rem) var(--space-4,1rem)}.chat-thinking{color:var(--text-muted,#999);font-size:var(--text-sm,.875rem);font-style:italic}.chat-typing-dots,.chatbox-typing-dots{display:inline-flex;gap:4px;align-items:center;padding:var(--space-2) 0}.chat-typing-dots span,.chatbox-typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:typingBounce 1.4s ease-in-out infinite}.chat-typing-dots span:nth-child(2),.chatbox-typing-dots span:nth-child(2){animation-delay:.2s}.chat-typing-dots span:nth-child(3),.chatbox-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}@media (prefers-reduced-motion:reduce){.chat-panel{transition:none}.chat-typing-dots span,.chatbox-typing-dots span{animation:none;opacity:.6}}.chat-sources{margin-top:var(--space-3,.75rem);padding-top:var(--space-3,.75rem);border-top:1px solid var(--border-subtle,#e5e5e5);display:flex;flex-direction:column;gap:var(--space-2,.5rem)}.chat-sources-label{font-size:var(--text-xs,.75rem);color:var(--text-muted,#999);text-transform:uppercase;letter-spacing:.05em}.chat-source-card{display:flex;flex-direction:column;gap:2px;padding:var(--space-2,.5rem) var(--space-3,.75rem);background:transparent;border:1px solid var(--border-subtle,#e5e5e5);border-radius:var(--radius-sm,4px);text-decoration:none}.chat-source-card:hover{border-color:var(--border-focus,#0066cc)}.chat-source-title{font-size:var(--text-sm,.875rem);color:var(--text-primary,#111);font-weight:500}.chat-source-url{font-size:var(--text-xs,.75rem);color:var(--text-muted,#999)}.chat-actions{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) 0 0;flex-shrink:0}.chat-action-btn{width:28px;height:28px;border-radius:var(--radius-sm);background:none;border:none;color:var(--text-muted);cursor:pointer;display:grid;place-items:center;transition:all var(--duration-fast) ease}.chat-action-btn.active,.chat-action-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.chat-code-block{margin:var(--space-3) 0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-subtle)}.chat-code-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.chat-code-lang{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.chat-code-copy,.chat-code-lang{font-size:10px;color:var(--text-muted)}.chat-code-copy{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;font-family:var(--font-body);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--duration-fast) ease}.chat-code-copy:hover{background:var(--bg-base);color:var(--text-primary)}.chat-inline-code{font-family:var(--font-mono);font-size:11px;background:var(--bg-elevated);border:1px solid var(--border-subtle);padding:1px 4px;border-radius:3px;color:var(--text-primary)}.chat-table-wrap{overflow-x:auto;margin:var(--space-3) 0;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.chat-msg table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.chat-msg th{text-align:left;background:var(--bg-elevated);font-weight:600;color:var(--text-primary)}.chat-msg td,.chat-msg th{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle)}.chat-msg td{color:var(--text-secondary)}.chat-msg tr:last-child td{border-bottom:none}.chat-blockquote{margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--border-focus);background:var(--bg-elevated);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);font-style:italic}.chat-msg h1,.chat-msg h2,.chat-msg h3,.chat-msg h4{color:var(--text-primary);margin:var(--space-4) 0 var(--space-2);line-height:1.3}.chat-msg h1{font-size:var(--text-xl)}.chat-msg h2{font-size:var(--text-lg)}.chat-msg h3{font-size:var(--text-md)}.chat-msg h4{font-size:var(--text-base)}.chat-error-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--status-error);border-radius:var(--radius-md);font-size:var(--text-sm);animation:msgIn var(--duration-normal) ease-out}.chat-error-text{color:var(--text-secondary)}.chat-error-retry{background:none;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-xs);font-family:var(--font-body);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) ease;flex-shrink:0}.chat-error-retry:hover{background:var(--bg-base);border-color:var(--border-focus)}.chat-input-area{padding:var(--space-4) var(--space-5) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0}.chat-composer{background:var(--bg-input);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;align-items:flex-end;gap:var(--space-3)}.chat-composer:focus-within{border-color:var(--border-focus,#0066cc)}.chat-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary,#111);font-size:var(--text-base,1rem);font-family:var(--font-body,system-ui);padding:var(--space-1,.25rem) 0;min-height:22px;max-height:120px;resize:none;overflow-y:hidden;line-height:1.4}.chat-input::placeholder{color:var(--text-muted,#999)}.chat-input:disabled{opacity:.5}.chat-send{width:32px;height:32px;border-radius:50%;background:var(--bg-elevated,#f5f5f5);color:var(--text-muted,#999);border:none;cursor:pointer;display:grid;place-items:center;flex-shrink:0}.chat-send:hover:not(:disabled){background:var(--border-subtle,#e5e5e5);color:var(--text-primary,#111)}.chat-send:disabled{opacity:.3;cursor:default}.chat-stop{background:var(--status-error,#ef4444);color:white}.chat-stop:hover{opacity:.8}@media (max-width:768px){.finelli-shell{flex-direction:column}.chat-panel.open{width:100%}.chat-edge-handle{bottom:80px;top:auto;transform:none}}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-8);text-align:center}.not-found-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.not-found-text{font-size:var(--text-md);color:var(--text-secondary);margin:0 0 var(--space-6) 0;max-width:400px}.not-found-link{padding:var(--space-3) var(--space-6);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-md);text-decoration:none;transition:background var(--duration-fast) ease}.not-found-link:hover{background:var(--border-subtle)}.devtools-bar{display:flex;justify-content:center;padding:var(--space-3) var(--space-6);background:var(--bg-surface);border-top:1px solid var(--border-subtle);position:sticky;bottom:0;z-index:var(--z-header)}.devtools-bar,.tool-btn{align-items:center;gap:var(--space-2)}.tool-btn{display:inline-flex;padding:var(--space-2) var(--space-4);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all var(--duration-fast) ease;line-height:1;letter-spacing:.03em;text-transform:uppercase}.tool-btn:hover{color:var(--text-secondary);border-color:var(--border-hover);background:var(--bg-elevated)}.tool-btn.active{background:var(--text-primary);color:var(--bg-base);border-color:var(--text-primary)}.tool-btn svg{flex-shrink:0;opacity:.7}.tool-btn.active svg{opacity:1}.devtools-bar:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-muted);margin-right:var(--space-2);transition:background var(--duration-fast) ease}.devtools-bar:has(.tool-btn.active):before{background:var(--status-error);box-shadow:0 0 6px rgba(239,68,68,.5)}.css-tooltip{position:fixed;z-index:var(--z-modal);pointer-events:none;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);max-width:340px;font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;box-shadow:var(--shadow-lg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.css-tooltip pre{margin:0;font-family:inherit;font-size:inherit;color:inherit;background:none;padding:0}.inspect-panel{position:fixed;bottom:60px;left:50%;transform:translateX(-50%);width:600px;max-height:450px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);z-index:var(--z-modal);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:devtoolsPanelIn .2s var(--ease-out);overflow:hidden}@keyframes devtoolsPanelIn{0%{opacity:0;transform:translateX(-50%) translateY(var(--space-2))}to{opacity:1;transform:translateX(-50%) translateY(0)}}.inspect-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.inspect-title{font-size:var(--text-xs);font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.inspect-close{width:24px;height:24px;border-radius:var(--radius-sm);background:none;border:none;color:var(--text-muted);font-size:var(--text-md);cursor:pointer;display:grid;place-items:center;transition:all var(--duration-fast) ease;line-height:1}.inspect-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.inspect-tabs{display:flex;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.inspect-tab{flex:1;padding:var(--space-2) var(--space-3);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:var(--text-xs);font-family:var(--font-body);font-weight:500;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:all var(--duration-fast) ease}.inspect-tab:hover{color:var(--text-secondary);background:var(--bg-elevated)}.inspect-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.inspect-content{flex:1;overflow:auto;padding:var(--space-4);scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.inspect-content::-webkit-scrollbar{width:6px}.inspect-content::-webkit-scrollbar-track{background:transparent}.inspect-content::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.inspect-content pre{margin:0;font-family:var(--font-mono);font-size:11px;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all}.inspect-actions{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);flex-shrink:0}.inspect-copy-btn{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-xs);font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all var(--duration-fast) ease}.inspect-copy-btn:hover{background:var(--border-subtle);border-color:var(--border-focus)}.inspect-copy-btn:active{transform:scale(.98)}.devtools-bar .devtools-hint{font-size:10px;color:var(--text-muted);margin-left:var(--space-4);opacity:.5}@media (max-width:640px){.inspect-panel{width:calc(100vw - 1.5rem);bottom:50px;max-height:350px}.tool-btn span{display:none}.tool-btn{padding:var(--space-2)}.devtools-hint{display:none}}