@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--brand-blue:#3b82f6;--brand-blue-hover:#2563eb;--brand-blue-light:#60a5fa;--brand-dark:#09090b;--success:#22c55e;--success-hover:#16a34a;--warning:#f59e0b;--danger:#ef4444;--info:#0ea5e9;--zinc-50:#fafafa;--zinc-100:#f4f4f5;--zinc-200:#e4e4e7;--zinc-300:#d4d4d8;--zinc-400:#a1a1aa;--zinc-500:#71717a;--zinc-600:#52525b;--zinc-700:#3f3f46;--zinc-800:#27272a;--zinc-900:#18181b;--zinc-950:#09090b;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Consolas", "Monaco", monospace;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.7;--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-glow-blue:0 0 20px #3b82f64d;--shadow-glow-green:0 0 20px #22c55e4d;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal:1000;--z-toast:10000;--bg-app:var(--zinc-950);--bg-surface:var(--slate-800);--bg-elevated:var(--slate-800);--bg-hover:var(--zinc-900);--text-primary:var(--slate-50);--text-secondary:var(--slate-400);--text-tertiary:var(--slate-500);--border-subtle:#ffffff0d;--border-medium:#ffffff1a;--border-strong:#fff3;--accent-color:var(--brand-blue);--accent-glow:#3b82f633}.light-theme,[data-theme=light]{--bg-app:var(--slate-50);--bg-surface:#fff;--bg-elevated:#fff;--bg-hover:var(--slate-100);--text-primary:var(--slate-900);--text-secondary:var(--slate-600);--text-tertiary:var(--slate-500);--border-subtle:#0000000d;--border-medium:#0000001a;--border-strong:#0003;--accent-glow:#3b82f626;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000026}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-app);color:var(--text-primary);line-height:var(--leading-normal);transition:background-color var(--transition-base), color var(--transition-base)}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.bg-surface{background-color:var(--bg-surface)}.bg-elevated{background-color:var(--bg-elevated)}.border-subtle{border-color:var(--border-subtle)}.border-medium{border-color:var(--border-medium)}.border-strong{border-color:var(--border-strong)}.hidden{display:none!important}.mono{font-family:var(--font-mono)}.muted{color:var(--text-tertiary);font-size:var(--text-xs)}html{scroll-behavior:smooth}a{color:var(--brand-blue)}.site-header{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-6);background:var(--bg-app);border-bottom:1px solid var(--border-subtle);display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--spacing-3);text-decoration:none;display:flex}.app-logo{background:var(--brand-blue);color:#fff;width:40px;height:40px;font-family:var(--font-sans);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:1.75rem;font-weight:800;line-height:1;display:flex}.app-name{letter-spacing:-.02em;color:var(--text-primary);font-size:1.5rem;font-weight:800}.app-name .domain{color:var(--brand-blue)}.header-actions{align-items:center;gap:var(--spacing-2);display:flex}.privacy-badge{color:#3b82f6;margin-right:var(--spacing-2);align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:inline-flex}.privacy-badge svg{width:16px;height:16px}.icon-btn{width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border:1px solid var(--border-medium);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--brand-blue);border-color:var(--brand-blue);background:#3b82f61a}.icon-btn svg{width:16px;height:16px}.icon-sun{display:none}.icon-moon,[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .icon-moon{display:none}@media (width<=540px){.privacy-badge span{display:none}.site-header{padding:var(--spacing-3)}}.hero{text-align:center;padding:var(--spacing-12) var(--spacing-4) var(--spacing-6);position:relative;overflow:hidden}.hero:before{content:"";opacity:.35;pointer-events:none;color:var(--border-strong);background-image:radial-gradient(circle,currentColor 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60% at 50% 40%,#000 20%,#0000 70%);mask-image:radial-gradient(60% 60% at 50% 40%,#000 20%,#0000 70%)}.hero>*{position:relative}.hero h1{letter-spacing:-.025em;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:var(--leading-tight)}.hero p{max-width:42rem;margin:var(--spacing-3) auto 0;color:var(--text-secondary);font-size:1.05rem;line-height:var(--leading-relaxed)}.retention-banner{justify-content:center;align-items:center;gap:var(--spacing-2) var(--spacing-3);max-width:1360px;margin:0 auto var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);background:#3b82f614;border:1px solid #3b82f64d;flex-wrap:wrap;display:flex}.retention-banner svg{width:16px;height:16px;color:var(--brand-blue);flex:none}.retention-banner strong{font-weight:600}.app-section{max-width:1408px;padding:0 var(--spacing-6) var(--spacing-8);margin:0 auto;position:relative}.app-section:before{content:"";inset:0 var(--spacing-4);border-radius:var(--radius-3xl);filter:blur(40px);pointer-events:none;background:#3b82f612;position:absolute}#root{min-height:640px;position:relative}.boot{padding:var(--spacing-16) var(--spacing-4);text-align:center;color:var(--text-secondary)}.workbench-card{background:color-mix(in srgb, var(--bg-surface) 40%, var(--bg-app));border:1px solid var(--border-medium);border-radius:var(--radius-xl);padding:var(--spacing-4)}.lane-nav{gap:var(--spacing-1);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.lane-tab,.subtab{color:var(--text-secondary);font:inherit;font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:.4rem .8rem;font-weight:500}.lane-tab:hover,.subtab:hover{color:var(--text-primary);background:var(--bg-hover)}.lane-tab.active{background:var(--brand-blue);color:#fff}.subtab.active{color:var(--brand-blue);border-color:var(--brand-blue);background:#3b82f61a}.lane-blurb{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--spacing-3) 0}.subtabs{gap:var(--spacing-1);margin-bottom:var(--spacing-3);flex-wrap:wrap;display:flex}:focus-visible{outline:2px solid var(--brand-blue);outline-offset:1px}.toolbar{align-items:flex-end;gap:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-3);flex-wrap:wrap;display:flex}.two-up{gap:var(--spacing-3);margin-bottom:var(--spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.two-up:last-child{margin-bottom:0}.stack{gap:var(--spacing-3);flex-direction:column;min-width:0;display:flex}@media (width<=860px){.two-up{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--bg-app);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--spacing-3);min-width:0}.panel+.panel{margin-top:0}.panel-head{justify-content:space-between;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);flex-wrap:wrap;display:flex}.panel-title{font-size:var(--text-sm);font-weight:600}.panel-actions,.button-row{align-items:center;gap:var(--spacing-1);flex-wrap:wrap;display:flex}.panel h4{font-size:var(--text-sm);margin:var(--spacing-3) 0 var(--spacing-2);font-weight:600}.btn{font:inherit;font-size:var(--text-xs);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;padding:.35rem .7rem;font-weight:600}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand-blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-blue-hover)}.btn-ghost{color:var(--text-secondary);border-color:var(--border-medium);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.link-btn{color:var(--brand-blue);font:inherit;cursor:pointer;text-align:left;word-break:break-all;background:0 0;border:none;padding:0}.link-btn:hover{text-decoration:underline}.link-btn.more{margin:var(--spacing-1) 0 0 1.4rem;font-size:var(--text-xs);display:block}.editor,.code-output{font-family:var(--font-mono);tab-size:2;font-size:.8rem;line-height:1.55}.editor{resize:vertical;width:100%;height:420px;padding:var(--spacing-3);background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:block}.editor:focus{border-color:var(--brand-blue);outline:none}.editor-drop{border-radius:var(--radius-md)}.editor-drop.dragging{outline:2px dashed var(--brand-blue);outline-offset:2px}.code-output{padding:var(--spacing-3);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-height:120px;max-height:420px;color:var(--text-primary);margin:0;overflow:auto}.editor-preview{height:420px;max-height:none}.output-error{color:var(--danger);border-color:#ef444466;min-height:0}.caret-excerpt{white-space:pre;min-height:0;margin-top:var(--spacing-2)}.status-row{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);flex-wrap:wrap;min-height:1.4rem;display:flex}.size-badge{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.note{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--spacing-2)}.note-warn{color:var(--warning)}.note-error{color:var(--danger)}.chip{border-radius:var(--radius-full);font-size:var(--text-xs);padding:.15rem .6rem;font-weight:600;display:inline-block}.chip-pass{color:var(--success);background:#22c55e24}.chip-fail{color:var(--danger);background:#ef444424}.chip-warn{color:var(--warning);background:#f59e0b24}.chip-info{color:var(--info);background:#0ea5e924}.verdict{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--spacing-2);flex-wrap:wrap;display:flex}.field{min-width:0;margin-bottom:var(--spacing-3);flex-direction:column;gap:.3rem;display:flex}.toolbar .field{margin-bottom:0}.field-inline{min-width:9rem}.field label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.field-grow{flex:280px;min-width:0}.field-narrow{width:7rem}.field-medium{width:14rem}.input-wrap{min-width:0;display:flex;position:relative}.text-input,.select{width:100%;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-hover);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:.5rem .7rem;font-family:inherit}.text-input.mono{font-family:var(--font-mono);font-size:.8rem}.input-wrap>.text-input{padding-right:2.5rem}.text-input:focus,.select:focus{border-color:var(--brand-blue);outline:none}.input-clear-btn{appearance:none;background:var(--border-medium);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:none;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.input-wrap.has-value .input-clear-btn{display:flex}.input-clear-btn:hover{background:var(--danger);color:#fff}.input-clear-btn svg{width:12px;height:12px}.check{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.4rem;padding-bottom:.3rem;display:inline-flex}.check input{accent-color:var(--brand-blue)}.issue-list{gap:var(--spacing-2);margin-top:var(--spacing-2);flex-direction:column;max-height:420px;list-style:none;display:flex;overflow:auto}.issue{gap:.2rem var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm);border-left:3px solid var(--danger);background:var(--bg-hover);border-radius:var(--radius-sm);flex-wrap:wrap;display:flex}.issue-warn{border-left-color:var(--warning)}.issue-info{border-left-color:var(--info)}.issue-pos{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);overflow-wrap:anywhere}.issue-tag{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);font-weight:600}.issue-msg{flex-basis:100%}.issue-detail{font-size:var(--text-xs);color:var(--text-secondary);overflow-wrap:anywhere;flex-basis:100%}.repair-box{margin-top:var(--spacing-4);padding-top:var(--spacing-2);border-top:1px solid var(--border-subtle)}.repair-box .button-row{margin:var(--spacing-3) 0}.recipes{gap:var(--spacing-2);margin-bottom:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.recipe{text-align:left;font:inherit;padding:var(--spacing-2);background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast);flex-direction:column;gap:.15rem;display:flex}.recipe:hover{border-color:var(--brand-blue)}.recipe strong{font-size:var(--text-xs);font-weight:600}.recipe span{color:var(--text-secondary);font-size:.7rem}.recipe code{font-family:var(--font-mono);color:var(--brand-blue);overflow-wrap:anywhere;font-size:.68rem}.diff-list{gap:var(--spacing-2);flex-direction:column;max-height:480px;list-style:none;display:flex;overflow:auto}.diff-list li{padding:var(--spacing-2) var(--spacing-3);background:var(--bg-hover);border-left:3px solid var(--warning);border-radius:var(--radius-sm);font-size:var(--text-xs);flex-direction:column;gap:.15rem;display:flex}.diff-list code{font-family:var(--font-mono);overflow-wrap:anywhere}.diff-list li.diff-added{border-left-color:var(--success)}.diff-list li.diff-removed{border-left-color:var(--danger)}.diff-path{font-weight:600}.diff-old{color:var(--danger)}.diff-new{color:var(--success)}.diff-list em{color:var(--text-tertiary)}.pointer-list{max-height:220px;font-family:var(--font-mono);font-size:var(--text-xs);list-style:none;overflow:auto}.pointer-list li{padding:.1rem 0}.tree{font-family:var(--font-mono);max-height:560px;font-size:.8rem;line-height:1.6;overflow:auto}.tree-row{border-radius:var(--radius-sm);cursor:pointer;flex-wrap:wrap;align-items:center;gap:0 .45rem;padding:0 .25rem;display:flex}.tree-row:hover{background:var(--bg-hover)}.tree-row.selected{background:#3b82f629}.tree-children{border-left:1px solid var(--border-subtle);margin-left:.55rem;padding-left:.65rem}.tree-toggle{width:1rem;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:.75rem}.tree-spacer{flex:none;width:1rem}.tree-key{color:var(--brand-blue-light)}[data-theme=light] .tree-key{color:var(--brand-blue-hover)}.tree-key:after,.tree-index:after{content:":";color:var(--text-tertiary)}.tree-index,.tree-count{color:var(--text-tertiary)}.tree-string{color:var(--success);overflow-wrap:anywhere}[data-theme=light] .tree-string{color:var(--success-hover)}.tree-number{color:var(--warning)}.tree-boolean{color:var(--info)}.tree-null{color:var(--text-tertiary)}.detect{font-family:var(--font-sans);border-radius:var(--radius-full);color:var(--brand-blue);background:#3b82f61f;align-items:center;gap:.35rem;padding:0 .4rem;font-size:.68rem;display:inline-flex}.detect-detail{color:var(--text-secondary)}.swatch{border:1px solid var(--border-strong);border-radius:2px;width:10px;height:10px;display:inline-block}.thumb{border-radius:2px;max-width:32px;max-height:32px}.selected-bar{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);margin-bottom:var(--spacing-2);background:var(--bg-hover);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.selected-bar code{font-family:var(--font-mono);font-size:var(--text-xs);overflow-wrap:anywhere}.search-hits{max-height:180px;margin-bottom:var(--spacing-2);font-size:var(--text-xs);overflow:auto}.search-hits ul{font-family:var(--font-mono);list-style:none}.table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-height:460px;overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-xs);font-family:var(--font-mono)}.data-table th{background:var(--bg-hover);text-align:left;font-weight:600;position:sticky;top:0}.data-table th,.data-table td{border-bottom:1px solid var(--border-subtle);white-space:nowrap;text-overflow:ellipsis;max-width:320px;padding:.3rem .6rem;overflow:hidden}.sheet-preview{margin-bottom:var(--spacing-3)}.sheet-preview h4{margin-top:0}.stat-grid{gap:var(--spacing-2);margin-bottom:var(--spacing-2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.stat{padding:var(--spacing-2) var(--spacing-3);background:var(--bg-hover);border-radius:var(--radius-md);flex-direction:column;display:flex}.stat-value{font-family:var(--font-mono);font-weight:600;font-size:var(--text-base)}.stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:capitalize}.file-card{font-size:var(--text-sm);overflow-wrap:anywhere}.progress{background:var(--bg-hover);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar{background:var(--brand-blue);height:100%;transition:width var(--transition-fast)}.lp-divider{margin:var(--spacing-8) 0 var(--spacing-4);justify-content:center;align-items:center;display:flex}.lp-divider-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-weight:600}.lp-content{grid-template-columns:minmax(0,1fr);grid-auto-flow:dense;max-width:1280px;padding:0 var(--spacing-6) var(--spacing-12);gap:1.5rem;margin:0 auto;display:grid}@media (width>=900px){.lp-content{grid-template-columns:repeat(2,minmax(0,1fr))}}.lp-content>section{background:var(--bg-surface);border:1px solid var(--border-medium);padding:var(--spacing-6);transition:border-color var(--transition-base);border-radius:12px}.lp-content>section:hover{border-color:var(--brand-blue)}.lp-card-wide{grid-column:1/-1}.lp-content h2{letter-spacing:-.02em;font-size:1.4rem;font-weight:700;line-height:var(--leading-tight);border-left:3px solid var(--brand-blue);margin-bottom:var(--spacing-4);padding-left:.85rem}.lp-content h3{margin:var(--spacing-3) 0 var(--spacing-2);font-size:1.05rem;font-weight:600}.lp-content p,.lp-content ol,.lp-content ul{color:var(--text-secondary);font-size:.97rem;line-height:var(--leading-relaxed);margin-bottom:var(--spacing-3)}.lp-content ol,.lp-content ul{padding-left:1.4rem}.lp-content li{margin-bottom:var(--spacing-1)}.lp-content ol li::marker{color:var(--brand-blue);font-weight:700}.lp-content code{font-family:var(--font-mono);color:var(--brand-blue);border-radius:var(--radius-sm);overflow-wrap:anywhere;background:#3b82f61f;padding:.08rem .35rem;font-size:.85em}.lp-content a{color:var(--brand-blue);border-bottom:1px solid #3b82f64d;text-decoration:none}.lp-content a:hover{border-bottom-color:var(--brand-blue)}.lp-verify{border-color:#3b82f673!important}.lp-faq article{padding-bottom:var(--spacing-2);margin-bottom:var(--spacing-2);border-bottom:1px solid var(--border-subtle)}.lp-faq article:last-child{border-bottom:none;margin-bottom:0}.feedback-bar{justify-content:center;align-items:center;gap:var(--spacing-3);padding:var(--spacing-6) var(--spacing-4) var(--spacing-2);display:flex}.feedback-bar>span{color:var(--text-secondary);font-weight:500}.feedback-btn{background:var(--bg-surface);width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.feedback-btn:hover{color:var(--brand-blue);border-color:var(--brand-blue);transform:translateY(-1px)}.feedback-btn svg{width:18px;height:18px}.eco-footer{text-align:center;color:var(--text-secondary);padding:var(--spacing-2) var(--spacing-4) var(--spacing-6);font-size:.65rem}.eco-footer a{color:var(--brand-blue);font-weight:600;text-decoration:none}.eco-footer a:hover{opacity:.8;text-decoration:underline}.feedback-modal-overlay,.help-modal-overlay,.updates-modal-overlay{z-index:var(--z-modal);padding:var(--spacing-4);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.feedback-modal-card,.help-modal-card,.updates-modal-card{width:100%;max-width:34rem;max-height:85vh;padding:var(--spacing-6);background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xl);position:relative;overflow-y:auto}.feedback-modal-close,.help-modal-close,.updates-modal-close{top:var(--spacing-3);right:var(--spacing-3);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.feedback-modal-close:hover,.help-modal-close:hover,.updates-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.feedback-modal-close svg,.help-modal-close svg,.updates-modal-close svg{width:16px;height:16px}.feedback-modal-title,.help-modal-title,.updates-modal-title{font-size:var(--text-xl);padding-right:var(--spacing-8);font-weight:700}.feedback-modal-subtitle,.help-modal-subtitle,.updates-modal-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--spacing-1) 0 var(--spacing-4)}.help-section{margin-bottom:var(--spacing-4)}.help-section h3{font-size:var(--text-base);margin-bottom:var(--spacing-1);font-weight:600}.help-section p,.help-section ul{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.help-section ul{padding-left:1.2rem}.updates-version-header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);display:flex}.updates-version-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:#fff;background:var(--brand-blue);border-radius:var(--radius-full);padding:.1rem .5rem;font-weight:600}.updates-version-date{font-size:var(--text-xs);color:var(--text-tertiary)}.updates-version-list{color:var(--text-secondary);font-size:var(--text-sm);padding-left:1.2rem}.updates-version-list li{margin-bottom:var(--spacing-1)}.feedback-vote-row{gap:var(--spacing-2);margin-bottom:var(--spacing-4);display:flex}.feedback-vote-btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);font:inherit;font-size:var(--text-sm);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;background:0 0;flex:1;display:inline-flex}.feedback-vote-btn svg{width:16px;height:16px}.feedback-vote-btn.selected{color:var(--brand-blue);border-color:var(--brand-blue);background:#3b82f61a}.feedback-comment-label{font-size:var(--text-sm);margin-bottom:var(--spacing-1);font-weight:500;display:block}.feedback-comment-label .optional{color:var(--text-tertiary);font-weight:400}.feedback-comment-input{width:100%;font:inherit;font-size:var(--text-sm);padding:var(--spacing-2);color:var(--text-primary);background:var(--bg-hover);border:1px solid var(--border-medium);border-radius:var(--radius-md);resize:vertical}.feedback-char-count{text-align:right;font-size:var(--text-xs);color:var(--text-tertiary);margin:var(--spacing-1) 0 var(--spacing-3)}.feedback-modal-actions{justify-content:flex-end;gap:var(--spacing-2);display:flex}.feedback-cancel-btn,.feedback-submit-btn{font:inherit;font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--border-medium);color:var(--text-secondary);background:0 0;padding:.5rem 1rem;font-weight:600}.feedback-submit-btn{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.feedback-submit-btn:disabled{opacity:.6;cursor:wait}.toast{left:50%;bottom:var(--spacing-6);z-index:var(--z-toast);padding:var(--spacing-2) var(--spacing-4);background:var(--slate-900);color:var(--slate-50);border-radius:var(--radius-md);font-size:var(--text-sm);opacity:0;pointer-events:none;transition:all var(--transition-base);position:fixed;transform:translate(-50%,20px)}.toast.visible{opacity:1;transform:translate(-50%)}.editor,.code-output{font-size:.9rem}.text-input,.select{font-size:.95rem}.text-input.mono{font-size:.9rem}.btn{font-size:.85rem}.field label,.note,.chip,.data-table{font-size:.82rem}.lane-tab,.subtab,.panel-title,.panel h4,.verdict,.check,.issue,.file-card{font-size:.95rem}.issue-pos,.issue-tag,.issue-detail,.diff-list li,.pointer-list,.search-hits,.selected-bar code,.size-badge,.stat-label,.recipe strong{font-size:.82rem}.tree{font-size:.9rem}.tree-toggle{font-size:.82rem}.recipe span{font-size:.78rem}.recipe code,.detect{font-size:.76rem}.lane-blurb{font-size:.95rem}:root{--acc-blue:var(--brand-blue-light);--acc-green:var(--success);--acc-amber:var(--warning);--acc-red:var(--danger);--acc-sky:var(--info);--acc-violet:#a78bfa;--acc-pink:#f472b6;--acc-teal:#2dd4bf;--acc-orange:#fb923c;--acc-indigo:#818cf8;--acc-lime:#a3e635;--acc-fuchsia:#e879f9;--nav-card-bg:color-mix(in srgb, var(--bg-surface) 72%, var(--bg-app));--nav-card-border:var(--border-medium);--nav-card-desc:#6b7280}.hero h1 .h1-accent{color:var(--brand-blue-light)}.app-name{font-size:1.75rem}.nav-card-grid{gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.nav-card{--card-accent:var(--brand-blue);align-items:flex-start;gap:var(--spacing-3);background:var(--nav-card-bg);border:1px solid var(--nav-card-border);min-width:0;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base), background-color var(--transition-base);border-radius:14px;padding:20px;text-decoration:none;display:flex;position:relative}.nav-card:hover{border-color:var(--card-accent);background:var(--nav-card-bg);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.nav-card:focus-visible{outline:2px solid var(--card-accent);outline-offset:2px}.nav-card-icon{width:36px;height:36px;color:var(--card-accent);background:color-mix(in srgb, var(--card-accent) 15%, transparent);transition:background-color var(--transition-base), color var(--transition-base);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.nav-card-icon svg{width:18px;height:18px}.nav-card-text{flex-direction:column;gap:2px;min-width:0;display:flex}.nav-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;line-height:1.3;overflow:hidden}.nav-card-desc{color:var(--nav-card-desc);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:400;line-height:1.35;overflow:hidden}.nav-card.active,.nav-card[aria-current=page]{background:color-mix(in srgb, var(--card-accent) 14%, var(--nav-card-bg));border-color:var(--card-accent);box-shadow:inset 0 0 0 1px var(--card-accent);color:var(--text-primary)}.nav-card.active .nav-card-icon,.nav-card[aria-current=page] .nav-card-icon{background:var(--card-accent);color:var(--bg-app)}.nav-card.active:hover,.nav-card[aria-current=page]:hover{background:color-mix(in srgb, var(--card-accent) 14%, var(--nav-card-bg));box-shadow:inset 0 0 0 1px var(--card-accent), 0 4px 16px #0000004d}.nav-card-grid.sm{gap:var(--spacing-2);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.nav-card.sm{border-radius:12px;gap:10px;padding:14px}.nav-card.sm .nav-card-icon{border-radius:8px;width:28px;height:28px}.nav-card.sm .nav-card-icon svg{width:15px;height:15px}.nav-card.sm .nav-card-title{font-size:.92rem}.nav-card.sm .nav-card-desc{font-size:.78rem}@media (width<=600px){.nav-card-grid,.nav-card-grid.sm{gap:var(--spacing-2);grid-template-columns:repeat(2,minmax(0,1fr))}.nav-card{gap:10px;padding:14px}}@media (prefers-reduced-motion:reduce){.nav-card,.nav-card-icon{transition:none}.nav-card:hover{transform:none}}