@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,p,ul,ol,figure,pre{margin:0}ul,ol{padding:0}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}}@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--surface-3:#e2e8f0;--text:#0f172a;--muted:#475569;--border:#e2e8f0;--border-strong:#cbd5e1;--accent:#4f46e5;--accent-hover:#4338ca;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--accent-soft:#eeeffe;--success:#059669;--success-soft:#ecfdf5;--warning:#d97706;--warning-soft:#fffbeb;--danger:#dc2626;--danger-soft:#fef2f2;--code:#0f172a;--code-2:#020617;--code-text:#f8fafc;--shadow:0 16px 40px -10px #0f172a14;--shadow-sm:0 4px 14px #0f172a0d;--radius:14px;--radius-sm:10px;--max:100%;--tool-max:100%}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f19;--surface:#111827;--surface-2:#1f2937;--surface-3:#374151;--text:#f9fafb;--muted:#9ca3af;--border:#1e293b;--border-strong:#334155;--accent:#818cf8;--accent-hover:#a5b4fc;--accent-gradient:linear-gradient(135deg, #818cf8 0%, #06b6d4 100%);--accent-soft:#6366f126;--success:#34d399;--success-soft:#34d39924;--warning:#fbbf24;--warning-soft:#fbbf2424;--danger:#f87171;--danger-soft:#f8717124;--code:#0b0f19;--code-2:#050811;--code-text:#f8fafc;--shadow:0 20px 50px -10px #00000080;--shadow-sm:0 6px 20px #00000059}body{background:var(--bg);min-height:100vh;color:var(--text);text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.58}a{color:inherit;text-decoration:none}button,select,input,textarea{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:2px}h1,h2,h3,h4{letter-spacing:-.025em;font-weight:800;line-height:1.16}h1{font-size:clamp(2rem,4vw,3.7rem)}h2{font-size:clamp(1.45rem,2.4vw,2.2rem)}h3{font-size:1.08rem}p{color:var(--muted)}code,pre,.code-font{font-family:JetBrains Mono,Fira Code,SFMono-Regular,Consolas,monospace}kbd{border:1px solid var(--border-strong);background:var(--surface);border-bottom-width:2px;border-radius:6px;padding:2px 7px;font-size:.76rem}.container,.wide-container,.tool-container{width:100%;max-width:100%;margin-inline:auto;padding-inline:clamp(16px,3.5vw,56px)}.section-muted{background:var(--surface-2);border-block:1px solid var(--border)}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.74rem;font-weight:800;display:inline-block}.text-link{color:var(--accent);font-weight:750}.text-link:hover{text-decoration:underline}.skip-link{z-index:1000;background:var(--text);color:var(--surface);border-radius:8px;padding:9px 14px;position:fixed;top:-60px;left:14px}.skip-link:focus{top:12px}body{letter-spacing:-.005em}.container{width:min(calc(100% - 48px), var(--max))}.wide-container{width:min(calc(100% - 48px), var(--max));max-width:none}.tool-container{width:min(calc(100% - 48px), var(--tool-max));max-width:none}.section{padding:72px 0}}@layer components{.button{border-radius:var(--radius-sm);letter-spacing:-.01em;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 18px;font-size:.88rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px -4px #6366f14d}.button:active:not(:disabled){transform:translateY(0)scale(.98)}.button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none;transform:none}.button.primary{background:var(--accent-gradient,var(--accent));color:#fff;border-color:#0000;box-shadow:0 4px 14px -2px #6366f173}.button.primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 8px 24px -2px #6366f199}.button.secondary{background:var(--surface);border:1px solid var(--border-strong);color:var(--text)}.button.secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--accent);color:var(--accent)}.button.quiet{color:var(--muted);box-shadow:none;background:0 0;border-color:#0000}.button.quiet:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.button.small{border-radius:8px;min-height:34px;padding:6px 12px;font-size:.8rem}.button.large-action{border-radius:12px;min-height:50px;padding-inline:26px;font-size:1rem}.icon-button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;place-items:center;display:grid}.icon-button:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--accent);transform:translateY(-2px)}.icon-button:active{transform:scale(.95)}.header-action-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-size:.84rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.header-action-btn:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.header-action-btn:active{transform:scale(.96)}html[data-theme=dark] .theme-icon-light,html[data-theme=light] .theme-icon-dark{display:none}.pwa-install-btn{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.pwa-install-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.option-field{gap:6px;min-width:0;display:grid}.option-field>span,.option-field>label{color:var(--muted);font-size:.77rem;font-weight:750}.option-field:not(:has(>span)):not(:has(>label)){color:var(--muted);font-size:.77rem;font-weight:750}.option-field input,.option-field select,.inline-form input,.contact-form input,.contact-form textarea,.auth-card input,.form-card input,.form-card textarea,.form-card select{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:10px;padding:9px 13px;transition:border-color .2s,box-shadow .2s}.option-field input:focus,.option-field select:focus,.contact-form input:focus,.form-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);outline:none}.option-field input[type=range]{min-height:auto;accent-color:var(--accent);padding:0}.checkbox{min-height:42px;color:var(--text);cursor:pointer;align-items:center;gap:9px;font-size:.86rem;display:flex}.checkbox input{width:18px;height:18px;accent-color:var(--accent);border-radius:4px}.toolbar-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-status{color:var(--muted);font-size:.78rem}.panel-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:9px 13px;display:flex}.site-header{z-index:400;background:color-mix(in srgb, var(--surface) 88%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);transition:background .3s,border-color .3s;position:sticky;top:0}.header-inner{align-items:center;gap:28px;height:72px;display:flex}.brand{align-items:center;gap:12px;min-width:max-content;display:inline-flex}.brand-mark{background:0 0;border-radius:11px;place-items:center;width:40px;height:40px;transition:transform .25s cubic-bezier(.16,1,.3,1);display:grid}.brand:hover .brand-mark{transform:scale(1.08)rotate(-2deg)}.brand-icon{filter:drop-shadow(0 4px 12px #6366f159);width:40px;height:40px}.brand span:last-child{line-height:1.15;display:grid}.brand strong{letter-spacing:-.02em;color:var(--text);font-size:1.02rem;font-weight:800}.brand small{color:var(--muted);letter-spacing:.02em;margin-top:2px;font-size:.72rem;font-weight:600}.main-nav{align-items:center;gap:6px;margin-right:auto;display:flex}.main-nav a{color:var(--muted);border-radius:10px;padding:8px 14px;font-size:.88rem;font-weight:650;transition:all .2s}.main-nav a:hover{color:var(--accent);background:var(--accent-soft)}.main-nav a.active{color:var(--accent);background:var(--accent-soft);font-weight:750}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}.app-status{color:var(--muted);align-items:center;gap:7px;font-size:.75rem;font-weight:600;display:inline-flex}.app-status:before{content:"";background:var(--success);width:8px;height:8px;box-shadow:0 0 10px var(--success);border-radius:50%}.site-footer{background:var(--surface);border-top:1px solid var(--border);margin-top:50px}.footer-grid{grid-template-columns:1.6fr repeat(3,1fr);gap:42px;padding-block:56px;display:grid}.footer-grid>div{align-content:start;gap:9px;display:grid}.footer-grid h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.82rem;font-weight:800}.footer-grid a:not(.brand){color:var(--muted);font-size:.87rem;transition:color .18s}.footer-grid a:hover{color:var(--accent)}.footer-grid p{max-width:360px;margin-top:7px;font-size:.88rem}.footer-bottom{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:20px;padding-block:20px;font-size:.77rem;display:flex}.hero{background:var(--surface);border-bottom:1px solid var(--border);padding:88px 0 80px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);align-items:center;gap:70px;display:grid}.hero-copy h1{max-width:800px;margin-top:14px}.hero-copy>p{max-width:700px;margin-top:20px;font-size:1.08rem}.home-search{border:1px solid var(--border-strong);background:var(--surface);width:min(100%,680px);min-height:58px;color:var(--muted);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:30px;padding:12px 16px;transition:all .2s;display:grid}.home-search:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px -4px #6366f126}.quick-links,.trust-row{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.quick-links{margin-top:17px}.quick-links a{color:var(--accent);font-size:.83rem;font-weight:750}.trust-row{color:var(--muted);margin-top:24px;font-size:.79rem}.hero-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.utility-preview-heading{background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:16px;padding:14px 16px;font-size:.77rem;font-weight:750;display:flex}.utility-preview-heading a{color:var(--accent)}.hero-tool-list{display:grid}.hero-tool-list a{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;transition:background .18s;display:grid}.hero-tool-list a:last-child{border-bottom:0}.hero-tool-list a:hover{background:var(--surface-2)}.hero-tool-list span:nth-child(2){display:grid}.hero-tool-list small{color:var(--muted);margin-top:2px}.section-heading p{max-width:590px}.audience-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.audience-card,.tool-card,.article-card,.category-card,.compact-tool-card,.sidebar-card,.dashboard-card,.form-card,.auth-card,.table-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:transform .25s,border-color .25s,box-shadow .25s}.tool-card:hover,.article-card:hover,.audience-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-3px)}.audience-card{padding:24px}.audience-card-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.audience-card-heading>div{gap:13px;display:flex}.audience-card-heading>a{color:var(--accent);font-size:.8rem;font-weight:750}.audience-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:10px;place-items:center;font-family:monospace;font-weight:900;display:grid}.audience-card p{margin-top:5px}.mini-tool-list{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.mini-tool-list a{border:1px solid var(--border);border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:10px;display:grid}.mini-tool-list a:hover{background:var(--surface-2)}.mini-tool-list span:last-child{min-width:0;display:grid}.mini-tool-list small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tool-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool-card{flex-direction:column;min-height:225px;padding:20px;display:flex}.tool-card-top,.card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.tool-card h3{margin-top:20px}.tool-card h3 a:hover{color:var(--accent)}.tool-card p{margin-top:9px;font-size:.88rem}.card-footer{color:var(--muted);margin-top:auto;padding-top:20px;font-size:.76rem}.card-footer a{color:var(--accent);font-weight:750}.privacy-badge{background:var(--success-soft);width:max-content;color:var(--success);white-space:nowrap;border-radius:999px;align-items:center;padding:5px 9px;font-size:.68rem;font-weight:800;display:inline-flex}.tool-icon{background:var(--surface-3);width:36px;height:36px;color:var(--accent);border-radius:9px;place-items:center;font-family:monospace;font-weight:900;display:grid}.tool-icon.large{width:46px;height:46px;font-size:1.02rem}.tool-icon.xlarge{width:60px;height:60px;font-size:1.2rem}.compact-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.compact-tool-card,.category-card{grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px;display:grid}.compact-tool-card:hover,.category-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.compact-tool-card span:nth-child(2),.category-card span:nth-child(2){min-width:0;display:grid}.compact-tool-card small,.category-card small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.article-card{padding:22px}.article-card h3{margin-top:10px}.article-card p{margin:10px 0 18px}.split-feature{grid-template-columns:.85fr 1.15fr;align-items:start;gap:66px;display:grid}.split-feature h2{margin:10px 0 14px}.feature-list{border:1px solid var(--border);border-radius:var(--radius);display:grid;overflow:hidden}.feature-list>div,.feature-list>a{background:var(--surface);border-bottom:1px solid var(--border);grid-template-columns:180px 1fr;gap:18px;padding:16px 18px;display:grid}.feature-list>:last-child{border-bottom:0}.feature-list span{color:var(--muted)}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.77rem;display:flex}.breadcrumbs a:hover{color:var(--accent)}.tool-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;margin-top:22px;display:grid}.title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tool-heading h1{font-size:clamp(1.85rem,3vw,2.75rem)}.tool-heading p{max-width:900px;margin-top:8px;font-size:.98rem}.benefit{color:var(--text);margin-top:8px;font-size:.86rem;display:block}.tool-quick-guide{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:16px;font-size:.78rem;display:flex}.tool-quick-guide span{align-items:center;gap:7px;display:inline-flex}.tool-quick-guide b{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:50%;place-items:center;font-size:.7rem;display:grid}.tool-loading{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:260px;color:var(--muted);justify-content:center;align-items:center;gap:11px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.workspace{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.workspace.is-fullscreen{z-index:700;border-radius:12px;flex-direction:column;display:flex;position:fixed;inset:10px}.workspace.is-fullscreen .workspace-body{flex:1;min-height:0}.workspace-toolbar{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:10px 14px;display:flex}.workspace-body{grid-template-columns:repeat(2,minmax(0,1fr));min-height:500px;display:grid}.workspace-body--three{grid-template-columns:minmax(0,1fr) minmax(190px,250px) minmax(0,1fr)}.workspace-pane,.universal-pane{background:var(--surface);flex-direction:column;min-width:0;display:flex}.workspace-pane+.workspace-pane,.universal-pane+.universal-pane{border-left:1px solid var(--border)}.workspace-center-bar{background:var(--surface-2);border-inline:1px solid var(--border);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-width:0;max-width:250px;padding:16px 12px;display:flex}.workspace-center-bar .button,.workspace-center-bar .action-btn{white-space:nowrap;text-align:center;justify-content:center;width:100%}.center-bar-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);align-items:center;gap:4px;margin-bottom:2px;font-size:.72rem;font-weight:800;display:flex}.center-bar-divider{background:var(--border);width:100%;height:1px;margin-block:4px}.danger-text:hover{background:var(--danger-soft)!important}.pane-title{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:9px 13px;font-size:.81rem;display:flex}.pane-title span{color:var(--muted)}.editor-shell,.output-shell{flex:1;min-height:430px;position:relative;color:#f8fafc!important;background:#0f172a!important}.editor-shell .cm-editor,.output-shell .cm-editor{height:100%;min-height:430px;color:#f8fafc!important;background:#0f172a!important;font-family:JetBrains Mono,Fira Code,SFMono-Regular,Consolas,monospace!important;font-size:.94rem!important;line-height:1.65!important}.cm-editor .cm-scroller{font-family:inherit!important;line-height:1.65!important}.cm-editor .cm-content{color:#f8fafc!important;caret-color:#38bdf8!important;padding:14px 0!important;font-family:inherit!important}.cm-editor .cm-line{color:#f8fafc!important;padding:0 16px!important}.cm-editor .cm-line span{color:inherit}.cm-editor .cm-activeLine{background-color:#33415599!important}.cm-editor .cm-activeLineGutter{font-weight:700;color:#38bdf8!important;background-color:#1e293b!important}.cm-editor .cm-selectionBackground,.cm-editor.cm-focused .cm-selectionBackground{color:#fff!important;background-color:#0284c7!important}.cm-editor ::selection{color:#fff!important;background-color:#0284c7!important}.cm-editor .cm-gutters{color:#94a3b8!important;background-color:#0b1324!important;border-right:1px solid #1e293b!important}.cm-editor .cm-gutterElement{padding:0 10px!important;font-size:.84rem!important}.cm-editor .cm-foldGutter{color:#94a3b8!important}.cm-editor .cm-matchingBracket{font-weight:700;color:#38bdf8!important;background-color:#1e293b!important;outline:1px solid #38bdf8!important}.cm-editor .tok-propertyName,.cm-editor .tok-property,.cm-editor .cmt-propertyName,.cm-editor .cmt-property,.cm-editor .cm-property{font-weight:600;color:#38bdf8!important}.cm-editor .tok-string,.cm-editor .tok-string2,.cm-editor .cmt-string,.cm-editor .cm-string{color:#4ade80!important}.cm-editor .tok-number,.cm-editor .cmt-number,.cm-editor .cm-number{font-weight:600;color:#fde047!important}.cm-editor .tok-bool,.cm-editor .tok-boolean,.cm-editor .cmt-bool,.cm-editor .cmt-boolean,.cm-editor .cm-bool{font-weight:600;color:#e879f9!important}.cm-editor .tok-null,.cm-editor .cmt-null,.cm-editor .cm-null,.cm-editor .tok-atom,.cm-editor .cmt-atom{font-weight:600;color:#fb923c!important}.cm-editor .tok-keyword,.cm-editor .cmt-keyword,.cm-editor .cm-keyword{font-weight:700;color:#f43f5e!important}.cm-editor .tok-variableName,.cm-editor .cmt-variableName,.cm-editor .cm-variable{color:#f8fafc!important}.cm-editor .tok-operator,.cm-editor .cmt-operator,.cm-editor .cm-operator{color:#f43f5e!important}.cm-editor .tok-punctuation,.cm-editor .cmt-punctuation,.cm-editor .cm-punctuation{color:#cbd5e1!important}.cm-editor .tok-bracket,.cm-editor .cmt-bracket,.cm-editor .cm-bracket{color:#fef08a!important}.cm-editor .tok-comment,.cm-editor .cmt-comment,.cm-editor .cm-comment{font-style:italic;color:#94a3b8!important}.cm-editor .tok-type,.cm-editor .tok-typeName,.cm-editor .cmt-typeName{color:#67e8f9!important}.cm-editor .tok-def,.cm-editor .tok-definition,.cm-editor .cmt-definition{color:#a78bfa!important}.plain-editor,.tool-input{resize:vertical;border:0;outline:0;width:100%;min-height:430px;color:#f8fafc!important;caret-color:#38bdf8!important;background:#0f172a!important;padding:16px!important;font-family:JetBrains Mono,Fira Code,SFMono-Regular,Consolas,monospace!important;font-size:.94rem!important;line-height:1.65!important}.plain-editor::placeholder,.tool-input::placeholder{opacity:1;color:#64748b!important}.plain-editor::selection{color:#fff!important;background-color:#0284c7!important}.tool-input::selection{color:#fff!important;background-color:#0284c7!important}.plain-editor.compact-editor{min-height:190px}.plain-editor.tall-editor{min-height:480px}.empty-output{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:280px;padding:30px;display:flex;color:#f8fafc!important;background:#0f172a!important}.empty-output strong{font-size:1.05rem;color:#fff!important}.empty-output p{max-width:390px;font-size:.88rem;color:#94a3b8!important}.status-bar{border-top:1px solid var(--border);background:var(--surface-2);min-height:43px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;font-size:.76rem;display:flex}.notice{border-bottom:1px solid var(--border);padding:11px 14px;font-size:.84rem}.notice.neutral{background:var(--surface-2);color:var(--muted)}.notice.success{background:var(--success-soft);color:var(--success)}.notice.warning{background:var(--warning-soft);color:var(--warning)}.notice.error{background:var(--danger-soft);color:var(--danger)}.notice p{color:inherit;margin-top:4px}.upload-zone{border:1px dashed var(--border-strong);background:var(--surface-2);min-height:96px;color:var(--muted);text-align:center;border-radius:11px;justify-content:center;align-items:center;gap:12px;margin:14px;padding:20px;display:flex}.upload-zone:hover,.upload-zone.dragging{border-color:var(--accent);background:var(--accent-soft)}.drop-active{z-index:20;border:2px dashed var(--accent);background:var(--accent-soft);color:var(--accent);border-radius:11px;place-content:center;font-weight:800;display:grid;position:absolute;inset:12px}.options-grid,.generator-controls,.regex-controls{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;padding:14px;display:grid}.advanced-options{border-top:1px solid var(--border)}.advanced-options summary{color:var(--accent);cursor:pointer;padding:12px 14px;font-size:.82rem;font-weight:750}.advanced-options-body{border-top:1px solid var(--border);background:var(--surface-2)}.tree-toolbar{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;gap:8px;padding:10px 12px;display:flex}.tree-toolbar input{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;flex:1;min-width:170px;padding:8px 10px}.json-tree{height:100%;max-height:560px;padding:14px;font-family:monospace;font-size:.84rem;overflow:auto;color:#839496!important;background:#002b36!important}.tree-row{align-items:flex-start;gap:5px;min-height:24px;display:flex}.tree-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:0;width:20px;height:20px;padding:0}.tree-key{color:#a78bfa;font-weight:600}.tree-string{color:#34d399}.tree-number{color:#fbbf24}.tree-boolean{color:#f472b6}.tree-null{color:#94a3b8}.tree-match{color:#fef08a;background:#713f12;border-radius:3px}.jwt-layout{grid-template-columns:minmax(0,1fr) minmax(190px,250px) minmax(0,1fr);min-height:540px;display:grid}.jwt-input{background:var(--surface);flex-direction:column;display:flex}.jwt-input-help{color:var(--muted);padding:0 14px 14px;font-size:.78rem}.jwt-input .tool-input{border-radius:9px;flex:1;width:calc(100% - 24px);min-height:390px;margin:12px}.jwt-input>p{padding:0 14px 14px;font-size:.78rem}.jwt-output{max-height:780px;padding:16px;overflow:auto}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.metric-card{border:1px solid var(--border);background:var(--surface-2);text-align:left;border-radius:10px;min-width:0;padding:12px}button.metric-card{cursor:pointer;color:var(--text)}.metric-card span,.metric-card small{color:var(--muted);font-size:.7rem;display:block}.metric-card strong{word-break:break-word;margin-top:4px;display:block}.metric-card.error{border-color:color-mix(in srgb, var(--danger) 40%, var(--border));background:var(--danger-soft)}.claim-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.claim-card{border:1px solid var(--border);border-radius:10px;min-width:0;padding:12px}.claim-card span,.claim-card small{color:var(--muted);font-size:.7rem;display:block}.claim-card strong{word-break:break-word;margin:4px 0;display:block}.code-card{border:1px solid var(--border);border-radius:10px;margin-top:12px;overflow:hidden}.code-card pre{background:var(--code);max-height:280px;color:var(--code-text);white-space:pre-wrap;padding:14px;overflow:auto}.signature-block{background:var(--code);color:var(--code-text);word-break:break-all;border-radius:10px;gap:7px;margin-top:12px;padding:14px;display:grid}.signature-block p{color:#a9b8c5;font-size:.77rem}.uuid-layout{padding:0}.uuid-controls{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;padding:16px;display:grid}.uuid-results{border:1px solid var(--border);border-radius:11px;max-height:560px;margin:0 16px 16px;overflow:auto}.uuid-row{border-bottom:1px solid var(--border);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;font-family:monospace;display:grid}.uuid-row:last-child{border-bottom:0}.uuid-row span:first-child{color:var(--muted)}.simple-workspace .workspace-body{min-height:460px}.simple-workspace .plain-editor{min-height:440px}.diff-output{white-space:pre-wrap;max-height:600px;padding:14px;font-family:monospace;overflow:auto}.match-list,.password-list,.validation-results{gap:8px;padding:14px;display:grid}.match-list>div,.password-list>div,.validation-issue{border:1px solid var(--border);background:var(--surface-2);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.password-list code{overflow-wrap:anywhere}.validation-issue{justify-content:start}.color-layout{grid-template-columns:minmax(220px,.55fr) 1.45fr;gap:16px;padding:16px;display:grid}.color-swatch{border:1px solid var(--border);border-radius:12px;min-height:260px}.color-input{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;width:46px;height:42px;padding:3px}.utility-metrics{align-content:start}.table-scroll{border-top:1px solid var(--border);max-height:620px;overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:.82rem}.data-table th,.data-table td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:10px 12px}.data-table th{background:var(--surface-2);z-index:1;position:sticky;top:0}.image-workspace{overflow:visible}.workflow-section{border-bottom:1px solid var(--border);background:var(--surface);padding:18px}.settings-section{background:var(--surface-2)}.step-heading{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.step-heading>span{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:.78rem;font-weight:850;display:grid}.step-heading h2{letter-spacing:-.01em;font-size:1.05rem}.step-heading p{margin-top:3px;font-size:.82rem}.step-heading.compact{margin-bottom:0}.image-workspace .upload-zone{background:var(--surface-2);flex-direction:column;min-height:128px;margin:0}.image-controls{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;padding:14px;display:grid}.primary-image-controls{border:0;grid-template-columns:minmax(220px,1fr) minmax(240px,1fr);padding:0}.quality-field{grid-template-columns:1fr auto;align-items:center}.quality-field input{grid-column:1/-1}.image-action-panel{z-index:30;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 96%, transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin:16px;padding:14px 16px;display:flex;position:sticky;bottom:12px}.action-buttons{justify-content:flex-end}.image-list{gap:14px;padding:0 16px 16px;display:grid}.image-item{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:minmax(280px,.8fr) minmax(300px,1.2fr);gap:16px;padding:14px;display:grid}.image-item-heading{grid-column:1/-1;align-items:center;gap:10px;display:flex}.queue-number{background:var(--surface-3);width:28px;height:28px;color:var(--muted);border-radius:8px;place-items:center;font-size:.76rem;font-weight:800;display:grid}.file-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:780;overflow:hidden}.image-item-heading small{color:var(--muted)}.image-preview-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.image-preview-pair figure{min-width:0}.image-preview-pair img,.preview-placeholder{object-fit:contain;border:1px solid var(--border);background:var(--surface-2);border-radius:9px;width:100%;height:210px}.preview-placeholder{color:var(--muted);place-items:center;font-size:.8rem;display:grid}.image-preview-pair figcaption{color:var(--muted);text-align:center;margin-top:5px;font-size:.72rem}.image-result-panel{flex-direction:column;justify-content:center;gap:12px;display:flex}.image-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.image-meta div{background:var(--surface-2);border-radius:9px;min-width:0;padding:11px}.image-meta span{color:var(--muted);font-size:.69rem;display:block}.image-meta strong{overflow-wrap:anywhere;margin-top:3px;display:block}.progress{background:var(--surface-3);border-radius:99px;height:7px;overflow:hidden}.progress span{background:var(--accent);height:100%;transition:width .2s;display:block}.image-empty{min-height:220px}.page-hero{background:var(--surface);border-bottom:1px solid var(--border);padding:64px 0}.page-hero p{max-width:760px;margin-top:14px;font-size:1rem}.content-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:54px;display:grid}.content-sidebar{gap:14px;display:grid;position:sticky;top:92px}.sidebar-card{padding:18px}.sidebar-card h2{margin-bottom:10px;font-size:.94rem}.sidebar-card a{color:var(--muted);padding:6px 0;font-size:.84rem;display:block}.sidebar-card a:hover{color:var(--accent)}.prose{max-width:850px}.prose section+section{margin-top:38px}.prose h2{margin-bottom:12px;font-size:1.55rem}.prose h3{margin:22px 0 9px}.prose p+p{margin-top:12px}.prose ul,.prose ol{color:var(--muted);padding-left:22px}.prose li+li{margin-top:7px}.prose pre{background:var(--code);max-width:100%;color:var(--code-text);border-radius:10px;margin-top:12px;padding:16px;overflow:auto}.chip-list{flex-wrap:wrap;gap:8px;display:flex}.chip-list span{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:.77rem}.shortcut-list{border:1px solid var(--border);border-radius:10px;display:grid;overflow:hidden}.shortcut-list>div{border-bottom:1px solid var(--border);grid-template-columns:220px 1fr;align-items:center;gap:14px;padding:11px 13px;display:grid}.shortcut-list>div:last-child{border-bottom:0}.faq-list{gap:10px;display:grid}.faq-list details{border:1px solid var(--border);background:var(--surface);border-radius:10px}.faq-list summary{cursor:pointer;padding:14px;font-weight:750}.faq-list details p{padding:0 14px 14px}.overlay{z-index:800;-webkit-backdrop-filter:blur(16px);background:#0b0f19b8;place-items:start center;padding:10vh 16px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog{border:1px solid var(--border-strong);background:var(--surface);width:min(720px,100%);box-shadow:0 25px 60px -15px #0006, 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:16px;animation:.25s cubic-bezier(.16,1,.3,1) slideDown;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.search-input-row{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:14px;padding:16px 20px;display:flex}.search-input-row span{color:var(--accent);font-size:1.2rem}.search-input-row input{color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:1.05rem;font-weight:650}.search-input-row input::placeholder{color:var(--muted);opacity:.8}.search-results{flex-direction:column;gap:4px;max-height:60vh;padding:12px;display:flex;overflow-y:auto}.search-results .eyebrow{letter-spacing:.08em;color:var(--muted);padding:8px 12px 4px;font-size:.72rem}.search-result{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:12px 16px;transition:all .15s;display:flex}.search-result:hover,.search-result.active{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.search-result span{gap:2px;display:grid}.search-result strong{color:var(--text);font-size:.94rem;font-weight:700}.search-result small{color:var(--muted);font-size:.8rem;font-weight:500}.search-result em{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--surface-3);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.72rem;font-style:normal;font-weight:800}mark{background:color-mix(in srgb, var(--accent) 25%, transparent);color:var(--accent);border-radius:3px;padding:0 2px;font-weight:800}.search-empty{text-align:center;color:var(--muted);padding:40px 20px}.search-empty strong{color:var(--text);margin-bottom:6px;font-size:1.1rem;display:block}.search-empty p{max-width:400px;margin:0 auto 16px;font-size:.88rem}.theme-popover{z-index:600;border:1px solid var(--border-strong);background:var(--surface);border-radius:12px;flex-direction:column;gap:4px;width:155px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) popoverFade;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px -10px #0000004d}@keyframes popoverFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.theme-popover button{width:100%;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.84rem;font-weight:650;transition:all .15s;display:flex}.theme-popover button:hover,.theme-popover button.active{background:var(--accent-soft);color:var(--accent);font-weight:750}.menu-icon{justify-content:center;align-items:center;display:flex}.account-hero{padding:52px 0 24px}.account-dashboard,.admin-heading{gap:18px;display:grid}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dashboard-card{padding:18px}.dashboard-item{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.dashboard-item:last-child{border-bottom:0}.account-summary{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.account-auth,.auth-shell{max-width:520px;margin-inline:auto}.auth-card,.form-card{gap:14px;padding:22px;display:grid}.contact-form{gap:14px;display:grid}.inline-form{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.form-error,.alert{background:var(--danger-soft);color:var(--danger);border-radius:8px;padding:10px 12px}.success-alert{background:var(--success-soft);color:var(--success);margin-bottom:16px}.form-status{min-height:22px;color:var(--muted)}.honeypot{position:absolute!important;left:-9999px!important}.danger-zone{border-color:color-mix(in srgb, var(--danger) 35%, var(--border))}.collection-block{gap:10px;display:grid}.tool-account-actions{flex-wrap:wrap;gap:8px;display:flex}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 10px 30px -10px #00000014}.table-card:hover{box-shadow:0 14px 35px -10px #0000001f}.admin-panel-block{margin:24px 0;padding:20px 24px}.table-scroll{-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;position:relative;overflow-x:auto}.table-scroll::-webkit-scrollbar{width:6px;height:6px}.table-scroll::-webkit-scrollbar-track{background:var(--surface)}.table-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--border) 80%, var(--muted));border-radius:3px}.table-scroll table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:780px;font-size:.88rem}.table-scroll thead th{z-index:2;background:color-mix(in srgb, var(--surface-strong) 92%, var(--surface));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--border);white-space:nowrap;padding:14px 16px;font-size:.76rem;font-weight:700;position:sticky;top:0}.table-scroll thead th.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s,background .15s}.table-scroll thead th.sortable-th:hover{color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--surface-strong))}.table-scroll tbody tr{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);transition:background .15s}.table-scroll tbody tr:nth-child(2n){background:color-mix(in srgb, var(--surface-strong) 25%, transparent)}.table-scroll tbody tr:hover{background:color-mix(in srgb, var(--primary) 6%, var(--surface-strong))}.table-scroll tbody td{vertical-align:middle;color:var(--text);border-bottom:1px solid color-mix(in srgb, var(--border) 40%, transparent);padding:13px 16px}.method-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;margin-right:6px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-block}.method-get{color:#10b981;background:#10b98124;border:1px solid #10b98140}.method-post{color:#3b82f6;background:#3b82f624;border:1px solid #3b82f640}.method-put,.method-patch{color:#f59e0b;background:#f59e0b24;border:1px solid #f59e0b40}.method-delete{color:#ef4444;background:#ef444424;border:1px solid #ef444440}.status-badge{border-radius:6px;justify-content:center;align-items:center;padding:3px 9px;font-size:.76rem;font-weight:700;display:inline-flex}.status-ok{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.status-err{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.vk-code{background:color-mix(in srgb, var(--surface-strong) 80%, var(--surface));border:1px solid var(--border);color:var(--text);border-radius:6px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem}.user-pill{background:color-mix(in srgb, var(--primary) 10%, var(--surface));color:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 25%, transparent);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:inline-flex}.admin-user-list{gap:14px;margin-top:14px;display:grid}.admin-user-row{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-strong) 40%, var(--surface));border-radius:12px;grid-template-columns:minmax(200px,1.4fr) repeat(4,minmax(130px,1fr)) minmax(110px,auto) auto;align-items:center;gap:12px;padding:16px;transition:border-color .2s,box-shadow .2s;display:grid}.admin-user-row:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 4px 18px #0000000d}.admin-user-row label{color:var(--muted);gap:6px;font-size:.82rem;display:grid}.admin-user-row input:not([type=checkbox]){border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text);border-radius:8px;padding:8px 12px;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.admin-user-row input:not([type=checkbox]):focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent);outline:none}.admin-check-field{min-height:42px}.admin-visits{min-width:0}.shared-result,.article-body{max-width:850px}.pagination-shell{margin-top:24px}@media (width<=1180px){.admin-user-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}}@media (width<=680px){.admin-user-row{grid-template-columns:1fr}}.mobile-nav{margin-left:auto;display:none;position:relative}.mobile-nav summary{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;place-items:center;min-height:40px;padding:7px 11px;font-size:.82rem;font-weight:750;list-style:none;display:grid}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav>div{z-index:650;border:1px solid var(--border);background:var(--surface);min-width:190px;box-shadow:var(--shadow-sm);border-radius:10px;padding:7px;display:grid;position:absolute;top:48px;right:0}.mobile-nav a{color:var(--muted);border-radius:7px;padding:10px 11px;font-weight:700}.mobile-nav a:hover{background:var(--surface-2);color:var(--text)}.primary-options-grid{background:var(--surface);grid-template-columns:repeat(2,minmax(180px,320px));justify-content:start}.tool-help-section{padding-top:34px}.tool-help-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.tool-help-panel>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:800;list-style:none;display:flex}.tool-help-panel>summary::-webkit-details-marker{display:none}.tool-help-panel>summary:after{content:"+";background:var(--surface-3);width:28px;height:28px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.tool-help-panel[open]>summary:after{content:"−"}.tool-help-panel>summary small{color:var(--muted);margin-left:auto;font-weight:500}.tool-help-panel>.content-layout{border-top:1px solid var(--border);padding:28px 20px 24px}.image-workspace .upload-zone .button{background:var(--accent);border-color:var(--accent);color:#fff}.jwt-input-actions{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;font-size:.76rem;display:flex}.jwt-output>.pane-title{margin:-16px -16px 16px}.calm-hero,.audience-section{position:relative}.footer-brand{margin-bottom:6px}.faq-shell{grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);align-items:start;gap:54px;display:grid}.related-link{border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px!important;display:grid!important}.related-link:hover{background:var(--surface-2)}.related-link>span:last-child{min-width:0;display:grid}.related-link small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.byline{color:var(--muted);font-size:.8rem}.empty-state,.empty-copy,.account-loading{text-align:center;min-height:180px;color:var(--muted);place-content:center;gap:7px;padding:28px;display:grid}.compact-field{min-width:170px}.search-trigger,.theme-trigger{flex:none}.button{min-height:44px;box-shadow:none;border-radius:10px;padding:10px 16px;font-size:.875rem;font-weight:780}.button.primary{box-shadow:0 7px 18px color-mix(in srgb, var(--accent) 22%, transparent)}.button.ghost{color:var(--muted);background:0 0;border-color:#0000}.button.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.button.danger-button{background:var(--danger);border-color:var(--danger);color:#fff}.danger-text{color:var(--danger)!important}.text-link{cursor:pointer;background:0 0;border:0;padding:0}.site-header{background:color-mix(in srgb, var(--surface) 92%, transparent)}.header-inner{gap:24px;height:72px}.brand-mark{background:0 0;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.brand strong{font-size:1rem}.brand small{font-size:.7rem}.main-nav{margin-right:0}.main-nav a{color:var(--muted);padding:9px 12px}.main-nav a.active,.main-nav a:hover{background:var(--surface-2);color:var(--text)}.header-search{border:1px solid var(--border);background:var(--surface-2);min-width:230px;min-height:40px;color:var(--muted);cursor:pointer;border-radius:10px;align-items:center;gap:10px;margin-left:auto;padding:7px 9px 7px 12px;display:flex}.header-search span:nth-child(2){text-align:left;flex:1;font-weight:650}.header-search:hover{border-color:var(--border-strong);background:var(--surface)}.header-actions{margin-left:0}.account-button{text-decoration:none}.home-hero{background:var(--surface);border-bottom:1px solid var(--border);padding:92px 0 82px}.home-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(410px,.72fr);align-items:center;gap:clamp(48px,7vw,110px);display:grid}.home-hero-copy h1{letter-spacing:-.062em;max-width:860px;margin-top:13px;font-size:clamp(2.8rem,5.4vw,5.7rem);line-height:.99}.home-hero-copy>p{max-width:760px;margin-top:24px;font-size:clamp(1.04rem,1.5vw,1.22rem)}.hero-search{border:1px solid var(--border-strong);background:var(--surface);width:min(100%,760px);min-height:70px;color:var(--muted);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:32px;padding:12px 15px;display:grid}.hero-search:hover{border-color:var(--accent)}.hero-search>span:first-child{font-size:1.3rem}.hero-search>span:nth-child(2){gap:2px;display:grid}.hero-search b{color:var(--text);font-size:.98rem}.hero-search small{color:var(--muted)}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.trust-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.trust-row>span{border-top:1px solid var(--border);gap:2px;padding-top:14px;display:grid}.trust-row b{font-size:.83rem}.trust-row small{color:var(--muted);font-size:.76rem}.home-task-panel{border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow);border-radius:18px;padding:12px}.panel-heading{justify-content:space-between;align-items:center;gap:14px;padding:12px 12px 16px;display:flex}.panel-heading>span{display:grid}.panel-heading small{color:var(--muted);font-size:.76rem}.panel-heading a{color:var(--accent);font-size:.8rem;font-weight:750}.task-list{gap:7px;display:grid}.task-list a{background:var(--surface);border:1px solid #0000;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.task-list a:hover{border-color:var(--border-strong);transform:translateY(-1px)}.task-list a>span:nth-child(2){min-width:0;display:grid}.task-list small{color:var(--muted);font-size:.76rem}.home-category-strip{background:var(--surface);border-bottom:1px solid var(--border)}.category-strip-inner{align-items:center;gap:10px;min-height:62px;display:flex;overflow-x:auto}.category-strip-inner>span{color:var(--muted);white-space:nowrap;margin-right:6px;font-size:.78rem;font-weight:800}.category-strip-inner a{white-space:nowrap;background:var(--surface-2);color:var(--muted);border-radius:8px;padding:7px 10px;font-size:.78rem;font-weight:700}.category-strip-inner a:hover{color:var(--text)}.category-strip-inner b{color:var(--accent);margin-left:5px}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:28px;display:flex}.section-heading>div:last-child{text-align:right;justify-items:end;gap:7px;max-width:600px;display:grid}.section-heading h2{margin-top:7px}.directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.directory-tool-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-rows:auto 1fr auto;gap:18px;min-height:250px;padding:20px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.directory-tool-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.directory-tool-top{justify-content:space-between;align-items:center;display:flex}.tool-status-chip{background:var(--accent-soft);color:var(--accent);text-transform:uppercase;letter-spacing:.055em;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:850}.tool-category-label{color:var(--muted);text-transform:uppercase;letter-spacing:.065em;font-size:.68rem;font-weight:820}.directory-tool-card h2,.directory-tool-card h3{margin-top:7px;font-size:1.08rem}.directory-tool-card p{margin-top:8px;font-size:.84rem}.card-action{border-top:1px solid var(--border);color:var(--accent);justify-content:space-between;align-items:center;padding-top:14px;font-size:.82rem;font-weight:800;display:flex}.category-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.category-directory-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;min-height:126px;padding:18px;display:grid}.category-directory-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.category-directory-card.is-planned{background:var(--surface-2)}.category-directory-copy{gap:5px;min-width:0;display:grid}.category-directory-copy small{color:var(--muted);font-size:.78rem;line-height:1.45}.category-count{text-align:right;min-width:56px;display:grid}.category-count b{font-size:1.3rem}.category-count small{color:var(--muted);font-size:.68rem}.compact-categories .category-directory-card{min-height:110px}.center-action{justify-content:center;margin-top:26px;display:flex}.principle-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(50px,8vw,130px);display:grid}.principle-intro h2{margin-top:9px}.principle-intro>p{max-width:660px;margin-top:17px}.principle-list{display:grid}.principle-list>div{border-bottom:1px solid var(--border);grid-template-columns:46px 1fr;gap:14px;padding:22px 0;display:grid}.principle-list>div:first-child{border-top:1px solid var(--border)}.principle-list>div>span{color:var(--accent);font-size:.75rem;font-weight:850}.principle-list p{margin-top:4px}.directory-hero,.category-hero,.account-page-hero,.admin-hero{background:var(--surface);border-bottom:1px solid var(--border);padding:62px 0}.directory-hero-grid,.category-hero-grid,.account-page-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);align-items:end;gap:60px;display:grid}.directory-hero h1,.category-hero h1,.account-page-hero h1{margin-top:9px}.directory-hero p,.category-hero p,.account-page-hero p{max-width:820px;margin-top:13px;font-size:1.02rem}.directory-stat-card,.category-hero-stat{border:1px solid var(--border);background:var(--surface-2);border-radius:16px;align-content:center;gap:2px;min-height:150px;padding:24px;display:grid}.directory-stat-card strong,.category-hero-stat strong{letter-spacing:-.05em;font-size:2.6rem}.directory-stat-card span,.category-hero-stat span{font-weight:800}.directory-stat-card small,.category-hero-stat small{color:var(--muted);margin-top:7px}.directory-stat-card.interactive:hover{border-color:var(--accent)}.directory-filter-bar,.catalog-toolbar{z-index:100;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:72px}.directory-filters,.catalog-toolbar>.container{align-items:center;gap:10px;min-height:76px;display:flex}.search-field{border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;flex:1;align-items:center;gap:10px;min-width:260px;min-height:46px;padding:0 12px;display:flex}.search-field input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.select-field select{border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;min-width:270px;min-height:46px;padding:0 12px}.result-summary{color:var(--muted);gap:7px;margin-bottom:20px;display:flex}.directory-empty{border:1px dashed var(--border-strong);background:var(--surface);border-radius:16px;grid-column:1/-1;min-height:330px}.directory-empty .button{justify-self:center}.pagination-shell{border-top:1px solid var(--border);width:100%;margin-top:40px;padding-top:24px}.pagination-nav,.pagination-shell nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.pagination-info,.pagination-shell p{color:var(--muted);font-size:.86rem}.pagination-info span,.pagination-info font,.pagination-info b,.pagination-shell p span,.pagination-shell p font,.pagination-shell p b{color:var(--text);font-weight:750}.pagination-links,.pagination-shell nav>div,.pagination-shell nav ul{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pagination-btn,.pagination-shell nav a,.pagination-shell nav span[aria-current=page],.pagination-shell nav span[aria-disabled=true]{border:1px solid var(--border-strong);background:var(--surface);min-width:40px;height:40px;color:var(--text);box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.pagination-btn:hover:not(.disabled):not(.active),.pagination-shell nav a:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.pagination-btn.active,.pagination-shell nav span[aria-current=page]{background:var(--accent-gradient,var(--accent));border-color:#0000;box-shadow:0 4px 14px -2px #6366f173;color:#fff!important}.pagination-btn.disabled,.pagination-shell nav span[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none;background:var(--surface-2);border-color:var(--border);color:var(--muted)}.category-title-row{align-items:center;gap:18px;margin-top:18px;display:flex}.category-title-row h1{margin-top:3px}.planned-category-panel{border:1px dashed var(--border-strong);background:var(--surface);border-radius:18px;grid-template-columns:auto minmax(0,800px);justify-content:center;align-items:center;gap:28px;min-height:330px;padding:42px;display:grid}.planned-category-panel h2{margin-top:7px}.planned-category-panel p{margin-top:12px}.category-guidance-grid{grid-template-columns:minmax(0,1.25fr) minmax(310px,.55fr);gap:70px;display:grid}.category-side-stack{align-content:start;gap:14px;display:grid}.catalog-hero p{max-width:900px}.catalog-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:30px;display:grid}.catalog-metrics>div{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;gap:2px;padding:16px;display:grid}.catalog-metrics strong{font-size:1.65rem}.catalog-metrics span{color:var(--muted);font-size:.76rem;font-weight:700}.catalog-search{max-width:760px}.status-legend{flex-wrap:wrap;gap:7px;display:flex}.status-pill{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:999px;align-items:center;padding:4px 8px;font-size:.65rem;font-weight:850;display:inline-flex}.status-pill.implemented{background:var(--success-soft);color:var(--success)}.status-pill.planned{background:var(--surface-3);color:var(--muted)}.status-pill.backend{background:var(--warning-soft);color:var(--warning)}.status-pill.restricted{background:var(--danger-soft);color:var(--danger)}.catalog-section{padding-top:28px}.catalog-group{border:1px solid var(--border);background:var(--surface);border-radius:13px;margin-bottom:10px;overflow:clip}.catalog-group>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:74px;padding:14px 18px;list-style:none;display:flex}.catalog-group>summary::-webkit-details-marker{display:none}.catalog-group>summary>span:first-child{align-items:center;gap:14px;display:flex}.catalog-group>summary>span:first-child>b{background:var(--surface-2);width:34px;height:34px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.catalog-group>summary span span{display:grid}.catalog-group>summary small{color:var(--muted);font-size:.72rem}.catalog-total{background:var(--surface-2);border-radius:8px;place-items:center;min-width:40px;height:32px;font-weight:800;display:grid}.catalog-tool-grid{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.catalog-tool{border-bottom:1px solid var(--border);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:11px 16px;display:grid}.catalog-tool:nth-child(odd){border-right:1px solid var(--border)}.catalog-tool-number{color:var(--muted);font-size:.7rem}.catalog-tool>span:nth-child(2){display:grid}.catalog-tool small{color:var(--muted);font-size:.68rem}.catalog-tool a{color:var(--accent)}.directory-section,.category-tools-section,.admin-section{min-height:320px}.home-tool-grid{align-items:stretch}.category-prose{max-width:920px}.input-pane{background:var(--surface)}.tool-hero{background:var(--surface);border-bottom:1px solid var(--border);padding:38px 0 26px}.tool-heading{max-width:1160px}.tool-heading p{font-size:1rem}.direct-answer{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 9px 9px 0;gap:2px;max-width:900px;margin-top:15px;padding:13px 15px;display:grid}.direct-answer span{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:850}.direct-answer p{color:var(--text);font-size:.86rem}.tool-stage{padding:22px 0 0}.workspace{box-shadow:var(--shadow-sm);border-radius:15px}.universal-workspace{overflow:hidden}.universal-toolbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:10px 12px;display:flex}.toolbar-actions-muted{justify-content:flex-end}.universal-options{border-bottom:1px solid var(--border);background:var(--surface-2);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;padding:14px;display:grid}.check-field{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;align-items:center;gap:9px;min-height:44px;padding:0 11px;font-size:.8rem;font-weight:700;display:flex}.check-field input{width:17px;height:17px;accent-color:var(--accent)}.universal-grid{background:var(--surface);grid-auto-flow:row;align-items:stretch;min-height:590px;display:grid}.universal-grid.three-column-layout{grid-template-columns:minmax(0,1fr) minmax(190px,250px) minmax(0,1fr)}.universal-grid.four-column-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(190px,250px) minmax(0,1fr)}.universal-grid.generator-layout{grid-template-columns:minmax(190px,250px) minmax(0,1fr);min-height:430px}.universal-pane{grid-template-rows:auto 1fr;min-width:0;display:grid}.secondary-input-pane,.output-pane{min-width:0}.universal-pane+.universal-pane{border-left:1px solid var(--border)}.pane-title{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;min-height:48px;padding:10px 14px;display:flex}.pane-title span{color:var(--muted);font-size:.7rem}.file-input-summary{border-bottom:1px solid var(--border);background:var(--accent-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px 14px;display:grid}.file-input-summary strong,.file-input-summary span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.file-input-summary span{color:var(--muted);font-size:.72rem}.file-input-summary .button{grid-area:1/2/span 2}.universal-pane .plain-editor{resize:vertical;background:var(--surface);width:100%;min-height:540px;color:var(--text);border:0;border-radius:0;outline:0;padding:18px;line-height:1.58}.universal-pane .plain-editor:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.output-editor{background:var(--surface-2)!important}.empty-output{text-align:center;background:var(--surface-2);place-content:center;gap:6px;padding:30px;display:grid}.empty-output p{max-width:440px}.status-bar{border-top:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:8px 14px;font-size:.72rem;display:flex}.tool-help-panel{box-shadow:none}.account-page-grid{align-items:center}.account-benefits{gap:8px;display:grid}.account-benefits>div,.auth-assurance-list>div{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;grid-template-columns:34px 1fr;gap:10px;padding:13px;display:grid}.account-benefits>div>span,.auth-assurance-list>div>span{color:var(--accent);font-size:.7rem;font-weight:850}.account-benefits p,.auth-assurance-list p{font-size:.78rem}.account-workspace-section{min-height:600px}.account-auth{grid-template-columns:minmax(0,.75fr) minmax(420px,.65fr);align-items:center;gap:80px;max-width:1160px;margin-inline:auto;display:grid}.account-auth h2{margin-top:8px}.account-auth>div>p{margin-top:14px}.form-card,.auth-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:16px}.form-card label,.auth-card label,.delete-account-form label{color:var(--text);gap:6px;font-size:.78rem;font-weight:750;display:grid}.form-card input,.auth-card input,.delete-account-form input{border-radius:10px;min-height:48px}.account-summary{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:24px;padding-bottom:22px;display:flex}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:4px 16px 16px}.dashboard-item>span:nth-child(2),.dashboard-item>span:first-child{min-width:0;display:grid}.dashboard-item small{color:var(--muted)}.danger-zone{border:1px solid color-mix(in srgb, var(--danger) 36%, var(--border));background:var(--danger-soft);border-radius:14px;grid-template-columns:1fr minmax(320px,.6fr);align-items:end;gap:34px;margin-top:18px;padding:22px;display:grid}.delete-account-form{gap:10px;display:grid}.auth-page{background:linear-gradient(120deg, var(--surface-2), var(--bg));align-items:center;min-height:calc(100vh - 72px);padding:70px 0;display:grid}.auth-page-grid{grid-template-columns:minmax(0,1fr) minmax(410px,.62fr);align-items:center;gap:clamp(50px,9vw,140px);display:grid}.auth-intro h1{max-width:760px;margin-top:10px}.auth-intro>p{max-width:700px;margin-top:18px}.auth-assurance-list{grid-template-columns:repeat(3,1fr);gap:10px;max-width:700px;margin-top:28px;display:grid}.auth-assurance-list>div{background:var(--surface);grid-template-columns:24px 1fr;align-content:start}.modern-auth-card{padding:28px}.modern-auth-card h2{margin-top:6px}.auth-back-link{justify-self:start;margin-top:4px}.admin-hero-row{justify-content:space-between;align-items:end;gap:24px;display:flex}.admin-layout{grid-template-columns:minmax(0,1fr) minmax(290px,.3fr);align-items:start;gap:18px;margin-top:20px;display:grid}.admin-events{border:1px solid var(--border);background:var(--surface);border-radius:14px}.admin-events>.panel-header{padding:18px}.admin-side{gap:14px;display:grid}.admin-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-metrics .metric-card{gap:4px;display:grid}.admin-metrics .metric-card span{order:0}.admin-metrics .metric-card strong{order:1}.site-footer{margin-top:0}.footer-grid{grid-template-columns:1.6fr repeat(3,1fr)}.footer-intro{max-width:460px}.footer-badges{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.footer-badges span{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:750}.search-form{align-items:center;gap:.75rem;display:flex}.input{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:10px;flex:1;padding:.75rem 1rem}.article-feature{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding:28px;display:flex}.article-meta{color:var(--muted);gap:14px;margin-top:12px;font-size:.82rem;display:flex}.article-meta.compact{margin-top:8px;font-size:.78rem}.article-answer{margin-bottom:24px}.comment-shell{margin-inline:auto}.comment-form{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;display:grid}.comment-form.compact{grid-template-columns:1fr 1fr;margin-top:12px}.comment-form label{color:var(--text);gap:6px;font-size:.78rem;font-weight:750;display:grid}.comment-form label.full{grid-column:1/-1}.comment-form input,.comment-form textarea{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);border-radius:9px;padding:9px 12px}.comment-form button{grid-column:1/-1;justify-self:start}.comment-list{gap:20px;margin-top:32px;display:grid}.comment-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:20px}.comment-card.reply{background:var(--surface-2);margin-top:12px}.comment-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.reply-box{margin-top:14px}.reply-box summary{cursor:pointer;color:var(--accent);font-size:.84rem;font-weight:700}.reply-list{border-left:2px solid var(--accent);gap:12px;margin-top:14px;padding-left:20px;display:grid}.full{grid-column:1/-1}.guide-library-hero,.docs-library-section,.docs-detail-section{position:relative}.guide-library-hero{overflow:hidden}.guide-library-hero:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 16%, transparent), transparent 68%);pointer-events:none;border-radius:50%;height:220px;position:absolute;inset:auto -10% -90px 45%}.docs-library-section,.docs-detail-section{min-height:540px}.docs-results{min-width:0}.docs-hero,.docs-detail-hero{background:linear-gradient(180deg, var(--surface-2), var(--background))}.docs-metrics{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.docs-metrics span{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;align-items:baseline;gap:6px;padding:8px 11px;font-size:.78rem;display:inline-flex}.docs-metrics strong{color:var(--text)}.docs-search-panel{z-index:45;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;grid-template-columns:minmax(260px,1fr) minmax(220px,.42fr) auto auto;gap:10px;padding:12px;display:grid;position:sticky;top:74px}.docs-search-panel input,.docs-search-panel select{width:100%;min-height:44px}.docs-library-grid{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;gap:28px;margin-top:28px;display:grid}.docs-category-nav{position:sticky;top:150px}.docs-category-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;max-height:calc(100vh - 180px);overflow:auto}.docs-category-card h2{z-index:2;border-bottom:1px solid var(--border);background:var(--surface-2);padding:14px;font-size:.9rem;position:sticky;top:0}.docs-category-card a{border-bottom:1px solid var(--border);color:var(--muted);grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 13px;font-size:.78rem;display:grid}.docs-category-card a:last-child{border-bottom:0}.docs-category-card a:hover,.docs-category-card a.active{background:var(--accent-soft);color:var(--text)}.docs-category-card a strong{color:var(--accent);font-variant-numeric:tabular-nums}.compact-heading{margin-bottom:16px}.docs-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.docs-card{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:230px;box-shadow:var(--shadow-sm);border-radius:13px;flex-direction:column;gap:12px;padding:16px;display:flex}.docs-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.docs-card-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:11px;display:grid}.docs-card-heading span:not(.tool-icon),.docs-inline-guides article>span{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.67rem;font-weight:800}.docs-card h3{margin-top:3px;font-size:.98rem;line-height:1.28}.docs-card p{color:var(--muted);font-size:.8rem}.docs-card-links{border-top:1px solid var(--border);justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;font-size:.75rem;display:flex}.docs-detail-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;display:grid}.docs-detail-heading>div>p{max-width:920px;margin-top:10px}.docs-hero-actions{margin-top:16px}.docs-detail-layout{grid-template-columns:minmax(190px,240px) minmax(0,880px);justify-content:center;align-items:start;gap:42px;display:grid}.docs-toc{position:sticky;top:92px}.docs-toc>div{border-left:1px solid var(--border);display:grid}.docs-toc strong,.docs-toc a{padding:7px 12px;font-size:.76rem}.docs-toc strong{color:var(--text)}.docs-toc a{color:var(--muted);border-left:2px solid #0000;margin-left:-1px}.docs-toc a:hover{color:var(--accent);border-left-color:var(--accent)}.docs-article{min-width:0}.docs-article>section{border-bottom:1px solid var(--border);margin-bottom:34px;padding:0 0 34px;scroll-margin-top:100px}.docs-article>section:last-child{border-bottom:0}.docs-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 24px;display:grid}.docs-fact-grid>div{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;min-width:0;padding:12px}.docs-fact-grid span,.docs-fact-grid strong{display:block}.docs-fact-grid span{color:var(--muted);font-size:.7rem}.docs-fact-grid strong{overflow-wrap:anywhere;margin-top:4px;font-size:.82rem}.docs-steps{counter-reset:docs-step;gap:10px;list-style:none;display:grid}.docs-steps li{counter-increment:docs-step;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;min-height:46px;padding:12px 12px 12px 52px;position:relative}.docs-steps li:before{content:counter(docs-step);background:var(--accent);color:#fff;border-radius:50%;place-content:center;width:27px;height:27px;font-size:.72rem;font-weight:850;display:grid;position:absolute;top:10px;left:12px}.check-list li::marker{color:var(--success)}.docs-inline-guides{gap:10px;display:grid}.docs-inline-guides article{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;padding:14px}.docs-inline-guides h3{margin-top:3px;font-size:.96rem}.docs-inline-guides p{margin-top:6px;font-size:.8rem}.guide-filter-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;grid-template-columns:minmax(260px,1fr) minmax(200px,.45fr) minmax(200px,.4fr) auto auto;gap:10px;padding:12px;display:grid}.guide-filter-panel input,.guide-filter-panel select{width:100%;min-height:44px}.guide-result-heading{margin-top:36px}.guide-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.guide-card{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:300px;box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:12px;padding:17px;display:flex}.guide-card-topline,.guide-card-links{justify-content:space-between;align-items:center;gap:10px;display:flex}.guide-card-topline>span:first-child{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:850}.guide-card h2{font-size:1.08rem;line-height:1.32}.guide-card>p{color:var(--muted);font-size:.82rem}.guide-tool-context{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:10px;display:grid}.guide-tool-context strong,.guide-tool-context small{display:block}.guide-tool-context strong{font-size:.78rem}.guide-tool-context small{color:var(--muted);margin-top:2px;font-size:.68rem}.guide-card .article-meta{margin-top:auto}.guide-card-links{border-top:1px solid var(--border);padding-top:11px;font-size:.75rem}}@layer utilities{.muted{color:var(--muted)!important}.success{color:var(--success)!important}.danger{color:var(--danger)!important}.error{color:var(--danger)}.warning-text{color:var(--warning)!important}.grow{flex:1;min-width:0}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width<=1100px){.hero-grid,.split-feature,.content-layout{grid-template-columns:1fr}.hero-grid{gap:40px}.content-sidebar{grid-template-columns:repeat(2,1fr);position:static}.tool-card-grid,.compact-tool-grid,.article-grid,.category-grid,.options-grid,.generator-controls,.regex-controls,.uuid-controls,.image-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.image-item{grid-template-columns:1fr}.image-item-heading{grid-column:1}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.workspace-body,.workspace-body--three,.jwt-layout{grid-template-columns:1fr}.workspace-body .workspace-pane+.workspace-pane,.jwt-input{border-left:0;border-right:0;border-top:1px solid var(--border)}.workspace-body .workspace-center-bar{border-inline:0;border-block:1px solid var(--border);flex-flow:wrap;min-width:0;max-width:none;padding:12px}.workspace-body .workspace-center-bar .button,.workspace-body .workspace-center-bar .action-btn{flex:150px;width:auto;min-width:0}.workspace-body .center-bar-divider{display:none}.jwt-input{order:0}.container,.tool-container{width:min(calc(100% - 22px), var(--max))}.section{padding:54px 0}.header-inner{gap:10px;height:62px}.main-nav,.brand small,.app-status{display:none}.hero{padding:56px 0}.hero-grid{grid-template-columns:1fr}.hero-copy>p{font-size:.98rem}.home-search{min-height:52px}.home-search kbd{display:none}.section-heading{display:block}.section-heading p,.section-heading>a{margin-top:12px;display:block}.audience-grid,.tool-card-grid,.compact-tool-grid,.article-grid,.category-grid,.mini-tool-list,.footer-grid,.content-sidebar,.dashboard-grid,.account-summary{grid-template-columns:1fr}.footer-grid{gap:28px}.footer-bottom{display:grid}.tool-hero{padding-top:24px}.tool-heading{grid-template-columns:1fr}.tool-heading .tool-icon{width:48px;height:48px}.tool-quick-guide{gap:8px;display:grid}.tool-stage{padding-top:12px}.workspace{border-radius:11px}.workspace-toolbar{align-items:stretch}.workspace-toolbar>.toolbar-group{width:100%}.workspace-toolbar .button{flex:1}.workspace-body{min-height:0}.editor-shell,.output-shell,.editor-shell .cm-editor,.output-shell .cm-editor,.plain-editor,.tool-input{min-height:360px}.options-grid,.generator-controls,.regex-controls,.uuid-controls,.image-controls,.primary-image-controls,.metric-grid,.claim-grid,.image-meta{grid-template-columns:1fr}.upload-zone{flex-direction:column}.uuid-row{grid-template-columns:32px minmax(0,1fr)}.uuid-row .button{grid-column:2;justify-self:start}.image-action-panel{margin:12px;display:grid;position:static}.action-buttons{width:100%;display:grid}.action-buttons .button{width:100%}.image-preview-pair{grid-template-columns:1fr 1fr}.image-preview-pair img,.preview-placeholder{height:150px}.color-layout{grid-template-columns:1fr}.color-swatch{min-height:190px}.shortcut-list>div,.feature-list>div,.feature-list>a{grid-template-columns:1fr;gap:6px}.audience-card-heading{display:grid}}@media (width<=480px){.title-row{align-items:flex-start}.privacy-badge{order:2}.image-preview-pair{grid-template-columns:1fr}.image-preview-pair img,.preview-placeholder{height:190px}.toolbar-group{width:100%}.toolbar-group>.button{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=760px){.mobile-nav{display:block}.header-actions{margin-left:0}.primary-options-grid{grid-template-columns:1fr}.tool-help-panel>summary{align-items:flex-start}.tool-help-panel>summary small{display:none}.tool-help-panel>.content-layout{padding:22px 14px}.jwt-input-actions{align-items:stretch}.jwt-input-actions .button{width:100%}.faq-shell{grid-template-columns:1fr;gap:24px}}@media (width<=1260px){.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero-grid{grid-template-columns:1fr}.home-task-panel{max-width:940px}}@media (width<=980px){.header-search{justify-content:center;width:44px;min-width:44px;padding:0}.header-search span:nth-child(2),.header-search kbd{display:none}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-hero-grid,.category-hero-grid,.account-page-grid,.category-guidance-grid,.principle-grid,.auth-page-grid,.account-auth,.admin-layout{grid-template-columns:1fr}.directory-stat-card,.category-hero-stat{min-height:110px}.catalog-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-assurance-list{grid-template-columns:1fr}.account-auth{gap:30px}.danger-zone{grid-template-columns:1fr}}@media (width<=760px){.container,.wide-container,.tool-container{width:min(calc(100% - 24px), var(--max))}.main-nav,.header-search,.account-button,#app-status-root{display:none}.mobile-nav{margin-left:auto;display:block}.header-actions{margin-left:0}.home-hero{padding:54px 0}.home-hero-copy h1{font-size:clamp(2.45rem,13vw,4rem)}.hero-search{min-height:64px}.hero-search kbd{display:none}.trust-row,.directory-grid,.category-directory-grid,.catalog-metrics,.dashboard-grid{grid-template-columns:1fr}.section-heading{align-items:start;gap:12px;display:grid}.section-heading>div:last-child{text-align:left;justify-items:start}.directory-filter-bar,.catalog-toolbar{position:static}.directory-filters,.catalog-toolbar>.container{padding-block:12px;display:grid}.search-field,.select-field select{width:100%;min-width:0}.catalog-tool-grid{grid-template-columns:1fr}.catalog-tool:nth-child(odd){border-right:0}.catalog-tool{grid-template-columns:34px minmax(0,1fr)}.catalog-tool .status-pill{grid-column:2;justify-self:start}.universal-toolbar{align-items:stretch;display:grid}.universal-toolbar .toolbar-group{width:100%}.universal-toolbar .button{flex:1}.universal-grid,.universal-grid.three-column-layout,.universal-grid.four-column-layout,.universal-grid.generator-layout{grid-template-columns:1fr;min-height:0}.universal-grid .workspace-center-bar{border-inline:0;border-block:1px solid var(--border);flex-flow:wrap;min-width:0;padding:12px}.universal-grid .workspace-center-bar .button,.universal-grid .workspace-center-bar .action-btn{flex:150px;width:auto;min-width:0}.universal-grid .center-bar-divider{display:none}.universal-pane+.universal-pane{border-left:0;border-top:1px solid var(--border)}.universal-pane .plain-editor{min-height:380px}.status-bar{align-items:flex-start;display:grid}.planned-category-panel{grid-template-columns:1fr;padding:28px}.category-title-row{align-items:flex-start}.account-summary,.admin-hero-row{align-items:start;display:grid}.auth-page{padding:46px 0}.modern-auth-card{padding:20px}.footer-grid{grid-template-columns:1fr}}@media (width<=1180px){.docs-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-search-panel{grid-template-columns:minmax(0,1fr) minmax(210px,.5fr) auto}.docs-search-panel .button.secondary{grid-column:1/-1}}@media (width<=900px){.docs-library-grid,.docs-detail-layout{grid-template-columns:1fr}.docs-category-nav,.docs-toc{position:static}.docs-category-card{max-height:300px}.docs-toc>div{border:1px solid var(--border);border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px}.docs-toc strong{grid-column:1/-1}}@media (width<=760px){.docs-search-panel{grid-template-columns:1fr;position:static}.docs-search-panel .button.secondary{grid-column:auto}.docs-card-grid,.docs-fact-grid,.docs-toc>div,.docs-detail-heading{grid-template-columns:1fr}.docs-card-links{display:grid}}@media (width<=1180px){.guide-filter-panel{grid-template-columns:minmax(0,1fr) repeat(2,minmax(190px,.45fr)) auto}.guide-filter-panel .button.secondary{grid-column:1/-1}.guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.guide-filter-panel,.guide-card-grid{grid-template-columns:1fr}.guide-filter-panel .button.secondary{grid-column:auto}}.code-textarea{resize:vertical;color:#f8fafc;caret-color:#38bdf8;tab-size:2;white-space:pre;background:#0f172a;border:0;border-radius:0;width:100%;height:100%;min-height:520px;padding:16px;font-family:JetBrains Mono,Fira Code,SFMono-Regular,Consolas,monospace;font-size:.94rem;line-height:1.65;display:block;overflow:auto}.code-textarea:focus-visible{outline-offset:-3px;outline:3px solid #38bdf88c}@media (width<=760px){.code-textarea{min-height:360px}}.code-editor{--code-editor-bg:#0b1220;--code-editor-surface:#111827;--code-editor-line:#e5edf8;--code-editor-muted:#7c8aa0;--code-editor-border:#263449;--code-editor-active:#38bdf817;--code-editor-selection:#3b82f65c;--code-editor-caret:#67e8f9;--code-editor-danger:#fb7185;resize:vertical;background:var(--code-editor-bg);width:100%;height:100%;min-height:520px;color:var(--code-editor-line);tab-size:2;isolation:isolate;font-family:JetBrains Mono,Fira Code,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.94rem;line-height:1.65;position:relative;overflow:hidden}.code-editor-overlay{z-index:1;pointer-events:none;will-change:transform;min-width:100%;padding-block:14px 18px;position:absolute;inset:0}.code-editor-row{grid-template-columns:var(--code-editor-gutter,5ch) minmax(0, 1fr);min-height:1.65em;display:grid;position:relative}.code-editor-row.is-active{background:var(--code-editor-active)}.code-editor-row.has-error{box-shadow:inset 3px 0 0 var(--code-editor-danger);background:linear-gradient(90deg,#fb71852e,#0000 64%)}.code-editor-row.has-warning{background:linear-gradient(90deg,#fb923c2b,#0000 64%);box-shadow:inset 3px 0 #fb923c}.code-editor-gutter{background:var(--code-editor-surface);border-right:1px solid var(--code-editor-border);color:var(--code-editor-muted);-webkit-user-select:none;user-select:none;justify-content:flex-end;align-items:flex-start;gap:5px;padding-inline:8px 10px;display:flex;position:relative}.code-editor-line-number{text-align:right;min-width:2ch}.code-editor-row.is-active .code-editor-line-number{color:#93c5fd;font-weight:700}.code-editor-marker{background:var(--code-editor-danger);color:#fff;border-radius:50%;place-items:center;width:1.2em;height:1.2em;margin-top:.22em;font-size:.68em;font-weight:800;line-height:1;display:inline-grid}.code-editor-marker.is-warning{background:#f97316}.code-editor-inline-issues{z-index:3;inset-inline-end:10px;pointer-events:none;justify-content:flex-end;align-items:center;gap:5px;max-width:min(68%,520px);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.code-editor-inline-issue{color:#fecdd3;white-space:nowrap;text-overflow:ellipsis;background:#3f1420f5;border:1px solid #fb718594;border-radius:5px;align-items:center;gap:5px;min-width:0;max-width:100%;padding:1px 7px;font-size:.73em;font-weight:700;line-height:1.45;display:inline-flex;overflow:hidden;box-shadow:0 1px 4px #02061759}.code-editor-inline-issue>span:first-child{color:#fff;background:#e11d48;border-radius:50%;flex:none;place-items:center;width:1.15em;height:1.15em;font-size:.82em;line-height:1;display:inline-grid}.code-editor-inline-issue.is-warning{color:#fed7aa;background:#431f10f5;border-color:#fb923c9e}.code-editor-inline-issue.is-warning>span:first-child{background:#ea580c}.code-editor-inline-issue small{color:#fdba74;font:inherit;opacity:.88;flex:none}@media (width<=760px){.code-editor-inline-issues{max-width:58%;inset-inline-end:6px}.code-editor-inline-issue{padding-inline:5px;font-size:.68em}.code-editor-inline-issue small{display:none}}.code-editor-line{min-width:0;color:var(--code-editor-line);font:inherit;padding-inline:18px;overflow:hidden}.code-editor-line-content{white-space:pre;will-change:transform;min-width:100%;display:inline-block}.code-editor.is-wrap .code-editor-line-content{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;display:block}.code-editor-input{z-index:2;width:100%;height:100%;min-height:inherit;resize:none;padding-block:14px 18px;padding-inline:calc(var(--code-editor-gutter,5ch) + 18px) 18px;color:#0000;caret-color:var(--code-editor-caret);font:inherit;line-height:inherit;tab-size:inherit;white-space:pre;background:0 0;border:0;border-radius:0;outline:0;display:block;position:absolute;inset:0;overflow:auto}.code-editor.is-wrap .code-editor-input{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow-x:hidden}.code-editor-input::selection{background:var(--code-editor-selection);color:#0000}.code-editor-input:focus-visible{box-shadow:inset 0 0 0 2px #67e8f975}.code-editor.is-readonly .code-editor-input{cursor:text}.code-editor-placeholder{z-index:1;top:14px;left:calc(var(--code-editor-gutter,5ch) + 18px);color:var(--code-editor-muted);pointer-events:none;position:absolute}.ce-property{color:#7dd3fc}.ce-string{color:#86efac}.ce-number{color:#facc15}.ce-boolean{color:#c084fc}.ce-null{color:#fb923c}.ce-keyword{color:#60a5fa;font-weight:700}.ce-function{color:#22d3ee}.ce-identifier{color:#e5edf8}.ce-operator{color:#f472b6}.ce-punctuation{color:#cbd5e1}.ce-bracket{color:#fde68a;font-weight:650}.ce-comment{color:#8ea0b8;font-style:italic}@media (width<=760px){.code-editor{min-height:360px}}.workspace{--editor-bg:#f8fafc;--editor-text:#172033;--editor-muted:#64748b;--editor-border:#cbd5e1;--editor-selection:#2563eb38;--editor-caret:#2563eb}[data-theme=dark] .workspace{--editor-bg:#0b1220;--editor-text:#e5edf8;--editor-muted:#94a3b8;--editor-border:#334155;--editor-selection:#38bdf842;--editor-caret:#38bdf8}.workspace .code-textarea,.workspace .plain-editor,.workspace .tool-input{background:var(--editor-bg);min-width:0;color:var(--editor-text);caret-color:var(--editor-caret);border-color:var(--editor-border);tab-size:2;font-family:JetBrains Mono,Fira Code,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.94rem;line-height:1.65}.workspace .code-textarea::placeholder,.workspace .plain-editor::placeholder,.workspace .tool-input::placeholder{color:var(--editor-muted);opacity:.92}.workspace .code-textarea::selection{background:var(--editor-selection)}.workspace .plain-editor::selection{background:var(--editor-selection)}.workspace .tool-input::selection{background:var(--editor-selection)}.editor-wrap,.code-textarea:not(.editor-nowrap),.plain-editor:not(.editor-nowrap),.tool-input:not(.editor-nowrap){word-break:break-word;white-space:pre-wrap!important;overflow-wrap:anywhere!important;overflow-x:hidden!important}.editor-nowrap{white-space:pre!important;overflow-wrap:normal!important;word-break:normal!important;overflow-x:auto!important}.editor-shell,.output-shell,.workspace-pane,.universal-pane{min-width:0}.json-tree,.tree-row,.empty-output,.output-shell{overflow-wrap:anywhere;word-break:break-word}.pane-title--editor,.pane-title--editor .toolbar-group,.tree-toolbar{flex-wrap:wrap}.pane-title--editor .button.small{white-space:nowrap;min-height:32px;padding-inline:.62rem}@media (width<=760px){.pane-title--editor{align-items:flex-start}.pane-title--editor>.toolbar-group{width:100%}}.realtime-results{min-height:9rem;transition:opacity .16s;position:relative}.realtime-results.is-loading{opacity:.58;pointer-events:none}.realtime-results.is-loading.is-loading:after{content:"Updating results…";z-index:5;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-md);white-space:nowrap;border-radius:999px;padding:.55rem .8rem;font-size:.82rem;font-weight:750;position:absolute;inset:1rem auto auto 50%;translate:-50%}.admin-hero-actions{align-items:center;gap:1.25rem;display:flex}.active-users-badge{color:#10b981;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.85rem;font-weight:700;display:inline-flex}.pulse-indicator{background-color:#10b981;border-radius:50%;width:9px;height:9px;animation:1.8s infinite pulse-ring;box-shadow:0 0 #10b981b3}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 7px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.analytics-filter-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.filter-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.filter-inputs{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.filter-inputs label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.78rem;font-weight:600;display:flex}.filter-inputs select,.filter-inputs input{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:.42rem .75rem;font-size:.84rem}.ga-metric-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.ga-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:1.25rem;display:flex}.ga-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.ga-card strong{color:var(--text);margin:.25rem 0;font-size:1.75rem;font-weight:800}.ga-card small{color:var(--muted);font-size:.78rem}.analytics-charts-grid{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width<=960px){.analytics-charts-grid{grid-template-columns:1fr}}.chart-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:1.25rem 1.5rem}.chart-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.chart-legend{gap:1rem;font-size:.8rem;font-weight:600;display:flex}.legend-item{align-items:center;gap:.35rem;display:flex}.legend-item .dot{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-pv .dot{background:#3b82f6}.legend-uv .dot{background:#10b981}.svg-chart-container{width:100%;height:240px}.svg-chart-container svg{width:100%;height:100%}.sources-list{flex-direction:column;gap:.85rem;display:flex}.source-item{flex-direction:column;gap:.3rem;display:flex}.source-row{justify-content:space-between;align-items:center;display:flex}.source-badge{color:#fff;border-radius:6px;padding:.2rem .55rem;font-size:.74rem;font-weight:700;display:inline-block}.source-count{color:var(--muted);font-size:.8rem}.progress-bar-bg{background:var(--surface-3);border-radius:99px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{border-radius:99px;height:100%;transition:width .3s}.analytics-secondary-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.breakdown-card{padding:1.25rem}.breakdown-body{flex-direction:column;gap:.65rem;margin-top:.75rem;display:flex}.breakdown-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.84rem;display:flex}.bot-badge{color:#10a37f;background:#10a37f1f;border-radius:6px;padding:.2rem .5rem;font-size:.78rem;font-weight:700}.flag-icon{background:var(--surface-3);border-radius:4px;margin-right:.35rem;padding:.15rem .4rem;font-size:.78rem;font-weight:800}.mini-progress{align-items:center;gap:.5rem;font-size:.78rem;display:flex}.small-bar{width:60px;height:5px}.source-tag{border-radius:6px;padding:.2rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.tag-facebook{color:#fff;background:#1877f2}.tag-linkedin{color:#fff;background:#0a66c2}.tag-chatbots{color:#fff;background:#10a37f}.tag-twitter{color:#fff;background:#000}.tag-search{color:#fff;background:#f59e0b}.tag-direct{color:#fff;background:#64748b}.tag-referral{color:#fff;background:#8b5cf6}.status-badge{border-radius:4px;padding:.15rem .45rem;font-size:.72rem;font-weight:700;display:inline-block}.status-ok{color:#10b981;background:#10b98126}.status-err{color:#ef4444;background:#ef444426}.realtime-stream-list{flex-direction:column;gap:.65rem;max-height:400px;display:flex;overflow-y:auto}.stream-item{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.55rem .75rem;font-size:.78rem}.stream-top{justify-content:space-between;align-items:center;margin-bottom:.2rem;display:flex}.stream-time,.stream-sub{color:var(--muted);font-size:.72rem}.stream-tag{color:var(--accent);font-weight:700}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-th:hover{color:var(--accent)}.env-group{font-size:.8rem}.pill-group{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.env-pill{background:var(--surface-3);border-radius:999px;padding:.2rem .5rem;font-size:.75rem}.meta-tag-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:620px;display:grid}.meta-tag-layout>.universal-pane+.universal-pane{border-left:1px solid var(--border)}.meta-tag-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px;display:grid}.meta-tag-field{gap:7px;min-width:0;display:grid}.meta-tag-field--wide{grid-column:1/-1}.meta-tag-field>span{color:var(--text);font-size:.78rem;font-weight:800}.meta-tag-field small{color:var(--muted);font-size:.71rem;line-height:1.45}.meta-tag-field input,.meta-tag-field textarea,.meta-tag-field select{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:10px;outline:0;padding:11px 12px}.meta-tag-field textarea{resize:vertical;min-height:112px;line-height:1.55}.meta-tag-field input:focus,.meta-tag-field textarea:focus,.meta-tag-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}.meta-tag-options{flex-wrap:wrap;gap:10px 22px;padding:12px 0 2px;display:flex}.meta-tag-actions{justify-content:flex-start;padding-top:2px;display:flex}.meta-tag-workspace .output-pane .code-editor{min-height:570px}@media (width<=900px){.meta-tag-layout{grid-template-columns:1fr}.meta-tag-layout>.universal-pane+.universal-pane{border-left:0;border-top:1px solid var(--border)}}@media (width<=640px){.meta-tag-form{grid-template-columns:1fr}.meta-tag-field--wide{grid-column:auto}}