@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)}:focus-visible{outline:2px solid var(--brand-blue);outline-offset:1px}.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;position:relative}.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)}.pattern-bar{margin-bottom:var(--spacing-3)}.field-label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:.3rem;font-weight:500;display:block}.pattern-input{background:var(--bg-hover);border:1px solid var(--border-medium);border-radius:var(--radius-md);align-items:center;padding-right:2.25rem}.pattern-input:focus-within{border-color:var(--brand-blue)}.pattern-input .text-input{background:0 0;border:none;flex:auto;min-width:0;padding:.6rem .3rem;font-size:.95rem}.delim{font-family:var(--font-mono);color:var(--text-tertiary);flex:none;padding-left:.7rem;font-size:.95rem}.delim-end{padding-left:0}.flags{gap:var(--spacing-1);margin-top:var(--spacing-2);flex-wrap:wrap;display:flex}.flag{font-size:var(--text-xs);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.35rem;padding:.2rem .55rem;display:inline-flex}.flag input{accent-color:var(--brand-blue);margin:0}.flag code{font-family:var(--font-mono);font-weight:600}.flag.on{color:var(--text-primary);border-color:var(--brand-blue);background:#3b82f61a}.flag:focus-within{outline:2px solid var(--brand-blue);outline-offset:1px}.tab-nav{gap:var(--spacing-1);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.tab{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}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab.active{background:var(--brand-blue);color:#fff}.two-up{gap:var(--spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.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-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{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)}.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}.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}.code-output.compact{flex:auto;min-width:0;min-height:0}.code-line{align-items:center;gap:var(--spacing-2);display:flex}.output-error{color:var(--danger);border-color:#ef444466;min-height:0}.empty-state{color:var(--text-secondary);font-size:var(--text-sm);padding:var(--spacing-3) 0}.status-row{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);flex-wrap:wrap;min-height:1.6rem;display:flex}.status-row .note{flex:280px;margin-top:0}.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}.field{min-width:0;margin-bottom:var(--spacing-2);flex-direction:column;gap:.3rem;display:flex}.field label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.input-wrap{min-width:0;display:flex;position:relative}.text-input{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}.pattern-input>.text-input{padding-right:.3rem}.text-input:focus{border-color:var(--brand-blue);outline:none}.pattern-input .text-input:focus{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}.highlight mark{color:inherit;border-radius:2px}.m-a{background:#eab3083d;box-shadow:inset 0 -2px #eab308b3}.m-b{background:#eab30866;box-shadow:inset 0 -2px #eab308f2}.caret{vertical-align:text-bottom;background:var(--danger);border-radius:1px;width:2px;height:1.15em;margin:0 1px;display:inline-block}.g0{background:#3b82f661}.g1{background:#22c55e61}.g2{background:#f59e0b6b}.g3{background:#ec489961}.g4{background:#a855f761}.g5{background:#06b6d461}.g6{background:#f973166b}.g7{background:#84cc166b}.legend{gap:var(--spacing-1);flex-wrap:wrap;display:flex}.group-chip{font-family:var(--font-mono);border-radius:var(--radius-sm);color:var(--text-primary);white-space:nowrap;padding:0 .4rem;font-size:.68rem;font-weight:600;display:inline-block}.span-tag{font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap;font-size:.68rem}.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;z-index:1;font-weight:600;position:sticky;top:0}.data-table th,.data-table td{border-bottom:1px solid var(--border-subtle);vertical-align:top;overflow-wrap:anywhere;padding:.3rem .6rem}.group-list{flex-direction:column;gap:.2rem;list-style:none;display:flex}.group-list li{flex-wrap:wrap;align-items:baseline;gap:.1rem .4rem;display:flex}.explain-tree{flex-direction:column;gap:.3rem;list-style:none;display:flex}.explain-tree .explain-tree{border-left:1px solid var(--border-medium);margin:.3rem 0 0 .45rem;padding-left:.75rem}.explain-row{font-size:var(--text-sm);flex-wrap:wrap;align-items:baseline;gap:.1rem .6rem;display:flex}.explain-row code,.ref-list code,.saved-info code{font-family:var(--font-mono);color:var(--brand-blue);overflow-wrap:anywhere;font-size:.74rem}.explain-row span{color:var(--text-secondary);flex:200px}.ref-list{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--spacing-2);flex-direction:column;gap:.25rem;list-style:none;display:flex}.panel>.ref-list:first-of-type{margin-top:0}.ref-list li.note-warn{color:var(--warning)}.ref-list strong{color:var(--text-primary);font-weight:600}.token-row{gap:var(--spacing-1);flex-wrap:wrap;display:flex}.token{font-family:var(--font-mono);color:var(--brand-blue);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#3b82f61a;border:1px solid #0000;padding:.1rem .4rem;font-size:.72rem}.token:hover{border-color:var(--brand-blue)}.save-row{align-items:flex-end;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.save-row .field{flex:220px;margin-bottom:0}.save-row .btn{padding:.55rem .8rem}.saved-list{gap:var(--spacing-2);margin-top:var(--spacing-3);flex-direction:column;max-height:420px;list-style:none;display:flex;overflow:auto}.saved-list li{justify-content:space-between;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--bg-hover);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.saved-info{min-width:0;font-size:var(--text-sm);flex-direction:column;flex:200px;display:flex}.saved-info strong{overflow-wrap:anywhere;font-weight:600}.recipes{gap:var(--spacing-2);margin-top:var(--spacing-2);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:.25rem;display:flex}.recipe:hover{border-color:var(--brand-blue)}.recipe strong{font-size:var(--text-xs);font-weight:600}.recipe .chip{font-family:var(--font-mono);padding:0 .4rem;font-size:.65rem}.recipe code{font-family:var(--font-mono);color:var(--brand-blue);overflow-wrap:anywhere;max-height:3.4em;font-size:.68rem;overflow:hidden}.syntax-grid{gap:0 var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.syntax-list{flex-direction:column;gap:.25rem;list-style:none;display:flex}.syntax-list li{align-items:baseline;gap:var(--spacing-2);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.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}.tab,.panel-title,.panel h4,.empty-state,.explain-row,.saved-info{font-size:.95rem}.field-label,.flag,.ref-list,.syntax-list li,.recipe strong{font-size:.82rem}.pattern-input .text-input.mono,.delim{font-size:1.05rem}.explain-row code,.ref-list code,.saved-info code{font-size:.82rem}.token{font-size:.8rem}.group-chip,.span-tag,.recipe code{font-size:.76rem}.recipe .chip{font-size:.72rem}.flag{padding:.4rem .8rem;font-size:.95rem;font-weight:500}.flag.flash{outline:2px solid var(--brand-blue);outline-offset:1px}: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}}