*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.my-4{margin-top:1rem;margin-bottom:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.max-w-none{max-width:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.border{border-width:1px}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--color-bg-primary:#0a0a0c;--color-bg-secondary:#121217;--color-bg-tertiary:#1b1b22;--color-bg-elevated:#1f1f27;--color-border:#26262e;--color-border-strong:#3a3a45;--color-text-primary:#f5f5f7;--color-text-secondary:#a8a8b3;--color-text-muted:#6e6e7a;--color-accent:#4d8dff;--color-accent-hover:#6ba5ff;--color-accent-soft:#4d8dff1f;--color-success:#3fb950;--color-success-soft:#3fb95024;--color-error:#f85149;--color-error-soft:#f8514924;--color-warning:#d29922;--color-warning-soft:#d2992224;--color-pro:#b388ff;--color-pro-soft:#b388ff24;--color-selection-bg:#4d8dff4d;--font-display:var(--font-geist),ui-sans-serif,system-ui,sans-serif;--font-body:var(--font-geist),ui-sans-serif,system-ui,sans-serif;--font-mono:var(--font-jetbrains),ui-monospace,"SFMono-Regular",Menlo,monospace;--fs-h1:2.75rem;--fs-h2:2rem;--fs-h3:1.375rem;--fs-h4:1.125rem;--fs-body:0.9375rem;--fs-small:0.8125rem;--fs-label:0.75rem;--fs-code:0.875rem;--lh-tight:1.15;--lh-snug:1.35;--lh-normal:1.55;--tracking-tight:-0.02em;--tracking-label:0.08em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--shadow-card:0 1px 0 #ffffff0a inset,0 1px 2px #0006;--shadow-elevated:0 1px 0 #ffffff0f inset,0 12px 32px -8px #0000008c,0 4px 12px -4px #0006;--shadow-inset:inset 0 1px 0 #0006;--shadow-focus:0 0 0 3px var(--color-accent-soft);--content-max:1200px;--sidebar-w:260px;--ease:cubic-bezier(.2,.7,.2,1);--dur-fast:120ms;--dur-med:220ms}[data-theme=light]{--color-bg-primary:#fff;--color-bg-secondary:#f7f7f9;--color-bg-tertiary:#efeff2;--color-bg-elevated:#fff;--color-border:#e4e4e9;--color-border-strong:#c7c7d0;--color-text-primary:#0a0a0c;--color-text-secondary:#4a4a55;--color-text-muted:#82828d;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-soft:#2563eb1a;--color-success:#1f8a3d;--color-success-soft:#1f8a3d1a;--color-error:#d1242f;--color-error-soft:#d1242f1a;--color-warning:#9a6700;--color-warning-soft:#9a67001a;--color-pro:#6f42c1;--color-pro-soft:#6f42c11a;--color-selection-bg:#2563eb2e;--shadow-card:0 1px 2px #0f0f140f,0 0 0 1px #0f0f140a;--shadow-elevated:0 1px 2px #0f0f140f,0 12px 32px -10px #0f0f142e;--shadow-inset:inset 0 1px 0 #0f0f140a;--shadow-focus:0 0 0 3px var(--color-accent-soft)}html{color:var(--color-text-primary);font-family:var(--font-body);font-size:16px;line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--dur-med) var(--ease),color var(--dur-med) var(--ease)}body,html{background:var(--color-bg-primary)}body{font-size:var(--fs-body);color:var(--color-text-secondary)}::selection{background:var(--color-selection-bg)}::selection,h1,h2,h3,h4{color:var(--color-text-primary)}h1,h2,h3,h4{font-family:var(--font-display);margin:0}h1{font-size:var(--fs-h1)}h1,h2{font-weight:600;letter-spacing:var(--tracking-tight);line-height:var(--lh-tight)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);font-weight:600}h3,h4{line-height:var(--lh-snug)}h4{font-size:var(--fs-h4);font-weight:500}.mono{font-family:var(--font-mono);font-size:var(--fs-code)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.wordmark{display:inline-flex;align-items:baseline;gap:2px;font-family:var(--font-display);font-weight:600;letter-spacing:-.035em;color:var(--color-text-primary);text-decoration:none}.wordmark .heart{display:inline-flex;align-items:center;margin:0 2px;color:var(--color-accent);transform:translateY(8%)}.btn,.wordmark .heart{justify-content:center}.btn{padding:9px 16px;font-family:var(--font-body);transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);-webkit-user-select:none;user-select:none;line-height:1;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover{color:#fff}.btn-secondary{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-bg-elevated);border-color:var(--color-text-muted)}.btn-ghost{background:#0000;color:var(--color-text-secondary);border-color:#0000}.btn-ghost:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-danger{background:#0000;color:var(--color-error);border-color:var(--color-error)}.btn-danger:hover{background:var(--color-error-soft)}.btn-sm{padding:6px 12px;font-size:var(--fs-small)}.btn-lg{padding:12px 20px;font-size:1rem}.input,.textarea{width:100%;padding:10px 14px;font-family:var(--font-body);font-size:var(--fs-body);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);outline:none}.textarea{font-family:var(--font-mono);font-size:var(--fs-code);resize:vertical;min-height:100px}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input:hover,.textarea:hover{border-color:var(--color-border-strong)}.input:focus,.textarea:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.input.is-error,.textarea.is-error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-soft)}.field{display:grid;gap:6px}.field-label{font-size:var(--fs-label);color:var(--color-text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label)}.input-sm{display:inline-flex;align-items:center;height:32px;padding:0 10px;font-family:var(--font-body);font-size:var(--fs-small);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.input-sm::placeholder{color:var(--color-text-muted)}.input-sm:hover{border-color:var(--color-border-strong)}.input-sm:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.alert-error{display:flex;align-items:flex-start;gap:10px;background:var(--color-error-soft);border:1px solid color-mix(in srgb,var(--color-error) 40%,#0000);color:var(--color-text-primary);padding:10px 14px;border-radius:var(--radius-md);font-size:var(--fs-small)}.alert-error .detail,.alert-error code{font-family:var(--font-mono);font-size:12.5px;color:var(--color-text-secondary)}.alert-success{display:flex;align-items:flex-start;gap:10px;background:var(--color-success-soft);border:1px solid color-mix(in srgb,var(--color-success) 40%,#0000);color:var(--color-text-primary);padding:10px 14px;border-radius:var(--radius-md);font-size:var(--fs-small)}.panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.panel-mono{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--fs-code);color:var(--color-text-primary);overflow:auto}.badge,.panel-mono{font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:var(--fs-label);font-weight:500;letter-spacing:.02em;border-radius:var(--radius-xs);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);text-transform:uppercase;line-height:1.4}.badge-new{background:var(--color-success-soft);border-color:#0000;color:var(--color-success)}.badge-pro{background:var(--color-pro-soft);border-color:#0000;color:var(--color-pro)}.badge-pro:before{content:"";display:inline-block;width:6px;height:6px;background:var(--color-pro);border-radius:50%}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;width:100%}@media (max-width:880px){.shell{grid-template-columns:1fr}}.sb{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;min-width:0;position:sticky;top:0;height:100vh;z-index:30}@media (max-width:880px){.sb{position:fixed;top:0;left:0;width:280px;height:100vh;transform:translateX(-100%);transition:transform .24s var(--ease);box-shadow:0 0 0 1px var(--color-border),24px 0 60px -16px #0009}.sb.open{transform:translateX(0)}}.sb-head{padding:var(--space-4) var(--space-4) var(--space-3);display:grid;gap:var(--space-3);flex-shrink:0;border-bottom:1px solid var(--color-border)}.sb-brand{display:inline-flex;text-decoration:none;height:32px;align-items:center}.sb-search{display:flex;align-items:center;gap:var(--space-2);width:100%;height:34px;padding:0 8px 0 10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--fs-small);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.sb-search:hover{border-color:var(--color-border-strong);color:var(--color-text-secondary)}.sb-search .label{flex:1;text-align:left}.sb-search .kbd{display:inline-flex;gap:2px}.sb-search kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:3px}.sb-nav{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:var(--space-3) var(--space-2);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) #0000}.sb-nav::-webkit-scrollbar{width:8px}.sb-nav::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px;border:2px solid var(--color-bg-secondary)}.sb-group{margin-bottom:var(--space-3)}.sb-group-head{display:flex;align-items:center;gap:6px;padding:6px 8px;font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-label);color:var(--color-text-muted);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);background:#0000;border:none;width:100%;text-align:left}.sb-group-head:hover{color:var(--color-text-secondary)}.sb-group-head .chev{width:12px;height:12px;color:var(--color-text-muted);transition:transform .16s var(--ease);flex-shrink:0}.sb-group.open .sb-group-head .chev{transform:rotate(90deg)}.sb-group-head .label{flex:1}.sb-group-head .count{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted)}.sb-group-list{display:grid;gap:1px;overflow:hidden;max-height:0;transition:max-height .22s var(--ease)}.sb-group.open .sb-group-list{max-height:1200px}.sb-item{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 24px;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--fs-small);text-decoration:none;cursor:pointer;position:relative;transition:background-color .1s var(--ease),color .1s var(--ease)}.sb-item:before{content:"";position:absolute;left:14px;top:8px;bottom:8px;width:2px;background:#0000;border-radius:1px}.sb-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sb-item .icon{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.sb-item .label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-item .badge-mini{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase;padding:1px 5px;border-radius:3px;background:var(--color-success-soft);color:var(--color-success);line-height:1.4}.sb-item .badge-mini.pro{background:var(--color-pro-soft);color:var(--color-pro)}.sb-item.active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:500}.sb-item.active:before{background:var(--color-accent)}.sb-item.active .icon{color:var(--color-accent)}.sb-foot{flex-shrink:0;padding:var(--space-3);border-top:1px solid var(--color-border);display:grid;gap:var(--space-3)}.sb-alsotry{display:grid;gap:7px;padding:11px 13px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);text-decoration:none;transition:border-color .15s,background .15s;animation:alsoFade .4s ease}.sb-alsotry:hover{border-color:var(--color-accent);background:var(--color-bg-tertiary)}.sb-alsotry-head{display:flex;align-items:center;justify-content:space-between}.sb-alsotry-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.sb-alsotry-dots{display:inline-flex;gap:3px}.sb-alsotry-dots .dot{width:4px;height:4px;border-radius:50%;background:var(--color-border-strong);transition:background .2s}.sb-alsotry-dots .dot.on{background:var(--color-accent)}.sb-alsotry-body{display:flex;align-items:center;gap:7px}.sb-alsotry-body .bullet{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sb-alsotry-body .name{font-weight:600;font-size:var(--fs-small);color:var(--color-text-primary)}.sb-alsotry-body .arr{margin-left:auto;color:var(--color-text-muted)}.sb-alsotry:hover .arr{color:var(--color-accent)}.sb-alsotry-desc{font-size:11px;line-height:1.4;color:var(--color-text-secondary)}@keyframes alsoFade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.eco-section{max-width:1100px;margin:0 auto;padding:64px var(--space-4) 16px}.eco-head{text-align:center;margin-bottom:32px}.eco-head h2{font-size:clamp(1.5rem,3vw,2rem);margin:8px 0 6px;color:var(--color-text-primary)}.eco-head p{color:var(--color-text-secondary);font-size:var(--fs-small)}.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media (max-width:720px){.eco-grid{grid-template-columns:1fr}}.eco-card{display:grid;gap:8px;align-content:start;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);text-decoration:none;transition:border-color .15s,background .15s,transform .15s}.eco-card:hover{border-color:var(--color-accent);background:var(--color-bg-tertiary);transform:translateY(-2px)}.eco-card-top{display:flex;align-items:center;gap:8px}.eco-card-top .bullet{width:8px;height:8px;border-radius:50%;flex-shrink:0}.eco-card-top .tag{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.eco-card-top .arr{margin-left:auto;color:var(--color-text-muted)}.eco-card:hover .arr{color:var(--color-accent)}.eco-card .name{font-weight:600;font-size:1.1rem;color:var(--color-text-primary)}.eco-card .desc{font-size:12px;line-height:1.45;color:var(--color-text-secondary)}.pro-card{position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-pro) 18%,#0000),color-mix(in srgb,var(--color-accent) 12%,#0000));border:1px solid color-mix(in srgb,var(--color-pro) 28%,var(--color-border));border-radius:var(--radius-md);padding:12px 14px;overflow:hidden}.pro-card:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 100% 0,color-mix(in srgb,var(--color-pro) 18%,#0000),#0000 60%);pointer-events:none}.pro-card-title{position:relative;display:flex;align-items:center;gap:6px;color:var(--color-text-primary);font-weight:600;font-size:var(--fs-small);margin-bottom:4px;white-space:nowrap}.pro-card-title .spark{color:var(--color-pro);display:inline-flex}.pro-card-desc{color:var(--color-text-secondary);line-height:1.4;margin-bottom:10px}.pro-card-btn,.pro-card-desc{position:relative;font-size:12px}.pro-card-btn{display:inline-flex;align-items:center;gap:6px;width:100%;justify-content:center;padding:6px 10px;background:var(--color-text-primary);color:var(--color-bg-primary);border:1px solid var(--color-text-primary);border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:600;cursor:pointer;text-decoration:none;transition:opacity var(--dur-fast) var(--ease)}.pro-card-btn:hover{opacity:.88;color:var(--color-bg-primary)}.sb-foot-row{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:var(--fs-label);color:var(--color-text-muted);letter-spacing:var(--tracking-label);text-transform:uppercase}.sb-count strong{color:var(--color-text-primary);font-weight:500}.sb-theme{display:inline-flex;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:2px}.sb-theme button{width:26px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.sb-theme button:hover{color:var(--color-text-primary)}.sb-theme button[aria-pressed=true]{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.scrim{position:fixed;inset:0;background:#00000080;z-index:20;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:cp-back-in .16s var(--ease)}@media (min-width:881px){.scrim{display:none}}.main{display:flex;flex-direction:column;min-width:0;min-height:100vh}.main,.tp-topbar{background:var(--color-bg-primary)}.tp-topbar{flex-shrink:0;border-bottom:1px solid var(--color-border);padding:14px var(--space-5)}.tp-topbar-row1{display:flex;align-items:center;gap:var(--space-3);margin-bottom:8px}.tp-burger{display:none;width:32px;height:32px;align-items:center;justify-content:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0}@media (max-width:880px){.tp-burger{display:inline-flex}}.tp-crumbs{display:flex;align-items:center;gap:6px;flex:1;font-size:var(--fs-small);color:var(--color-text-secondary);min-width:0}.tp-crumbs .home,.tp-crumbs a{display:inline-flex;align-items:center;gap:4px;color:var(--color-text-muted);text-decoration:none;white-space:nowrap}.tp-crumbs a:hover{color:var(--color-text-primary)}.tp-crumbs .sep{color:var(--color-text-muted)}.tp-crumbs .current{color:var(--color-text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-tb-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.tp-share,.tp-star-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--fs-small);cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.tp-share:hover,.tp-star-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-strong);background:var(--color-bg-tertiary)}.tp-share.copied{color:var(--color-success);border-color:var(--color-success)}.tp-star-btn{width:32px;padding:0;justify-content:center}.tp-star-btn.on{color:var(--color-warning);border-color:var(--color-warning)}.tp-title-row{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.tp-title{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary);line-height:1.2;margin:0}.tp-title-meta{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--color-success);letter-spacing:var(--tracking-label);text-transform:uppercase}.tp-title-meta .dot{width:6px;height:6px;background:var(--color-success);border-radius:50%;box-shadow:0 0 0 3px var(--color-success-soft)}.tp-sub{margin:4px 0 0;color:var(--color-text-secondary);font-size:var(--fs-small)}.tp-wrap{max-width:1180px;margin:0 auto;width:100%;padding:var(--space-5) var(--space-5) var(--space-7);display:grid;gap:var(--space-5)}.tp-wrap,.tp-wrap>*{min-width:0}.ad{position:relative;min-height:92px;background:repeating-linear-gradient(135deg,#0000 0 12px,color-mix(in srgb,var(--color-text-muted) 6%,#0000) 12px 13px),var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px}.ad .ad-label{left:10px;letter-spacing:var(--tracking-label);text-transform:uppercase}.ad .ad-label,.ad .ad-size{position:absolute;top:6px;font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted)}.ad .ad-size{right:10px}.ad .ad-body{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--color-text-muted);font-size:var(--fs-small)}.ad .ad-body strong{color:var(--color-text-secondary);font-weight:500}.ad .ad-go-pro{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-pro);display:inline-flex;gap:4px;align-items:center}.ad .ad-go-pro:hover{color:var(--color-text-primary)}.editor{overflow:hidden}.about-grid,.editor{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.about-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-5);padding:var(--space-6)}@media (max-width:820px){.about-grid{grid-template-columns:1fr}}.about-grid h2{font-size:1.375rem;font-weight:600;letter-spacing:-.01em;margin:0 0 var(--space-3)}.about-grid p{color:var(--color-text-secondary);font-size:var(--fs-body);line-height:1.6;margin:0 0 12px}.about-grid p:last-of-type{margin-bottom:0}.how{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.how h3{font-size:var(--fs-label);font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:500;margin:0 0 var(--space-3)}.how ol{margin:0;padding:0;list-style:none;counter-reset:how-step;display:grid;gap:var(--space-3)}.how li{counter-increment:how-step;position:relative;padding-left:36px;font-size:var(--fs-small);color:var(--color-text-secondary);line-height:1.55}.how li:before{content:counter(how-step,decimal-leading-zero);position:absolute;left:0;top:-1px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;color:var(--color-accent);background:var(--color-accent-soft);border-radius:50%;font-weight:500}.how-it-works,.use-cases{margin-top:var(--space-4)}.how-it-works h3,.use-cases h3{font-size:var(--fs-label);font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:500;margin:0 0 var(--space-2)}.use-cases ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.use-cases li{font-size:var(--fs-small);color:var(--color-text-secondary);line-height:1.5;padding-left:18px;position:relative}.use-cases li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-size:11px;top:1px}.faq{margin-top:var(--space-5);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.faq h3{font-size:var(--fs-label);font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:500;margin:0 0 var(--space-3)}.faq dl{display:grid;gap:var(--space-3);margin:0}.faq-item dt{font-size:var(--fs-small);font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.faq-item dd{font-size:var(--fs-small);color:var(--color-text-secondary);line-height:1.55;margin:0}.related{margin-top:0}.related-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-4)}.related-head h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.related-head .meta{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--color-text-muted);letter-spacing:var(--tracking-label);text-transform:uppercase}.related-rail{display:grid;grid-auto-flow:column;grid-auto-columns:260px;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) #0000}.r-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:10px;cursor:pointer;text-decoration:none;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.r-card:hover{border-color:var(--color-border-strong);transform:translateY(-1px);background:var(--color-bg-elevated)}.r-card-top{display:flex;align-items:center;justify-content:space-between}.r-card-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-accent)}.r-card .name{color:var(--color-text-primary);font-weight:600;font-size:.9375rem}.r-card .desc{color:var(--color-text-secondary);font-size:var(--fs-small);line-height:1.45}.r-card .cat{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);letter-spacing:var(--tracking-label);text-transform:uppercase}.cp-backdrop{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;justify-content:center;align-items:flex-start;padding:12vh 20px 20px;animation:cp-back-in .16s var(--ease)}[data-theme=light] .cp-backdrop{background:#14161e6b}@keyframes cp-back-in{0%{opacity:0}to{opacity:1}}.cp{width:100%;max-width:600px;background:var(--color-bg-secondary);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);overflow:hidden;display:flex;flex-direction:column;max-height:70vh;animation:cp-in .2s var(--ease)}@keyframes cp-in{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.cp-search{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text-muted)}.cp-search input{flex:1;background:#0000;border:none;outline:none;color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem}.cp-search .esc,.cp-search input::placeholder{color:var(--color-text-muted)}.cp-search .esc{font-family:var(--font-mono);font-size:10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:3px;padding:2px 6px;letter-spacing:.04em}.cp-list{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) #0000}.cp-list::-webkit-scrollbar{width:8px}.cp-list::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px;border:2px solid var(--color-bg-secondary)}.cp-section{padding:6px 8px 4px;font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.cp-item{display:flex;gap:12px;padding:9px 12px;border-radius:var(--radius-sm);cursor:pointer}.cp-item,.cp-item .icon{align-items:center;color:var(--color-text-secondary)}.cp-item .icon{width:28px;height:28px;display:inline-flex;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0}.cp-item .name{font-size:var(--fs-body);color:var(--color-text-primary);font-weight:500}.cp-item .desc{font-size:12px;color:var(--color-text-muted);margin-top:1px}.cp-item .meta{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.cp-item .cat-tag{letter-spacing:var(--tracking-label);text-transform:uppercase}.cp-item .cat-tag,.cp-item .enter{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted)}.cp-item .enter{display:none}.cp-item.active{background:var(--color-accent-soft);color:var(--color-text-primary)}.cp-item.active .icon{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border))}.cp-item.active .enter{display:inline-block}.cp-item.active .cat-tag,.cp-item.active .enter{color:var(--color-accent)}.cp-item .badge-mini{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase;padding:1px 5px;border-radius:3px;line-height:1.4;background:var(--color-success-soft);color:var(--color-success)}.cp-item .badge-mini.pro{background:var(--color-pro-soft);color:var(--color-pro)}.cp-foot{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--color-border);background:var(--color-bg-primary);font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted)}.cp-foot .hint{display:inline-flex;align-items:center;gap:6px}.cp-foot .hint kbd{font-family:var(--font-mono);font-size:10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:3px;padding:1px 5px}.cp-foot .hint-group{display:inline-flex;gap:14px;flex-wrap:wrap}.hp{position:relative;min-height:100vh}.bg-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--color-border) 1px,#0000 1px),linear-gradient(90deg,var(--color-border) 1px,#0000 1px);background-size:56px 56px;background-position:-1px -1px;mask-image:radial-gradient(ellipse 65% 55% at 50% 30%,#000 30%,#0000 80%);-webkit-mask-image:radial-gradient(ellipse 65% 55% at 50% 30%,#000 30%,#0000 80%);opacity:.55}[data-theme=light] .bg-grid{opacity:.7}.bg-glow{position:absolute;top:-240px;left:50%;transform:translateX(-50%);width:1100px;height:620px;background:radial-gradient(ellipse at center,var(--color-accent-soft) 0,#0000 65%);pointer-events:none;filter:blur(48px);z-index:0}.nav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--color-bg-primary) 78%,#0000);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--color-border);transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-med) var(--ease)}.nav.scrolled{border-bottom-color:var(--color-border-strong)}.nav-inner{max-width:var(--content-max);margin:0 auto;padding:0 var(--space-5);height:60px;display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-5);align-items:center}.nav-brand{display:inline-flex;text-decoration:none;flex-shrink:0}.nav-search{position:relative;justify-self:center;width:100%;max-width:480px}.nav-search-input{width:100%;height:40px;padding:0 88px 0 40px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--fs-body);outline:none;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.nav-search-input::placeholder{color:var(--color-text-muted)}.nav-search-input:hover{border-color:var(--color-border-strong)}.nav-search-input:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.nav-search-icon{left:12px;color:var(--color-text-muted);pointer-events:none}.nav-search-icon,.nav-search-kbd{position:absolute;top:50%;transform:translateY(-50%)}.nav-search-kbd{right:8px;display:inline-flex;gap:3px}.nav-search-kbd kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-xs)}.nav-actions{display:flex;align-items:center;gap:var(--space-3)}.theme-pill{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:3px}.theme-pill,.theme-pill button{display:inline-flex;align-items:center}.theme-pill button{justify-content:center;width:28px;height:28px;background:#0000;border:none;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.theme-pill button[aria-pressed=true]{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.theme-pill button:hover{color:var(--color-text-primary)}.go-pro{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;white-space:nowrap;flex-shrink:0;background:var(--color-text-primary);border:1px solid var(--color-text-primary);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--fs-small);font-weight:600;cursor:pointer;text-decoration:none;transition:opacity var(--dur-fast) var(--ease)}.go-pro,.go-pro:hover{color:var(--color-bg-primary)}.go-pro:hover{opacity:.9}.go-pro .star{color:var(--color-pro);display:inline-flex}.nav-pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;white-space:nowrap;flex-shrink:0;background:#0000;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-small);font-weight:550;text-decoration:none;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.nav-pill:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}@media (max-width:760px){.nav-pill{display:none}}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;background:#0000;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.nav-icon:hover{color:var(--color-warning);border-color:var(--color-border-strong)}.hero-wrap{position:relative;padding:var(--space-9) 0 var(--space-8);overflow:hidden}.hero-inner{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:0 var(--space-5);text-align:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 8px;margin-bottom:var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--color-text-secondary);letter-spacing:var(--tracking-label);text-transform:uppercase}.hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-soft)}.hero-headline{font-size:clamp(2.5rem,5.5vw,4rem);font-weight:600;letter-spacing:-.035em;line-height:1.05;color:var(--color-text-primary);margin:0}.hero-headline .accent{color:var(--color-accent);position:relative;display:inline-block}.hero-headline .heart-inline{display:inline-flex;align-items:center;justify-content:center;margin:0 4px;transform:translateY(8%)}.hero-sub{margin:var(--space-4) auto 0;max-width:560px;font-size:1.0625rem;color:var(--color-text-secondary);line-height:1.55}.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;margin-top:var(--space-6);font-family:var(--font-mono);font-size:var(--fs-small);color:var(--color-text-muted)}.hero-stats span{display:inline-flex;align-items:center;gap:8px;padding:0 var(--space-4);white-space:nowrap}.hero-stats span:not(:last-child):after{content:"";display:inline-block;width:4px;height:4px;background:var(--color-text-muted);border-radius:50%;opacity:.5;margin-left:var(--space-4);transform:translateY(-1px)}.hero-stats strong{color:var(--color-text-primary);font-weight:500}.cat-wrap{position:sticky;top:60px;z-index:50;background:color-mix(in srgb,var(--color-bg-primary) 92%,#0000);backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--color-border)}.cat-inner{max-width:var(--content-max);margin:0 auto;padding:var(--space-3) var(--space-5);display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.cat-inner::-webkit-scrollbar{display:none}.cat-tab{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:#0000;border:1px solid #0000;border-radius:var(--radius-full);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--fs-small);font-weight:500;cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.cat-tab:hover{background:var(--color-bg-secondary)}.cat-tab.active,.cat-tab:hover{color:var(--color-text-primary)}.cat-tab.active{border-color:var(--color-border-strong)}.cat-tab .count,.cat-tab.active{background:var(--color-bg-tertiary)}.cat-tab .count{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:1px 6px;min-width:20px;text-align:center}.cat-tab.active .count{color:var(--color-text-primary);background:var(--color-bg-secondary)}.grid-section{max-width:var(--content-max);margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-8)}.grid-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-5)}.grid-head .meta{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--color-text-muted);letter-spacing:var(--tracking-label);text-transform:uppercase}.grid-head .meta strong{color:var(--color-text-primary);font-weight:500}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}@media (max-width:980px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.tools-grid{grid-template-columns:1fr}}.t-card{position:relative;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;display:grid;gap:var(--space-3);cursor:pointer;overflow:hidden;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.t-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,0),var(--color-accent-soft),#0000 50%);opacity:0;transition:opacity var(--dur-med) var(--ease);pointer-events:none}.t-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px);background:var(--color-bg-elevated)}.t-card:hover:before{opacity:1}.t-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.t-card-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-shrink:0}.t-card-icon[data-cat=formatters]{color:var(--color-accent)}.t-card-icon[data-cat=encoding]{color:#7ad3f7}.t-card-icon[data-cat=generators]{color:#b388ff}.t-card-icon[data-cat=converters]{color:#ffb454}.t-card-icon[data-cat=security]{color:#4ade80}.t-card-icon[data-cat=text]{color:#f472b6}.t-card-icon[data-cat=reference]{color:#94a3b8}[data-theme=light] .t-card-icon[data-cat=encoding]{color:#0ba5e9}[data-theme=light] .t-card-icon[data-cat=generators]{color:#7c3aed}[data-theme=light] .t-card-icon[data-cat=converters]{color:#d97706}[data-theme=light] .t-card-icon[data-cat=security]{color:#16a34a}[data-theme=light] .t-card-icon[data-cat=text]{color:#db2777}[data-theme=light] .t-card-icon[data-cat=reference]{color:#475569}.t-card-name{color:var(--color-text-primary);font-weight:600;font-size:1rem;line-height:1.3}.t-card-desc,.t-card-name{position:relative;z-index:1}.t-card-desc{color:var(--color-text-secondary);font-size:var(--fs-small);line-height:1.5}.t-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2);position:relative;z-index:1}.t-card-cat{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.t-card-arrow,.t-card-cat{color:var(--color-text-muted)}.t-card-arrow{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.t-card:hover .t-card-arrow{color:var(--color-accent);background:var(--color-accent-soft);transform:translateX(2px)}.t-card-badge{position:absolute;top:14px;right:14px;z-index:2}.empty-state{padding:var(--space-8) var(--space-5);text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted)}.empty-state .title{color:var(--color-text-primary);font-weight:500;margin-bottom:6px}.embed-promo{max-width:var(--content-max);margin:0 auto;padding:var(--space-5) var(--space-5) var(--space-6)}.embed-promo-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-6);align-items:center;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:radial-gradient(120% 140% at 100% 0,var(--color-accent-soft),#0000 55%),var(--color-bg-secondary)}.embed-promo-kicker{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-label);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-accent);margin-bottom:var(--space-3)}.embed-promo-copy h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:650;letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0 0 var(--space-3)}.embed-promo-copy p{color:var(--color-text-secondary);line-height:var(--lh-normal);font-size:var(--fs-body);margin:0 0 var(--space-5);max-width:52ch}.embed-promo-cta{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-body);font-weight:600;padding:11px 18px;border-radius:var(--radius-md);background:var(--color-accent);border:1px solid var(--color-accent);color:#fff;text-decoration:none;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.embed-promo-cta:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.embed-promo-code{margin:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--color-text-secondary);overflow-x:auto}@media (max-width:760px){.embed-promo-inner{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-5)}.embed-promo-code{display:none}}.why-section{max-width:var(--content-max);margin:0 auto;padding:var(--space-8) var(--space-5);border-top:1px solid var(--color-border)}.why-head{text-align:center;margin-bottom:var(--space-6)}.why-head h2{font-size:clamp(1.75rem,3.2vw,2.25rem)}.why-head p{color:var(--color-text-secondary);margin-top:8px}.section-kicker{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-label);color:var(--color-accent);letter-spacing:var(--tracking-label);text-transform:uppercase;margin-bottom:12px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width:820px){.why-grid{grid-template-columns:1fr}}.why-card{position:relative;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);overflow:hidden}.why-card h3{font-size:1.125rem;margin-bottom:8px}.why-card p{color:var(--color-text-secondary);font-size:var(--fs-body);margin:0;line-height:1.55}.why-card .glyph{width:44px;height:44px;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);color:var(--color-accent)}.why-card .glyph,.why-card .stat{display:inline-flex;align-items:center}.why-card .stat{gap:8px;margin-top:var(--space-4);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--color-text-muted);letter-spacing:var(--tracking-label);text-transform:uppercase;padding-top:var(--space-4);border-top:1px solid var(--color-border);width:100%}.why-card .stat strong{color:var(--color-text-primary);font-weight:500}.foot{border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.foot-inner{max-width:var(--content-max);margin:0 auto;padding:var(--space-7) var(--space-5) var(--space-5);display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-6)}@media (max-width:820px){.foot-inner{grid-template-columns:1fr}}.foot-col h4{font-size:var(--fs-label);font-family:var(--font-mono);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-label);margin-bottom:var(--space-3)}.foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.foot-col li a{color:var(--color-text-secondary);font-size:var(--fs-body);text-decoration:none;transition:color var(--dur-fast) var(--ease)}.foot-col li a:hover{color:var(--color-text-primary)}.foot-tagline{color:var(--color-text-secondary);font-size:var(--fs-small);margin:var(--space-3) 0 0;max-width:30ch;line-height:1.55}.foot-built{color:var(--color-text-primary);font-weight:500;font-size:var(--fs-body)}.foot-built .heart{color:var(--color-accent)}.foot-bar{max-width:var(--content-max);margin:0 auto;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:var(--fs-label);color:var(--color-text-muted);letter-spacing:var(--tracking-label);text-transform:uppercase;flex-wrap:wrap;gap:var(--space-3)}.foot-bar .links{display:flex;gap:var(--space-4)}.foot-bar .links a{color:var(--color-text-muted);text-decoration:none}.foot-bar .links a:hover{color:var(--color-text-primary)}.foot-bar .status{display:inline-flex;align-items:center;gap:8px}.foot-bar .status .dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-soft)}@media (max-width:720px){.nav-inner{grid-template-columns:auto auto;gap:var(--space-3)}.nav-search{grid-column:1/-1;order:3;max-width:none}.nav-search-kbd{display:none}}.pp{position:relative}.pp-nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-bg-primary) 80%,#0000);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--color-border)}.pp-nav-inner{max-width:1080px;margin:0 auto;padding:0 var(--space-5);height:56px;display:flex;align-items:center;justify-content:space-between}.pp-nav-left,.pp-nav-right{display:inline-flex;align-items:center;gap:var(--space-4)}.pp-nav-link{font-size:var(--fs-small);color:var(--color-text-secondary);text-decoration:none;font-weight:500}.pp-nav-link:hover{color:var(--color-text-primary)}.pp-theme{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:3px}.pp-theme,.pp-theme button{display:inline-flex;align-items:center}.pp-theme button{width:26px;height:26px;justify-content:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer}.pp-theme button[aria-pressed=true]{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.pp-hero{position:relative;padding:var(--space-8) var(--space-5) var(--space-6);text-align:center;overflow:hidden}.pp-hero:before{content:"";position:absolute;top:-160px;left:50%;transform:translateX(-50%);width:900px;height:540px;background:radial-gradient(ellipse at center,var(--color-accent-soft) 0,#0000 60%);pointer-events:none;filter:blur(40px)}.pp-hero-inner{position:relative;max-width:720px;margin:0 auto}.pp-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 10px;margin-bottom:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--color-text-secondary);letter-spacing:var(--tracking-label);text-transform:uppercase}.pp-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.pp-h1{font-size:clamp(2rem,4.4vw,3rem);font-weight:600;letter-spacing:-.025em;line-height:1.1;color:var(--color-text-primary);margin:0}.pp-sub{margin:var(--space-3) auto 0;max-width:52ch;color:var(--color-text-secondary);font-size:1rem;line-height:1.55}.bill-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin:var(--space-6) 0 var(--space-3);flex-wrap:wrap}.bill-toggle{display:inline-flex;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:3px}.bill-toggle button{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:#0000;border:none;border-radius:var(--radius-full);color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--fs-small);font-weight:500;cursor:pointer;transition:color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease);white-space:nowrap}.bill-toggle button[aria-pressed=true]{background:var(--color-bg-tertiary);color:var(--color-text-primary);box-shadow:0 1px 2px #00000040}.bill-save{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase;padding:2px 7px;border-radius:var(--radius-xs);background:var(--color-success-soft);color:var(--color-success);white-space:nowrap}.pp-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);max-width:880px;margin:var(--space-3) auto 0;padding:0 var(--space-5)}@media (max-width:760px){.pp-cards{grid-template-columns:1fr;max-width:480px}}.plan{position:relative;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;min-height:480px}.plan.featured{border-color:color-mix(in srgb,var(--color-accent) 50%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 8%,var(--color-bg-secondary)),var(--color-bg-secondary) 30%);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 20%,#0000),var(--shadow-elevated)}.plan.featured:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(80% 60% at 100% 0,color-mix(in srgb,var(--color-accent) 22%,#0000),#0000 60%);pointer-events:none;z-index:0;opacity:.6}.plan>*{position:relative;z-index:1}.plan-tag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-bottom:var(--space-3);padding:3px 9px;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;border-radius:var(--radius-xs);border:1px solid #0000;white-space:nowrap}.plan-tag.free{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-color:var(--color-border)}.plan-tag.pro{background:var(--color-accent);color:#fff}.plan-name{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary);margin:0 0 4px}.plan-blurb{color:var(--color-text-secondary);font-size:var(--fs-small);line-height:1.55;margin:0 0 var(--space-5);min-height:42px}.plan-price{display:flex;align-items:baseline;gap:8px;margin-bottom:var(--space-2);flex-wrap:wrap}.plan-price .num{font-family:var(--font-display);font-size:2.75rem;font-weight:600;letter-spacing:-.035em;color:var(--color-text-primary);line-height:1}.plan-price .per{color:var(--color-text-muted);font-size:var(--fs-small)}.plan-price .strike{color:var(--color-text-muted);text-decoration:line-through;text-decoration-thickness:1px;font-family:var(--font-display);font-size:1.125rem;margin-left:4px}.plan-billing-note{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);letter-spacing:.04em;min-height:18px;margin-bottom:var(--space-5)}.plan-features{margin:0 0 var(--space-5);padding:0;list-style:none;display:grid;gap:10px;flex:1}.plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:var(--fs-small);color:var(--color-text-secondary);line-height:1.5}.plan-features li .ic{width:18px;height:18px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin-top:1px}.plan-features li.yes .ic{color:var(--color-success);background:var(--color-success-soft)}.plan-features li.no .ic{color:var(--color-text-muted);background:var(--color-bg-tertiary)}.plan-features li.no{color:var(--color-text-muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--color-text-muted) 50%,#0000)}.plan-features li strong{color:var(--color-text-primary);font-weight:500}.plan-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 18px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--fs-body);font-weight:600;cursor:pointer;text-decoration:none;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);white-space:nowrap}.plan-cta.free-cta{background:#0000;color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.plan-cta.free-cta:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-muted);color:var(--color-text-primary)}.plan-cta.pro-cta{background:var(--color-accent);color:#fff;border:1px solid var(--color-accent)}.plan-cta.pro-cta:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.plan-fineprint{margin-top:10px;text-align:center;font-size:12px;color:var(--color-text-muted)}.pp-guarantees{max-width:880px;margin:var(--space-6) auto 0;padding:0 var(--space-5);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media (max-width:760px){.pp-guarantees{grid-template-columns:1fr}}.guarantee{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-small);color:var(--color-text-secondary)}.guarantee .ic{width:22px;height:22px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color-success);background:var(--color-success-soft)}.guarantee strong{color:var(--color-text-primary);font-weight:500}.pp-faq{max-width:720px;margin:var(--space-8) auto 0;padding:0 var(--space-5)}.pp-faq h2{font-size:1.5rem;font-weight:600;letter-spacing:-.015em;text-align:center;margin:0 0 var(--space-2)}.pp-faq .lede{text-align:center;color:var(--color-text-secondary);font-size:var(--fs-small);margin:0 0 var(--space-5)}.faq-list{display:grid;gap:8px}.faq-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--dur-fast) var(--ease)}.faq-item.open{border-color:var(--color-border-strong)}.faq-q{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:14px 18px;background:#0000;border:none;cursor:pointer;text-align:left;font-family:var(--font-body);font-size:var(--fs-body);font-weight:500;color:var(--color-text-primary);transition:background-color var(--dur-fast) var(--ease)}.faq-q:hover{background:var(--color-bg-tertiary)}.faq-q .chev{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0;transition:transform .18s var(--ease),color var(--dur-fast) var(--ease)}.faq-item.open .faq-q .chev{transform:rotate(180deg);color:var(--color-text-primary)}.faq-a{max-height:0;overflow:hidden;transition:max-height .24s var(--ease)}.faq-item.open .faq-a{max-height:400px}.faq-a-inner{padding:0 18px 16px;color:var(--color-text-secondary);font-size:var(--fs-small);line-height:1.6}.pp-cta{max-width:720px;margin:var(--space-7) auto var(--space-8);padding:var(--space-6) var(--space-5);text-align:center;border-top:1px solid var(--color-border)}.pp-cta p{color:var(--color-text-secondary);font-size:1rem;margin:0 0 var(--space-4)}.pp-cta p strong{color:var(--color-text-primary);font-weight:500}.pp-cta-actions{display:inline-flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.pp-cta-link{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:var(--radius-md);font-size:var(--fs-small);font-weight:500;text-decoration:none;cursor:pointer;border:1px solid var(--color-border-strong);background:#0000;color:var(--color-text-primary);transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);white-space:nowrap}.pp-cta-link:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.pp-cta-link.primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.pp-cta-link.primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.pp-foot{max-width:1080px;margin:0 auto;padding:var(--space-5);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:var(--fs-label);color:var(--color-text-muted);letter-spacing:var(--tracking-label);text-transform:uppercase;flex-wrap:wrap;gap:var(--space-3)}.pp-foot .links{display:inline-flex;gap:var(--space-4)}.pp-foot a{color:var(--color-text-muted);text-decoration:none}.pp-foot a:hover{color:var(--color-text-primary)}.cm-editor{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;background:var(--color-bg-primary)}.markdown-body{color:var(--color-text-primary)}.markdown-body h1{font-size:1.75rem;font-weight:700;margin:1em 0 .5em}.markdown-body h2{font-size:1.35rem;font-weight:700;margin:1em 0 .5em}.markdown-body h3{font-size:1.1rem;font-weight:600;margin:1em 0 .5em}.markdown-body p{margin:.5em 0;line-height:1.6}.markdown-body a{color:var(--color-accent);text-decoration:underline}.markdown-body ol,.markdown-body ul{margin:.5em 0 .5em 1.5em}.markdown-body ul{list-style:disc}.markdown-body ol{list-style:decimal}.markdown-body li{margin:.2em 0}.markdown-body code{font-family:var(--font-mono);background:var(--color-bg-tertiary);border:1px solid var(--color-border);padding:.1em .3em;border-radius:.25em;font-size:.9em}.markdown-body pre{background:var(--color-bg-tertiary);color:var(--color-text-primary);padding:1em;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:auto;margin:.75em 0}.markdown-body pre code{background:#0000;padding:0;border:0;color:inherit}.markdown-body blockquote{border-left:4px solid var(--color-border-strong);padding-left:1em;color:var(--color-text-secondary);margin:.75em 0}.markdown-body table{border-collapse:collapse;margin:.75em 0}.markdown-body td,.markdown-body th{border:1px solid var(--color-border);padding:.4em .75em}.markdown-body th{background:var(--color-bg-tertiary);font-weight:600}.markdown-body hr{border:0;border-top:1px solid var(--color-border);margin:1em 0}.markdown-body img{max-width:100%}.legal-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary)}.legal-nav{border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-5);background:var(--color-bg-secondary)}.legal-nav .back-link{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text-primary);font-size:var(--fs-body);font-weight:500;transition:color var(--dur-fast) var(--ease)}.legal-nav .back-link:hover{color:var(--color-accent)}.legal-content{flex:1;max-width:840px;margin:0 auto;padding:var(--space-7) var(--space-5);color:var(--color-text-primary)}.legal-content h1{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin:0 0 var(--space-4);color:var(--color-text-primary)}.legal-intro{color:var(--color-text-secondary);font-size:var(--fs-body);margin:0 0 var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.legal-content section{margin:var(--space-6) 0}.legal-content h2{font-size:1.5rem;font-weight:600;margin:var(--space-5) 0 var(--space-3);color:var(--color-text-primary)}.legal-content h3{font-size:1.125rem;font-weight:500;margin:var(--space-4) 0 var(--space-2);color:var(--color-text-primary)}.legal-content p{margin:var(--space-3) 0;line-height:1.7;font-size:var(--fs-body);color:var(--color-text-secondary)}.legal-content ol,.legal-content ul{margin:var(--space-3) 0 var(--space-3) var(--space-5);line-height:1.7;color:var(--color-text-secondary)}.legal-content li{margin:var(--space-2) 0}.legal-content code{font-family:var(--font-mono);background:var(--color-bg-tertiary);border:1px solid var(--color-border);padding:.1em .35em;border-radius:.25em;font-size:.9em;color:var(--color-text-primary)}.legal-content a{color:var(--color-accent);text-decoration:underline;transition:color var(--dur-fast) var(--ease)}.legal-content a:hover{color:var(--color-accent-hover)}.legal-footer{border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-5);text-align:center;background:var(--color-bg-secondary);color:var(--color-text-muted);font-size:var(--fs-small);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.legal-footer a{color:var(--color-text-muted);text-decoration:none;transition:color var(--dur-fast) var(--ease)}.legal-footer a:hover{color:var(--color-text-primary)}.legal-footer span{color:var(--color-border-strong)}.not-found-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary)}.not-found-nav{border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-secondary)}.not-found-nav .nav-logo{display:inline-flex;text-decoration:none;transition:opacity var(--dur-fast) var(--ease)}.not-found-nav .nav-logo:hover{opacity:.7}.not-found-nav .nav-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 14px;border-radius:var(--radius-md);text-decoration:none;font-size:var(--fs-small);font-weight:500;color:var(--color-text-primary);border:1px solid var(--color-border);background:var(--color-bg-primary);transition:all var(--dur-fast) var(--ease)}.not-found-nav .nav-link:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.not-found-main{flex:1;max-width:960px;margin:0 auto;padding:var(--space-8) var(--space-5);text-align:center}.not-found-icon{margin:0 auto var(--space-5);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-muted)}.not-found-title{font-size:clamp(2rem,5vw,2.75rem);font-weight:700;line-height:1.2;margin:0 0 var(--space-3);color:var(--color-text-primary)}.not-found-desc{font-size:var(--fs-large);color:var(--color-text-secondary);margin:0 0 var(--space-6);max-width:500px;margin-left:auto;margin-right:auto}.not-found-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:12px 24px;border-radius:var(--radius-md);font-size:var(--fs-body);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--dur-fast) var(--ease);border:1px solid #0000}.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.btn-secondary:hover{background:var(--color-bg-tertiary)}.not-found-suggestions{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border);text-align:left}.not-found-suggestions h2{font-size:1.25rem;font-weight:600;margin:0 0 var(--space-5);color:var(--color-text-primary);text-align:center}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.suggestion-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);text-decoration:none;transition:all var(--dur-fast) var(--ease)}.suggestion-card:hover{border-color:var(--color-border-strong);background:var(--color-bg-tertiary);transform:translateY(-2px)}.suggestion-icon{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border)}.suggestion-icon[data-cat=formatters]{background:linear-gradient(135deg,#3b82f61a,#2563eb26);border-color:#3b82f633;color:#3b82f6}.suggestion-icon[data-cat=encoding]{background:linear-gradient(135deg,#a855f71a,#9333ea26);border-color:#a855f733;color:#a855f7}.suggestion-icon[data-cat=security]{background:linear-gradient(135deg,#ef44441a,#dc262626);border-color:#ef444433;color:#ef4444}.suggestion-icon[data-cat=generators]{background:linear-gradient(135deg,#22c55e1a,#16a34a26);border-color:#22c55e33;color:#22c55e}.suggestion-icon[data-cat=converters]{background:linear-gradient(135deg,#f973161a,#ea580c26);border-color:#f9731633;color:#f97316}.suggestion-icon[data-cat=text]{background:linear-gradient(135deg,#ec48991a,#db277726);border-color:#ec489933;color:#ec4899}.suggestion-icon[data-cat=reference]{background:linear-gradient(135deg,#0ea5e91a,#0284c726);border-color:#0ea5e933;color:#0ea5e9}.suggestion-content{flex:1;min-width:0}.suggestion-name{font-size:var(--fs-body);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-1)}.suggestion-desc{font-size:var(--fs-small);color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.suggestion-arrow{flex-shrink:0;color:var(--color-text-muted);transition:all var(--dur-fast) var(--ease)}.suggestion-card:hover .suggestion-arrow{color:var(--color-accent);transform:translateX(2px)}.not-found-footer{border-top:1px solid var(--color-border);padding:var(--space-4);background:var(--color-bg-secondary)}.not-found-footer-inner{text-align:center;color:var(--color-text-muted);font-size:var(--fs-small);display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.not-found-footer-inner a{color:var(--color-text-muted);text-decoration:none;transition:color var(--dur-fast) var(--ease)}.not-found-footer-inner a:hover{color:var(--color-text-primary)}.not-found-footer-inner span{color:var(--color-border-strong)}.embed-root{background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100%}.embed-shell{max-width:920px;margin:0 auto;padding:var(--space-4)}.embed-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.embed-title{font-size:1.0625rem;font-weight:600;letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0}.embed-credit{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:var(--fs-label);font-weight:600;letter-spacing:.01em;color:var(--color-text-secondary);text-decoration:none;padding:5px 9px;border:1px solid var(--color-border);border-radius:var(--radius-full);transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.embed-credit:hover{border-color:var(--color-accent)}.embed-credit svg,.embed-credit:hover{color:var(--color-accent)}.embed-body{min-width:0}.tp-embed{cursor:pointer}.emb-backdrop{position:fixed;inset:0;z-index:100;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-5) var(--space-4);overflow-y:auto}[data-theme=light] .emb-backdrop{background:#14161e6b}.emb-dialog{width:100%;max-width:600px;margin:auto;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);padding:var(--space-5)}.emb-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.emb-head h2{font-size:var(--fs-h4);font-weight:600;letter-spacing:var(--tracking-tight);margin:0;color:var(--color-text-primary)}.emb-x{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0000;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.emb-x:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.emb-intro{font-size:var(--fs-small);color:var(--color-text-secondary);line-height:var(--lh-normal);margin:0 0 var(--space-4)}.emb-controls{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.emb-seg{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.emb-seg button{font-size:var(--fs-small);padding:6px 14px;background:#0000;color:var(--color-text-secondary);border:none;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.emb-seg button+button{border-left:1px solid var(--color-border)}.emb-seg button.on{background:var(--color-accent-soft);color:var(--color-accent)}.emb-check{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-small);color:var(--color-text-secondary);cursor:pointer}.emb-check input{accent-color:var(--color-accent)}.emb-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-primary);margin-bottom:var(--space-4)}.emb-preview iframe{display:block;width:100%;height:340px;border:none}.emb-code-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.emb-code-head span{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted)}.emb-copy{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-small);padding:5px 11px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0000;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.emb-copy:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.emb-copy.copied{color:var(--color-success);border-color:var(--color-success)}.emb-code{margin:0;padding:var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-snug);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}.el{--el-max:1080px}.el section{max-width:var(--el-max);margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}.el h2{font-size:var(--fs-h2);font-weight:650;letter-spacing:var(--tracking-tight)}.el h2,.el h3{color:var(--color-text-primary);margin:0}.el h3{font-size:var(--fs-h4);font-weight:600}.el-btn{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-body);font-weight:550;padding:11px 18px;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:#0000;color:var(--color-text-primary);cursor:pointer;text-decoration:none;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.el-btn:hover{border-color:var(--color-text-muted);background:var(--color-bg-tertiary)}.el-btn.primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.el-btn.primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-1px)}.el-hero{text-align:center;padding-top:var(--space-8);padding-bottom:var(--space-7)}.el-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-label);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-accent);padding:5px 12px;border:1px solid var(--color-accent-soft);background:var(--color-accent-soft);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.el-h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0 auto var(--space-4);max-width:16ch}.el-h1 .accent{color:var(--color-accent)}.el-sub{font-size:1.0625rem;line-height:var(--lh-normal);color:var(--color-text-secondary);max-width:60ch;margin:0 auto var(--space-5)}.el-hero-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.el-section-head{text-align:center;margin-bottom:var(--space-6)}.el-kicker{font-size:var(--fs-label);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-accent);margin-bottom:var(--space-2)}.el-section-head p{color:var(--color-text-secondary);margin:var(--space-2) 0 0;font-size:var(--fs-small)}.el-builder{padding-top:var(--space-6);padding-bottom:var(--space-7)}.el-builder-head{text-align:center;margin-bottom:var(--space-5)}.el-builder-head p{color:var(--color-text-secondary);margin:var(--space-2) 0 0;font-size:var(--fs-small)}.el-builder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-5);align-items:start}.el-controls{gap:var(--space-4)}.el-controls,.el-field{display:flex;flex-direction:column}.el-field{gap:6px}.el-field>span{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted)}.el-field select{width:100%;padding:10px 12px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--fs-body);cursor:pointer}.el-field select,.el-seg{border:1px solid var(--color-border);border-radius:var(--radius-sm)}.el-seg{display:inline-flex;overflow:hidden;width:fit-content}.el-seg button{font-size:var(--fs-small);padding:8px 18px;background:#0000;color:var(--color-text-secondary);border:none;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.el-seg button+button{border-left:1px solid var(--color-border)}.el-seg button.on{background:var(--color-accent-soft);color:var(--color-accent)}.el-check{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-small);color:var(--color-text-secondary);cursor:pointer}.el-check input{accent-color:var(--color-accent)}.el-code-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.el-code-head>span{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted)}.el-copy{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-small);padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0000;color:var(--color-text-secondary);cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.el-copy:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.el-copy.copied{color:var(--color-success);border-color:var(--color-success)}.el-code{margin:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-snug);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-all;max-height:220px;overflow-y:auto}.el-code,.el-preview{background:var(--color-bg-primary)}.el-preview{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-elevated)}.el-preview-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.el-preview-bar .dot{width:9px;height:9px;border-radius:50%;background:var(--color-border-strong)}.el-preview-url{margin-left:8px;font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-preview iframe{display:block;width:100%;height:460px;border:none}.el-how{padding-top:var(--space-6);padding-bottom:var(--space-6)}.el-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.el-step{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--color-bg-secondary)}.el-step-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-accent);font-weight:700;margin-bottom:var(--space-3)}.el-step p,.el-step-num{font-size:var(--fs-small)}.el-step p{color:var(--color-text-secondary);line-height:var(--lh-normal);margin:var(--space-2) 0 0}.el-why{padding-top:var(--space-6);padding-bottom:var(--space-6)}.el-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.el-why-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--color-bg-secondary)}.el-glyph{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent);margin-bottom:var(--space-3)}.el-why-card p{color:var(--color-text-secondary);font-size:var(--fs-small);line-height:var(--lh-normal);margin:var(--space-2) 0 0}.el-gallery{padding-top:var(--space-6);padding-bottom:var(--space-6)}.el-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.el-gcard{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);text-align:left;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.el-gcard:hover{border-color:var(--color-accent);transform:translateY(-2px)}.el-gcard-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-accent)}.el-gcard-name{font-size:var(--fs-small);font-weight:550;color:var(--color-text-primary);line-height:var(--lh-snug)}.el-gcard-go{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-label);color:var(--color-text-muted)}.el-gcard:hover .el-gcard-go{color:var(--color-accent)}.el-faq{padding-top:var(--space-6);padding-bottom:var(--space-6);max-width:760px!important}.el-faq-list{display:flex;flex-direction:column;gap:var(--space-2)}.el-faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);overflow:hidden}.el-faq-item.open{border-color:var(--color-border-strong)}.el-faq-q{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-4);background:#0000;border:none;cursor:pointer;font-size:var(--fs-body);font-weight:550;color:var(--color-text-primary)}.el-faq-q .chev{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--dur-fast) var(--ease)}.el-faq-item.open .chev{transform:rotate(180deg)}.el-faq-a{padding:0 var(--space-4) var(--space-4);color:var(--color-text-secondary);font-size:var(--fs-small);line-height:var(--lh-normal)}.el-cta{text-align:center;padding-top:var(--space-7);padding-bottom:var(--space-7)}.el-cta-icon{color:var(--color-accent);margin-bottom:var(--space-3)}.el-cta p{color:var(--color-text-secondary);margin:var(--space-3) 0 var(--space-5)}.el-cta-actions{gap:var(--space-3);justify-content:center}.el-cta-actions,.el-foot{display:flex;flex-wrap:wrap}.el-foot{max-width:var(--el-max);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7);border-top:1px solid var(--color-border);align-items:center;justify-content:space-between;gap:var(--space-4)}.el-foot .links{display:flex;gap:var(--space-4)}.el-foot .links a{font-size:var(--fs-small);color:var(--color-text-secondary);text-decoration:none}.el-foot .links a:hover{color:var(--color-text-primary)}.el-foot .copy{font-size:var(--fs-small);color:var(--color-text-muted)}@media (max-width:880px){.el-builder-grid,.el-steps,.el-why-grid{grid-template-columns:1fr}.el-gallery-grid{grid-template-columns:repeat(2,1fr)}}.pl{--pl-max:1100px}.pl-hero{max-width:var(--pl-max);margin:0 auto;padding:var(--space-7) var(--space-4) var(--space-5);text-align:center}.pl-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-label);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-accent);padding:5px 12px;background:var(--color-accent-soft);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.pl-h1{font-size:clamp(1.9rem,4.5vw,3rem);font-weight:700;line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0 auto var(--space-4);max-width:18ch}.pl-h1 .accent{color:var(--color-accent)}.pl-sub{font-size:1.0625rem;line-height:var(--lh-normal);color:var(--color-text-secondary);max-width:62ch;margin:0 auto var(--space-5)}.pl-presets{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2)}.pl-presets-label{font-size:var(--fs-small);color:var(--color-text-muted)}.pl-preset{font-size:var(--fs-small);padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.pl-preset:hover{color:var(--color-accent);border-color:var(--color-accent)}.pl-grid{max-width:var(--pl-max);margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-7);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start}.pl-col{min-width:0}.pl-col-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.pl-col-head h2{font-size:var(--fs-h4);font-weight:600;color:var(--color-text-primary);margin:0}.pl-meta{font-size:var(--fs-label);color:var(--color-text-muted)}.pl-area{width:100%;min-height:160px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-snug);resize:vertical}.pl-area:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.pl-output{min-height:320px;background:var(--color-bg-primary)}.pl-steps-head{display:flex;align-items:center;justify-content:space-between;margin:var(--space-5) 0 var(--space-2)}.pl-steps-head h2{font-size:var(--fs-h4);font-weight:600;margin:0;color:var(--color-text-primary)}.pl-clear{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-small);padding:5px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0000;color:var(--color-text-secondary);cursor:pointer}.pl-clear:hover{color:var(--color-error);border-color:var(--color-error)}.pl-empty{padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--fs-small);text-align:center}.pl-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.pl-step{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.pl-step.err{border-color:var(--color-error);background:var(--color-error-soft)}.pl-step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-accent);font-size:11px;font-weight:700;margin-top:2px}.pl-step-main{flex:1;min-width:0}.pl-select{width:100%;padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:var(--fs-small);cursor:pointer}.pl-step-preview{margin-top:6px;font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-step-err{margin-top:6px;display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-error)}.pl-step-actions{display:flex;gap:2px;flex-shrink:0}.pl-step-actions button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #0000;border-radius:var(--radius-sm);background:#0000;color:var(--color-text-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.pl-step-actions button:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-tertiary)}.pl-step-actions button:disabled{opacity:.3;cursor:not-allowed}.pl-add{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-3);padding:9px 16px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:#0000;color:var(--color-text-secondary);font-size:var(--fs-small);font-weight:550;cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.pl-add:hover{color:var(--color-accent);border-color:var(--color-accent)}.pl-copy{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-small);padding:5px 11px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0000;color:var(--color-text-secondary);cursor:pointer}.pl-copy:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-border-strong)}.pl-copy.copied{color:var(--color-success);border-color:var(--color-success)}.pl-copy:disabled{opacity:.4;cursor:not-allowed}.pl-output-err{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border:1px solid var(--color-error);background:var(--color-error-soft);border-radius:var(--radius-md);color:var(--color-error);min-height:320px}.pl-output-err strong{display:block;margin-bottom:4px}.pl-output-err p{margin:0;font-size:var(--fs-small);color:var(--color-text-secondary);font-family:var(--font-mono)}@media (max-width:820px){.pl-grid{grid-template-columns:1fr}}.ln{--ln-max:760px}.ln-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-label);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-accent);padding:5px 12px;background:var(--color-accent-soft);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.ln-index-hero{max-width:var(--ln-max);margin:0 auto;padding:var(--space-7) var(--space-4) var(--space-5);text-align:center}.ln-index-hero h1{font-size:clamp(1.9rem,4vw,2.75rem);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0 0 var(--space-3)}.ln-index-hero p{color:var(--color-text-secondary);font-size:1.0625rem;line-height:var(--lh-normal);max-width:60ch;margin:0 auto}.ln-index-grid{max-width:980px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-7);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.ln-index-card{display:flex;flex-direction:column;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);text-decoration:none;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.ln-index-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.ln-index-card h2{font-size:var(--fs-h4);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2);line-height:var(--lh-snug)}.ln-index-card p{color:var(--color-text-secondary);font-size:var(--fs-small);line-height:var(--lh-normal);margin:0 0 var(--space-4);flex:1}.ln-index-foot{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-small);color:var(--color-text-muted)}.ln-index-foot span{display:inline-flex;align-items:center;gap:5px}.ln-index-go{color:var(--color-accent);font-weight:550}.ln-article{max-width:var(--ln-max);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7)}.ln-crumbs{display:flex;gap:var(--space-2);font-size:var(--fs-small);margin-bottom:var(--space-5)}.ln-crumbs,.ln-crumbs a{align-items:center;color:var(--color-text-secondary)}.ln-crumbs a{display:inline-flex;gap:4px;text-decoration:none}.ln-crumbs a:hover{color:var(--color-text-primary)}.ln-crumbs .sep{color:var(--color-text-muted)}.ln-crumbs .current,.ln-head h1{color:var(--color-text-primary)}.ln-head h1{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700;line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-3)}.ln-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-small);color:var(--color-text-muted);margin-bottom:var(--space-4)}.ln-meta span{display:inline-flex;align-items:center;gap:5px}.ln-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--color-text-muted)}.ln-lead{font-size:1.125rem;line-height:var(--lh-normal);color:var(--color-text-secondary);margin:0 0 var(--space-5)}.ln-toc{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);margin-bottom:var(--space-6)}.ln-toc-label{display:block;font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted);margin-bottom:var(--space-2)}.ln-toc ol{margin:0;padding-left:var(--space-4);display:flex;flex-direction:column;gap:4px}.ln-toc a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--fs-small)}.ln-toc a:hover{color:var(--color-accent)}.ln-section{scroll-margin-top:80px;margin-bottom:var(--space-6)}.ln-section h2{font-size:var(--fs-h3);font-weight:650;letter-spacing:var(--tracking-tight);margin:0 0 var(--space-3);padding-top:var(--space-2)}.ln-section h2,.ln-section h3{color:var(--color-text-primary)}.ln-section h3{font-size:var(--fs-h4);font-weight:600;margin:var(--space-4) 0 var(--space-2)}.ln-body ol,.ln-body p,.ln-body ul{color:var(--color-text-secondary);line-height:var(--lh-normal);font-size:var(--fs-body);margin:0 0 var(--space-3)}.ln-body ol,.ln-body ul{padding-left:var(--space-5)}.ln-body li{margin-bottom:6px}.ln-body strong{color:var(--color-text-primary);font-weight:600}.ln-body a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid var(--color-accent-soft)}.ln-body a:hover{border-bottom-color:var(--color-accent)}.ln-body code{font-family:var(--font-mono);font-size:.85em;background:var(--color-bg-tertiary);color:var(--color-text-primary);padding:1px 5px;border-radius:var(--radius-xs)}.ln-code{margin:0 0 var(--space-4);padding:var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.ln-code code{font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-snug);background:none;padding:0}.ln-code code,.ln-note{color:var(--color-text-secondary)}.ln-note{padding:var(--space-3) var(--space-4);margin:0 0 var(--space-4);border-left:3px solid var(--color-accent);background:var(--color-accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--fs-small);line-height:var(--lh-normal)}.ln-faq dl{margin:0}.ln-faq-item{padding:var(--space-4) 0;border-top:1px solid var(--color-border)}.ln-faq-item dt{font-weight:600;color:var(--color-text-primary);margin-bottom:6px}.ln-faq-item dd{margin:0;color:var(--color-text-secondary);font-size:var(--fs-small);line-height:var(--lh-normal)}.ln-cta{margin-top:var(--space-6);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.ln-cta h2{font-size:var(--fs-h4);font-weight:600;margin:0 0 4px;color:var(--color-text-primary)}.ln-cta>p{color:var(--color-text-secondary);font-size:var(--fs-small);margin:0 0 var(--space-4)}.ln-cta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.ln-tool-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);text-decoration:none;transition:border-color var(--dur-fast) var(--ease)}.ln-tool-card:hover{border-color:var(--color-accent)}.ln-tool-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-accent);flex-shrink:0}.ln-tool-name{flex:1;font-size:var(--fs-small);font-weight:550;color:var(--color-text-primary)}.ln-tool-go{color:var(--color-text-muted)}.ln-tool-card:hover .ln-tool-go{color:var(--color-accent)}.ln-related{margin-top:var(--space-6)}.ln-related h2{font-size:var(--fs-h4);font-weight:600;margin:0 0 var(--space-3);color:var(--color-text-primary)}.ln-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.ln-related-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);text-decoration:none;transition:border-color var(--dur-fast) var(--ease)}.ln-related-card:hover{border-color:var(--color-accent)}.ln-related-title{font-size:var(--fs-small);font-weight:550;color:var(--color-text-primary);line-height:var(--lh-snug)}.ln-related-go{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-label);color:var(--color-accent)}.tp-guide-callout{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);margin-top:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 0 0,var(--color-accent-soft),#0000 60%),var(--color-bg-secondary);text-decoration:none;transition:border-color var(--dur-fast) var(--ease)}.tp-guide-callout:hover{border-color:var(--color-accent)}.tp-guide-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent);flex-shrink:0}.tp-guide-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.tp-guide-kicker{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-accent);font-weight:600}.tp-guide-title{font-size:var(--fs-body);font-weight:550;color:var(--color-text-primary)}.tp-guide-arrow{color:var(--color-text-muted);flex-shrink:0}.tp-guide-callout:hover .tp-guide-arrow{color:var(--color-accent)}@media (max-width:700px){.ln-cta-grid,.ln-index-grid,.ln-related-grid{grid-template-columns:1fr}}.cmp-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4);margin:0 0 var(--space-5)}.cmp-vs-item{display:flex;flex-direction:column;gap:4px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);text-align:center}.cmp-vs-name{font-size:var(--fs-h4);font-weight:650;color:var(--color-text-primary)}.cmp-vs-tag{color:var(--color-text-secondary)}.cmp-vs-sep,.cmp-vs-tag{font-size:var(--fs-small)}.cmp-vs-sep{font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-accent)}.cmp-table-wrap{overflow-x:auto;margin:0 0 var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.cmp-table{width:100%;border-collapse:collapse;font-size:var(--fs-small)}.cmp-table td,.cmp-table th{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border)}.cmp-table thead th{background:var(--color-bg-tertiary);color:var(--color-text-primary);font-weight:650;white-space:nowrap}.cmp-table tbody th{color:var(--color-text-muted);font-weight:550;white-space:nowrap}.cmp-table tbody td{color:var(--color-text-secondary)}.cmp-table tbody tr:last-child td,.cmp-table tbody tr:last-child th{border-bottom:none}.cmp-table tbody tr:hover{background:var(--color-bg-secondary)}.cmp-verdict{scroll-margin-top:80px;margin-bottom:var(--space-6);padding:var(--space-5);border:1px solid var(--color-accent);border-radius:var(--radius-lg);background:var(--color-accent-soft)}.cmp-verdict h2{font-size:var(--fs-h3);font-weight:650;color:var(--color-text-primary);margin:0 0 var(--space-2)}.cmp-verdict p{margin:0;color:var(--color-text-secondary);line-height:var(--lh-normal)}.cmp-verdict a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid var(--color-accent)}.cmp-card-vs{font-size:var(--fs-h4);font-weight:650;letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0 0 var(--space-2)}.cmp-card-vs-sep{color:var(--color-accent);font-weight:600;font-size:.85em}@media (max-width:560px){.cmp-vs{grid-template-columns:1fr}.cmp-vs-sep{padding:var(--space-1) 0}}.t-card-remove{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.t-card-remove:hover{color:var(--color-error);border-color:var(--color-error)}.recent-rail{max-width:var(--content-max);margin:0 auto;padding:var(--space-5) var(--space-5) 0}.recent-rail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.recent-rail-head h2{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted);margin:0}.recent-rail-link{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-small);color:var(--color-text-secondary);text-decoration:none}.recent-rail-link:hover{color:var(--color-accent)}.recent-rail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.fav{min-height:100vh}.fav-hero{max-width:980px;margin:0 auto;padding:var(--space-7) var(--space-4) var(--space-5);text-align:center}.fav-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-label);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-warning);padding:5px 12px;background:var(--color-warning-soft);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.fav-hero h1{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0 0 var(--space-3)}.fav-hero p{color:var(--color-text-secondary);font-size:1.0625rem;margin:0}.fav-section{max-width:980px;margin:0 auto;padding:0 var(--space-4) var(--space-6)}.fav-section-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.fav-section-head h2{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-h4);font-weight:600;color:var(--color-text-primary);margin:0}.fav-count{font-size:var(--fs-label);font-weight:600;color:var(--color-text-muted);background:var(--color-bg-tertiary);border-radius:var(--radius-full);padding:2px 9px}.fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.fav-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-7) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted)}.fav-empty p{font-size:var(--fs-h4);font-weight:600;color:var(--color-text-primary);margin:var(--space-2) 0 0}.fav-empty span{gap:4px}.fav-empty span,.fav-empty-cta{display:inline-flex;align-items:center;font-size:var(--fs-small)}.fav-empty-cta{gap:7px;margin-top:var(--space-4);padding:10px 18px;border-radius:var(--radius-md);background:var(--color-accent);border:1px solid var(--color-accent);color:#fff;font-weight:600;text-decoration:none}.fav-empty-cta:hover{background:var(--color-accent-hover)}.offline{min-height:100vh;justify-content:center;padding:var(--space-5)}.offline,.offline-card{display:flex;align-items:center}.offline-card{max-width:420px;text-align:center;flex-direction:column}.offline-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-muted);margin-bottom:var(--space-4)}.offline-card h1{font-size:var(--fs-h3);font-weight:650;letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0 0 var(--space-2)}.offline-card p{color:var(--color-text-secondary);line-height:var(--lh-normal);margin:0 0 var(--space-5)}.offline-cta{display:inline-flex;align-items:center;padding:10px 20px;border-radius:var(--radius-md);background:var(--color-accent);border:1px solid var(--color-accent);color:#fff;font-size:var(--fs-small);font-weight:600;text-decoration:none}.offline-cta:hover{background:var(--color-accent-hover)}.cl-timeline{max-width:760px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-7)}.cl-release{display:grid;grid-template-columns:200px 1fr;gap:var(--space-5);padding:var(--space-6) 0;border-top:1px solid var(--color-border)}.cl-release:first-child{border-top:none}.cl-meta{display:flex;flex-direction:column;gap:4px}.cl-date{font-size:var(--fs-small);color:var(--color-text-muted);font-family:var(--font-mono)}.cl-title{font-size:var(--fs-h4);font-weight:650;letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0}.cl-items{list-style:none;margin:0;padding:0;flex-direction:column}.cl-item,.cl-items{display:flex;gap:var(--space-3)}.cl-item{align-items:flex-start}.cl-tag{flex-shrink:0;margin-top:2px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-full);min-width:68px;text-align:center}.cl-tag-new{color:var(--color-accent);background:var(--color-accent-soft)}.cl-tag-improved{color:#7ad3f7;background:#7ad3f724}.cl-tag-fixed{color:var(--color-success);background:var(--color-success-soft)}.cl-text{color:var(--color-text-secondary);font-size:var(--fs-body);line-height:var(--lh-normal)}@media (max-width:640px){.cl-release{grid-template-columns:1fr;gap:var(--space-3)}}.jwt-tool{--jwt-h:#f472b6;--jwt-p:#c084fc;--jwt-s:#38bdf8;display:flex;flex-direction:column;gap:var(--space-5)}.jwt-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width:900px){.jwt-grid{grid-template-columns:1fr 1fr;align-items:start}}.jwt-col{display:flex;flex-direction:column;gap:var(--space-3)}.jwt-col-head{display:flex;align-items:center;justify-content:space-between;min-height:26px}.jwt-col-label{font-size:var(--fs-label);font-weight:600;letter-spacing:.02em;color:var(--color-text-secondary)}.jwt-col-actions{display:flex;gap:var(--space-2)}.jwt-textbtn{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-small);color:var(--color-text-muted);padding:3px 8px;border-radius:var(--radius-sm);border:1px solid #0000;background:#0000;cursor:pointer;transition:background .12s,color .12s}.jwt-textbtn:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-tertiary)}.jwt-textbtn:disabled{opacity:.4;cursor:not-allowed}.jwt-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.jwt-panel+.jwt-panel{margin-top:var(--space-3)}.jwt-panel-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.jwt-spacer{flex:1}.jwt-chip{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--color-bg-elevated);border:1px solid var(--color-border)}.jwt-chip.on-h{color:var(--jwt-h);border-color:color-mix(in srgb,var(--jwt-h) 40%,#0000);background:color-mix(in srgb,var(--jwt-h) 12%,#0000)}.jwt-chip.on-p{color:var(--jwt-p);border-color:color-mix(in srgb,var(--jwt-p) 40%,#0000);background:color-mix(in srgb,var(--jwt-p) 12%,#0000)}.jwt-chip.on-s{color:var(--jwt-s);border-color:color-mix(in srgb,var(--jwt-s) 40%,#0000);background:color-mix(in srgb,var(--jwt-s) 12%,#0000)}.jwt-alg{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--color-text-secondary)}.jwt-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;transition:color .12s,border-color .12s}.jwt-iconbtn:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.jwt-input-wrap{position:relative;min-height:190px}.jwt-hl,.jwt-input{margin:0;padding:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-code);line-height:1.65;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;letter-spacing:0;tab-size:2}.jwt-hl{position:absolute;inset:0;pointer-events:none;overflow:auto;color:var(--color-text-secondary)}.jwt-input{position:relative;display:block;width:100%;height:100%;min-height:190px;background:#0000;border:0;outline:none;resize:vertical;color:#0000;-webkit-text-fill-color:#0000;caret-color:var(--color-text-primary)}.jwt-input::placeholder{color:var(--color-text-muted);-webkit-text-fill-color:var(--color-text-muted)}.jwt-input::selection{background:var(--color-selection-bg)}.jwt-hl .seg-h{color:var(--jwt-h)}.jwt-hl .seg-p{color:var(--jwt-p)}.jwt-hl .seg-s{color:var(--jwt-s)}.jwt-hl .jwt-dot,.jwt-legend{color:var(--color-text-muted)}.jwt-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--fs-small)}.jwt-legend span{display:inline-flex;align-items:center;gap:6px}.seg-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.seg-dot.seg-h{background:var(--jwt-h)}.seg-dot.seg-p{background:var(--jwt-p)}.seg-dot.seg-s{background:var(--jwt-s)}.jwt-badge{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:var(--radius-full);border:1px solid #0000}.jwt-badge.is-expired{color:var(--color-error);background:var(--color-error-soft);border-color:color-mix(in srgb,var(--color-error) 30%,#0000)}.jwt-badge.is-active{color:var(--color-success);background:var(--color-success-soft);border-color:color-mix(in srgb,var(--color-success) 30%,#0000)}.jwt-badge.is-nbf{color:var(--color-warning);background:var(--color-warning-soft);border-color:color-mix(in srgb,var(--color-warning) 30%,#0000)}.jwt-code{margin:0;padding:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-code);line-height:1.6;color:var(--color-text-secondary);overflow:auto;max-height:340px}.jwt-code .jwt-key{color:var(--jwt-p)}.jwt-code .jwt-str{color:var(--color-success)}.jwt-code .jwt-num{color:var(--jwt-s)}.jwt-code .jwt-bool{color:var(--color-warning)}.jwt-code .jwt-null,.jwt-empty{color:var(--color-text-muted)}.jwt-empty{padding:var(--space-4) var(--space-3);font-size:var(--fs-small)}.jwt-claims-title{font-size:var(--fs-h4);margin:0 0 var(--space-3)}.jwt-claims-table{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.jwt-claim{display:grid;grid-template-columns:160px 1fr;gap:var(--space-4);padding:var(--space-3);border-bottom:1px solid var(--color-border)}.jwt-claim:last-child{border-bottom:0}.jwt-claim:nth-child(2n){background:var(--color-bg-secondary)}.jwt-claim-key{display:flex;flex-direction:column;gap:3px}.jwt-claim-key code{font-family:var(--font-mono);font-size:var(--fs-code);color:var(--jwt-p);font-weight:600}.jwt-claim-label{font-size:var(--fs-small);color:var(--color-text-muted)}.jwt-claim-val{display:flex;flex-direction:column;gap:3px;min-width:0}.jwt-claim-raw{font-family:var(--font-mono);font-size:var(--fs-code);color:var(--color-text-primary);word-break:break-all}.jwt-claim-time{font-size:var(--fs-small);color:var(--color-text-secondary)}.jwt-claim-desc{font-size:var(--fs-small);color:var(--color-text-muted)}@media (max-width:560px){.jwt-claim{grid-template-columns:1fr;gap:var(--space-1)}}.jwt-sig{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.jwt-sig-head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.jwt-sig-note{font-size:var(--fs-small);color:var(--color-text-muted)}.jwt-sig-val{font-family:var(--font-mono);font-size:var(--fs-code);word-break:break-all;color:var(--jwt-s);opacity:.85}.jf-tool{display:flex;flex-direction:column;gap:var(--space-3)}.jf-bar{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.jf-bar,.jf-bar-group{display:flex;align-items:center;flex-wrap:wrap}.jf-bar-group{gap:var(--space-2)}.jf-divider{width:1px;height:20px;background:var(--color-border);margin:0 var(--space-1)}.jf-seg{display:inline-flex;padding:2px;gap:2px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.jf-seg-btn{font-size:var(--fs-small);padding:4px 10px;border-radius:var(--radius-sm);color:var(--color-text-muted);background:#0000;border:0;cursor:pointer;white-space:nowrap;transition:color .12s,background .12s}.jf-seg-btn:hover{color:var(--color-text-secondary)}.jf-seg-btn.is-on{color:var(--color-text-primary);background:var(--color-bg-elevated);box-shadow:0 1px 2px #0000002e}.jf-toggle{font-size:var(--fs-small);padding:5px 11px;border-radius:var(--radius-md);color:var(--color-text-muted);background:#0000;border:1px solid var(--color-border);cursor:pointer;transition:color .12s,background .12s,border-color .12s}.jf-toggle:hover{color:var(--color-text-secondary);border-color:var(--color-border-strong)}.jf-toggle.is-on{color:var(--color-accent);background:var(--color-accent-soft);border-color:color-mix(in srgb,var(--color-accent) 40%,#0000)}.jf-status{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-small);font-weight:600;padding:4px 10px;border-radius:var(--radius-full);border:1px solid #0000}.jf-status.is-ok{color:var(--color-success);background:var(--color-success-soft);border-color:color-mix(in srgb,var(--color-success) 30%,#0000)}.jf-status.is-bad{color:var(--color-error);background:var(--color-error-soft);border-color:color-mix(in srgb,var(--color-error) 30%,#0000)}.jf-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width:900px){.jf-grid{grid-template-columns:1fr 1fr}}.jf-pane{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary)}.jf-pane-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.jf-pane-label{font-size:var(--fs-label);font-weight:600;color:var(--color-text-secondary)}.jf-pane-actions{display:flex;align-items:center;gap:var(--space-2)}.jf-stat{font-family:var(--font-mono);font-size:var(--fs-small);white-space:nowrap}.jf-iconbtn,.jf-stat{color:var(--color-text-muted)}.jf-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);cursor:pointer;transition:color .12s,border-color .12s}.jf-iconbtn:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-border-strong)}.jf-iconbtn:disabled{opacity:.4;cursor:not-allowed}.jf-editor .cm-editor{font-size:var(--fs-code)}.jf-error{margin-top:var(--space-1)}.rx-tool{flex-direction:column}.rx-pattern-row,.rx-tool{display:flex;gap:var(--space-3)}.rx-pattern-row{align-items:center;flex-wrap:wrap}.rx-pattern{flex:1;min-width:240px;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--fs-code);transition:border-color .12s}.rx-pattern:focus-within{border-color:var(--color-accent)}.rx-pattern.is-error{border-color:var(--color-error)}.rx-delim{color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.rx-pattern-input{flex:1;min-width:0;background:#0000;border:0;outline:none;color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--fs-code)}.rx-pattern-input::placeholder{color:var(--color-text-muted)}.rx-flags-echo{color:var(--color-accent);-webkit-user-select:none;user-select:none;min-width:1ch}.rx-count{font-size:var(--fs-small);font-weight:600;white-space:nowrap;padding:4px 10px;border-radius:var(--radius-full);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.rx-count.is-bad{color:var(--color-error);background:var(--color-error-soft);border-color:color-mix(in srgb,var(--color-error) 30%,#0000)}.rx-flags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.rx-flag{font-size:var(--fs-small);padding:4px 10px;border-radius:var(--radius-md);color:var(--color-text-muted);background:#0000;border:1px solid var(--color-border);cursor:pointer;transition:color .12s,background .12s,border-color .12s}.rx-flag b{font-family:var(--font-mono);color:var(--color-text-secondary)}.rx-flag:hover{border-color:var(--color-border-strong)}.rx-flag.is-on{background:var(--color-accent-soft);border-color:color-mix(in srgb,var(--color-accent) 40%,#0000)}.rx-flag.is-on,.rx-flag.is-on b{color:var(--color-accent)}.rx-pane{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary)}.rx-pane-head{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.rx-pane-label{font-size:var(--fs-label);font-weight:600;color:var(--color-text-secondary)}.rx-input-wrap{position:relative;min-height:150px}.rx-hl,.rx-input{margin:0;padding:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-code);line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;tab-size:2}.rx-hl{position:absolute;inset:0;pointer-events:none;overflow:auto;color:var(--color-text-primary)}.rx-input{position:relative;display:block;width:100%;min-height:150px;background:#0000;border:0;outline:none;resize:vertical;color:#0000;-webkit-text-fill-color:#0000;caret-color:var(--color-text-primary)}.rx-input::placeholder{color:var(--color-text-muted);-webkit-text-fill-color:var(--color-text-muted)}.rx-input::selection{background:var(--color-selection-bg)}.rx-hl mark.rx-hit{background:color-mix(in srgb,var(--color-accent) 30%,#0000);color:inherit;border-radius:3px;padding:1px 0;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 45%,#0000)}.rx-hl mark.rx-hit-alt{background:color-mix(in srgb,var(--color-warning) 30%,#0000);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-warning) 45%,#0000)}.rx-replace{display:flex;flex-direction:column;gap:var(--space-2)}.rx-replace-toggle{align-self:flex-start;font-size:var(--fs-small);color:var(--color-accent);background:#0000;border:0;cursor:pointer;padding:0}.rx-replace-body{display:flex;flex-direction:column;gap:var(--space-2)}.rx-replace-out{margin:0;padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--fs-code);line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--color-text-primary)}.rx-matches-title{font-size:var(--fs-h4);margin:0 0 var(--space-2)}.rx-matches-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:380px;overflow:auto}.rx-match{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);padding:var(--space-2) var(--space-3)}.rx-match-head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.rx-match-no{font-size:var(--fs-small);font-weight:700;color:var(--color-text-muted)}.rx-match-range{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--color-accent)}.rx-match-val{font-family:var(--font-mono);font-size:var(--fs-code);color:var(--color-text-primary);word-break:break-all}.rx-groups{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--color-border);display:grid;grid-template-columns:auto 1fr;gap:4px var(--space-3);align-items:baseline}.rx-group{display:contents}.rx-group-key{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--color-text-muted)}.rx-group-key.named{color:var(--color-warning)}.rx-group-val{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--color-accent);word-break:break-all}.rx-undef{color:var(--color-text-muted);font-style:italic}.hg-tool{display:flex;flex-direction:column;gap:var(--space-4)}.hg-pane{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary)}.hg-pane-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.hg-pane-label{font-size:var(--fs-label);font-weight:600;color:var(--color-text-secondary)}.hg-head-right{display:flex;align-items:center;gap:var(--space-3)}.hg-stat{font-family:var(--font-mono);font-size:var(--fs-small);white-space:nowrap}.hg-stat,.hg-toggle{color:var(--color-text-muted)}.hg-toggle{font-size:10px;font-weight:700;letter-spacing:.05em;padding:4px 9px;border-radius:var(--radius-sm);background:#0000;border:1px solid var(--color-border);cursor:pointer;transition:color .12s,background .12s,border-color .12s}.hg-toggle:hover{color:var(--color-text-secondary);border-color:var(--color-border-strong)}.hg-toggle.is-on{color:var(--color-accent);background:var(--color-accent-soft);border-color:color-mix(in srgb,var(--color-accent) 40%,#0000)}.hg-input{display:block;width:100%;min-height:130px;resize:vertical;padding:var(--space-3);border:0;outline:none;background:#0000;color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--fs-code);line-height:1.6}.hg-input::placeholder{color:var(--color-text-muted)}.hg-rows{display:flex;flex-direction:column;gap:var(--space-2)}.hg-row{display:grid;grid-template-columns:132px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.hg-row-meta{display:flex;flex-direction:column;gap:2px}.hg-algo{font-family:var(--font-mono);font-size:var(--fs-code);font-weight:600;color:var(--color-text-primary)}.hg-bits{font-size:var(--fs-small);color:var(--color-text-muted)}.hg-weak{display:inline-flex;align-items:center;gap:3px;width:fit-content;font-size:10px;font-weight:600;color:var(--color-warning);margin-top:2px}.hg-value{font-family:var(--font-mono);font-size:var(--fs-code);color:var(--color-accent);word-break:break-all;line-height:1.5}.hg-copy,.hg-value.is-empty{color:var(--color-text-muted)}.hg-copy{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);cursor:pointer;transition:color .12s,border-color .12s}.hg-copy:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-border-strong)}.hg-copy:disabled{opacity:.4;cursor:not-allowed}.hg-note{display:flex;align-items:flex-start;gap:6px;font-size:var(--fs-small);color:var(--color-text-muted);line-height:1.55}.hg-note svg{flex-shrink:0;margin-top:2px;color:var(--color-warning)}@media (max-width:560px){.hg-row{grid-template-columns:1fr auto}.hg-row-meta{flex-direction:row;align-items:center;gap:var(--space-2);grid-column:1/-1}}.b64-tool{flex-direction:column}.b64-bar,.b64-tool{display:flex;gap:var(--space-3)}.b64-bar{align-items:center;justify-content:space-between;flex-wrap:wrap}.b64-seg{display:inline-flex;padding:2px;gap:2px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.b64-seg-btn{font-size:var(--fs-small);font-weight:500;padding:5px 16px;border-radius:var(--radius-sm);color:var(--color-text-muted);background:#0000;border:0;cursor:pointer;transition:color .12s,background .12s}.b64-seg-btn:hover{color:var(--color-text-secondary)}.b64-seg-btn.is-on{color:var(--color-text-primary);background:var(--color-bg-elevated);box-shadow:0 1px 2px #0000002e}.b64-toggle{font-size:var(--fs-small);padding:5px 11px;border-radius:var(--radius-md);color:var(--color-text-muted);background:#0000;border:1px solid var(--color-border);cursor:pointer;transition:color .12s,background .12s,border-color .12s}.b64-toggle:hover{color:var(--color-text-secondary);border-color:var(--color-border-strong)}.b64-toggle.is-on{color:var(--color-accent);background:var(--color-accent-soft);border-color:color-mix(in srgb,var(--color-accent) 40%,#0000)}.b64-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2);align-items:stretch}@media (min-width:900px){.b64-grid{grid-template-columns:1fr auto 1fr}}.b64-pane{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary)}.b64-pane-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.b64-pane-label{font-size:var(--fs-label);font-weight:600;color:var(--color-text-secondary)}.b64-pane-actions{display:flex;align-items:center;gap:var(--space-2)}.b64-stat{font-family:var(--font-mono);font-size:var(--fs-small);white-space:nowrap}.b64-iconbtn,.b64-stat{color:var(--color-text-muted)}.b64-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);cursor:pointer;transition:color .12s,border-color .12s}.b64-iconbtn:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-border-strong)}.b64-iconbtn:disabled{opacity:.4;cursor:not-allowed}.b64-area{display:block;width:100%;min-height:220px;resize:vertical;padding:var(--space-3);border:0;outline:none;background:#0000;color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--fs-code);line-height:1.6;word-break:break-all}.b64-area::placeholder{color:var(--color-text-muted)}.b64-area.is-output{color:var(--color-accent)}.b64-swap-col{display:flex}.b64-swap,.b64-swap-col{align-items:center;justify-content:center}.b64-swap{display:inline-flex;width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-secondary);cursor:pointer;transition:color .12s,border-color .12s,transform .12s}.b64-swap:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent)}.b64-swap:disabled{opacity:.4;cursor:not-allowed}@media (max-width:899px){.b64-swap{transform:rotate(90deg)}}.uu-tool{display:flex;flex-direction:column;gap:var(--space-3)}.uu-bar{justify-content:space-between;gap:var(--space-3)}.uu-bar,.uu-bar-group{display:flex;align-items:center;flex-wrap:wrap}.uu-bar-group{gap:var(--space-2)}.uu-seg{display:inline-flex;padding:2px;gap:2px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.uu-seg-btn{font-size:var(--fs-small);font-weight:600;padding:5px 14px;border-radius:var(--radius-sm);color:var(--color-text-muted);background:#0000;border:0;cursor:pointer;font-family:var(--font-mono);transition:color .12s,background .12s}.uu-seg-btn:hover{color:var(--color-text-secondary)}.uu-seg-btn.is-on{color:var(--color-text-primary);background:var(--color-bg-elevated);box-shadow:0 1px 2px #0000002e}.uu-count{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-small);color:var(--color-text-secondary)}.uu-count-input{width:72px;padding:5px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--fs-small)}.uu-generate{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-small);font-weight:500;padding:6px 12px;border-radius:var(--radius-md);color:#fff;background:var(--color-accent);border:1px solid var(--color-accent);cursor:pointer;transition:background .12s,opacity .12s}.uu-generate:hover:not(:disabled){background:var(--color-accent-hover)}.uu-generate:disabled{opacity:.4;cursor:not-allowed}.uu-toggle{font-size:var(--fs-small);padding:5px 11px;border-radius:var(--radius-md);color:var(--color-text-muted);background:#0000;border:1px solid var(--color-border);cursor:pointer;transition:color .12s,background .12s,border-color .12s}.uu-toggle:hover{color:var(--color-text-secondary);border-color:var(--color-border-strong)}.uu-toggle.is-on{color:var(--color-accent);background:var(--color-accent-soft);border-color:color-mix(in srgb,var(--color-accent) 40%,#0000)}.uu-results{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary)}.uu-results-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.uu-results-label{font-size:var(--fs-label);font-weight:600;color:var(--color-text-secondary)}.uu-results-hint{color:var(--color-text-muted);font-weight:400}.uu-results-actions{display:flex;gap:var(--space-2)}.uu-textbtn{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-small);color:var(--color-text-muted);padding:4px 9px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);cursor:pointer;transition:color .12s,border-color .12s}.uu-textbtn:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-border-strong)}.uu-textbtn:disabled{opacity:.4;cursor:not-allowed}.uu-list{list-style:none;margin:0;padding:0;max-height:440px;overflow:auto}.uu-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.uu-item:last-child{border-bottom:0}.uu-item:hover{background:var(--color-bg-tertiary)}.uu-value{font-family:var(--font-mono);font-size:var(--fs-code);color:var(--color-text-primary);word-break:break-all}.uu-copy{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid #0000;background:#0000;color:var(--color-text-muted);cursor:pointer;transition:color .12s,background .12s,border-color .12s}.uu-item:hover .uu-copy{border-color:var(--color-border);background:var(--color-bg-elevated)}.uu-copy:hover{color:var(--color-text-primary)}.cp-tool{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width:820px){.cp-tool{grid-template-columns:260px 1fr;align-items:start}}.cp-preview-col{display:flex;flex-direction:column;gap:var(--space-3)}.cp-swatch{width:100%;aspect-ratio:1/1;border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex;align-items:flex-end;padding:var(--space-3);box-shadow:inset 0 0 0 1px #0000000f}.cp-swatch-hex{font-family:var(--font-mono);font-size:var(--fs-h4);font-weight:600;letter-spacing:.02em}.cp-preview-actions{display:flex;gap:var(--space-2)}.cp-eyedropper,.cp-native{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:var(--fs-small);font-weight:500;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:color .12s,border-color .12s}.cp-eyedropper:hover,.cp-native:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.cp-native{position:relative;overflow:hidden}.cp-native input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer}.cp-native span{width:14px;height:14px;border-radius:3px;border:1px solid #00000026}.cp-detail-col{gap:var(--space-4);min-width:0}.cp-detail-col,.cp-formats{display:flex;flex-direction:column}.cp-formats{gap:var(--space-2)}.cp-format{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.cp-format-label{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--color-text-muted)}.cp-format-val{font-family:var(--font-mono);font-size:var(--fs-code);color:var(--color-text-primary);word-break:break-all}.cp-copy{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;transition:color .12s,border-color .12s}.cp-copy:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.cp-fields{display:flex;flex-direction:column;gap:var(--space-3)}.cp-field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.cp-field{display:flex;flex-direction:column;gap:4px}.cp-field label{font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--color-text-muted);text-transform:uppercase}.cp-input{width:100%;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--fs-code);transition:border-color .12s}.cp-input:focus{outline:none;border-color:var(--color-accent)}.cp-exports{display:flex;flex-direction:column;gap:var(--space-3)}.cp-export{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary)}.cp-export-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.cp-export-label{font-size:var(--fs-label);font-weight:600}.cp-export-code,.cp-export-label{color:var(--color-text-secondary)}.cp-export-code{margin:0;padding:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-code);line-height:1.55;overflow:auto}.je-tool{--jwt-h:#f472b6;--jwt-p:#c084fc;--jwt-s:#38bdf8;display:flex;flex-direction:column;gap:var(--space-4)}.je-warn{display:flex;align-items:flex-start;gap:8px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-warning-soft);border:1px solid color-mix(in srgb,var(--color-warning) 30%,#0000);font-size:var(--fs-small);color:var(--color-text-secondary);line-height:1.5}.je-warn svg{color:var(--color-warning);flex-shrink:0;margin-top:1px}.je-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:start}@media (min-width:900px){.je-grid{grid-template-columns:1fr 1fr}}.je-col{gap:var(--space-3)}.je-col,.je-field{display:flex;flex-direction:column}.je-field,.je-field-head{gap:var(--space-2)}.je-field-head{display:flex;align-items:center;justify-content:space-between;min-height:26px}.je-label{font-size:var(--fs-label);font-weight:600;color:var(--color-text-secondary)}.je-label-hint{color:var(--color-text-muted);font-weight:400}.je-area{width:100%;resize:vertical;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--fs-code);line-height:1.55;transition:border-color .12s}.je-area:focus{outline:none;border-color:var(--color-accent)}.je-secret{width:100%;padding:8px var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--fs-code);transition:border-color .12s}.je-secret:focus{outline:none;border-color:var(--color-accent)}.je-presets{display:flex;flex-wrap:wrap;gap:4px}.je-preset{font-size:11px;padding:3px 8px;border-radius:var(--radius-sm);color:var(--color-text-muted);background:#0000;border:1px solid var(--color-border);cursor:pointer;font-family:var(--font-mono);transition:color .12s,border-color .12s}.je-preset:hover{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 45%,#0000)}.je-textbtn{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-small);color:var(--color-text-muted);padding:4px 9px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);cursor:pointer;transition:color .12s,border-color .12s}.je-textbtn:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.je-token{padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-secondary);font-family:var(--font-mono);font-size:var(--fs-code);line-height:1.7;word-break:break-all;min-height:120px}.je-token .seg-h{color:var(--jwt-h)}.je-token .seg-p{color:var(--jwt-p)}.je-token .seg-s{color:var(--jwt-s)}.je-nosig,.je-token .je-dot{color:var(--color-text-muted)}.je-nosig{font-style:italic}.je-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--fs-small);color:var(--color-text-muted)}.je-legend span{display:inline-flex;align-items:center;gap:6px}.je-empty{padding:var(--space-4) var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-lg);font-size:var(--fs-small);color:var(--color-text-muted);text-align:center}.cw-tool{flex-direction:column}.cw-bar,.cw-tool{display:flex;gap:var(--space-3)}.cw-bar{align-items:center;justify-content:space-between;flex-wrap:wrap}.cw-actions,.cw-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cw-options{align-items:center}.cw-select{padding:5px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--fs-small);cursor:pointer}.cw-select:focus{outline:none;border-color:var(--color-accent)}.cw-field-label{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-small);color:var(--color-text-secondary)}.cw-toggle{font-size:var(--fs-small);padding:5px 11px;border-radius:var(--radius-md);color:var(--color-text-muted);background:#0000;border:1px solid var(--color-border);cursor:pointer;transition:color .12s,background .12s,border-color .12s}.cw-toggle:hover{color:var(--color-text-secondary);border-color:var(--color-border-strong)}.cw-toggle.is-on{color:var(--color-accent);background:var(--color-accent-soft);border-color:color-mix(in srgb,var(--color-accent) 40%,#0000)}.cw-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width:900px){.cw-grid{grid-template-columns:1fr 1fr}}.cw-pane{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary)}.cw-pane-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.cw-label{font-size:var(--fs-label);font-weight:600;color:var(--color-text-secondary)}.cw-pane-actions{display:flex;align-items:center;gap:var(--space-2)}.cw-stat{font-family:var(--font-mono);font-size:var(--fs-small);white-space:nowrap}.cw-iconbtn,.cw-stat{color:var(--color-text-muted)}.cw-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);cursor:pointer;transition:color .12s,border-color .12s}.cw-iconbtn:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-border-strong)}.cw-iconbtn:disabled{opacity:.4;cursor:not-allowed}.cw-area{display:block;width:100%;resize:vertical;padding:var(--space-3);border:0;outline:none;background:#0000;color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--fs-code);line-height:1.6;word-break:break-word}.cw-area::placeholder{color:var(--color-text-muted)}.cw-area.is-output{color:var(--color-accent)}.cw-note{display:flex;align-items:flex-start;gap:6px;font-size:var(--fs-small);color:var(--color-text-muted);line-height:1.5}.cw-seg{display:inline-flex;padding:2px;gap:2px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.cw-seg-btn{font-size:var(--fs-small);font-weight:500;padding:5px 12px;border-radius:var(--radius-sm);color:var(--color-text-muted);background:#0000;border:0;cursor:pointer;white-space:nowrap;transition:color .12s,background .12s}.cw-seg-btn:hover{color:var(--color-text-secondary)}.cw-seg-btn.is-on{color:var(--color-text-primary);background:var(--color-bg-elevated);box-shadow:0 1px 2px #0000002e}.cw-preview{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary)}.cw-preview-head{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.cw-preview-body{padding:var(--space-4)}.cw-textinput{width:150px;padding:5px 9px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--fs-small)}.cw-textinput:focus{outline:none;border-color:var(--color-accent)}.cc-tool{display:flex;flex-direction:column;gap:var(--space-4)}.cc-input-pane{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary)}.cc-input-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.cc-input-label{font-size:var(--fs-label);font-weight:600;color:var(--color-text-secondary)}.cc-stat{font-size:var(--fs-small);color:var(--color-text-muted)}.cc-input,.cc-stat{font-family:var(--font-mono)}.cc-input{display:block;width:100%;min-height:110px;resize:vertical;padding:var(--space-3);border:0;outline:none;background:#0000;color:var(--color-text-primary);font-size:var(--fs-code);line-height:1.6}.cc-input::placeholder{color:var(--color-text-muted)}.cc-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2)}@media (min-width:720px){.cc-grid{grid-template-columns:1fr 1fr}}.cc-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);padding:var(--space-3);transition:border-color .12s}.cc-card:hover{border-color:var(--color-border-strong)}.cc-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.cc-name{font-size:var(--fs-small);font-weight:600;color:var(--color-text-primary)}.cc-example{font-size:11px;color:var(--color-text-muted);margin-top:1px}.cc-example,.cc-value{font-family:var(--font-mono)}.cc-value{font-size:var(--fs-code);color:var(--color-accent);word-break:break-word;min-height:1.4em}.cc-value.is-empty{font-style:italic}.cc-copy,.cc-value.is-empty{color:var(--color-text-muted)}.cc-copy{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid #0000;background:#0000;cursor:pointer;flex-shrink:0;transition:color .12s,background .12s,border-color .12s}.cc-card:hover .cc-copy{border-color:var(--color-border);background:var(--color-bg-elevated)}.cc-copy:hover:not(:disabled){color:var(--color-text-primary)}.cc-copy:disabled{opacity:.35;cursor:not-allowed}.nb-tool{gap:var(--space-3)}.nb-row,.nb-tool{display:flex;flex-direction:column}.nb-row{gap:5px}.nb-label{font-size:var(--fs-small);font-weight:600;color:var(--color-text-secondary)}.nb-label .nb-prefix{color:var(--color-text-muted);font-weight:400;font-family:var(--font-mono);margin-left:6px}.nb-field{display:flex;gap:var(--space-2)}.nb-input{flex:1;padding:8px var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--fs-code);transition:border-color .12s}.nb-input:focus{outline:none;border-color:var(--color-accent)}.nb-input.is-bad{border-color:var(--color-error)}.nb-copy{display:inline-flex;align-items:center;justify-content:center;width:38px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;transition:color .12s,border-color .12s}.nb-copy:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.nb-note{font-size:var(--fs-small);color:var(--color-text-muted)}.gen-tool{display:flex;flex-direction:column;gap:var(--space-3)}.gen-options{justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.gen-controls,.gen-options{display:flex;align-items:flex-end;flex-wrap:wrap}.gen-controls{gap:var(--space-3) var(--space-4)}.gen-field{display:flex;flex-direction:column;gap:5px}.gen-field-label{font-size:var(--fs-small);font-weight:600;color:var(--color-text-secondary)}.gen-input,.gen-select{padding:6px 9px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--fs-small);font-family:var(--font-mono)}.gen-input:focus,.gen-select:focus{outline:none;border-color:var(--color-accent)}.gen-select{cursor:pointer;font-family:var(--font-body)}.gen-checks{display:flex;flex-wrap:wrap;gap:var(--space-2)}.gen-check{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-small);padding:5px 10px;border-radius:var(--radius-md);color:var(--color-text-muted);background:#0000;border:1px solid var(--color-border);cursor:pointer;transition:color .12s,background .12s,border-color .12s}.gen-check:hover{color:var(--color-text-secondary);border-color:var(--color-border-strong)}.gen-check.is-on{color:var(--color-accent);background:var(--color-accent-soft);border-color:color-mix(in srgb,var(--color-accent) 40%,#0000)}.gen-range{display:flex;align-items:center;gap:var(--space-2)}.gen-range input[type=range]{width:160px;accent-color:var(--color-accent)}.gen-range-val{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--color-accent);min-width:28px}.gen-generate{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-small);font-weight:500;padding:8px 16px;border-radius:var(--radius-md);color:#fff;background:var(--color-accent);border:1px solid var(--color-accent);cursor:pointer;transition:background .12s,opacity .12s;white-space:nowrap}.gen-generate:hover:not(:disabled){background:var(--color-accent-hover)}.gen-generate:disabled{opacity:.4;cursor:not-allowed}.gen-results{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary)}.gen-results-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.gen-results-label{font-size:var(--fs-label);font-weight:600;color:var(--color-text-secondary)}.gen-results-actions{display:flex;gap:var(--space-2)}.gen-textbtn{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-small);color:var(--color-text-muted);padding:4px 9px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);cursor:pointer;transition:color .12s,border-color .12s}.gen-textbtn:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.gen-list{list-style:none;margin:0;padding:0;max-height:460px;overflow:auto}.gen-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.gen-item:last-child{border-bottom:0}.gen-item:hover{background:var(--color-bg-tertiary)}.gen-value{font-family:var(--font-mono);font-size:var(--fs-code);color:var(--color-text-primary);word-break:break-all}.gen-copy{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid #0000;background:#0000;color:var(--color-text-muted);cursor:pointer;transition:color .12s,background .12s,border-color .12s}.gen-item:hover .gen-copy{border-color:var(--color-border);background:var(--color-bg-elevated)}.gen-copy:hover{color:var(--color-text-primary)}.gen-footer{padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--fs-small);color:var(--color-text-muted)}.gen-footer b{font-family:var(--font-mono);color:var(--color-text-secondary);font-weight:500}.gen-note{font-size:var(--fs-small);color:var(--color-text-muted);line-height:1.5}.gen-strength{display:flex;align-items:center;gap:var(--space-3)}.gen-strength-track{flex:1;height:6px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);overflow:hidden}.gen-strength-fill{height:100%;border-radius:var(--radius-full);transition:width .2s,background .2s}.gen-strength-label{font-size:var(--fs-small);font-weight:600;min-width:84px;text-align:right}.fld-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width:700px){.fld-grid{grid-template-columns:1fr 1fr}.fld-wide{grid-column:1/-1}}.fld{display:flex;flex-direction:column;gap:5px}.fld-label{font-size:var(--fs-small);font-weight:600;color:var(--color-text-secondary);display:flex;justify-content:space-between;gap:var(--space-2)}.fld-label .fld-hint{color:var(--color-text-muted);font-weight:400}.fld-input,.fld-select,.fld-textarea{width:100%;padding:8px var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--fs-small);transition:border-color .12s}.fld-input:focus,.fld-select:focus,.fld-textarea:focus{outline:none;border-color:var(--color-accent)}.fld-textarea{resize:vertical;line-height:1.5}.fld-count{font-size:11px;color:var(--color-text-muted);align-self:flex-end;font-family:var(--font-mono)}.out-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary)}.out-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.out-label{font-size:var(--fs-label);font-weight:600}.out-code,.out-label{color:var(--color-text-secondary)}.out-code{margin:0;padding:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-code);line-height:1.6;overflow:auto;max-height:380px;white-space:pre-wrap;word-break:break-word}.out-textbtn{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-small);color:var(--color-text-muted);padding:4px 9px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);cursor:pointer;transition:color .12s,border-color .12s}.out-textbtn:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.serp{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-bg-secondary)}.serp-url{font-size:12px;color:var(--color-text-muted)}.serp-title{font-size:var(--fs-large);color:#8ab4f8;margin-top:3px}.serp-desc{font-size:var(--fs-small);color:var(--color-text-secondary);margin-top:3px;line-height:1.5}.cron-tool{display:flex;flex-direction:column;gap:var(--space-3)}.cron-input{width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--fs-large);letter-spacing:.04em;transition:border-color .12s}.cron-input:focus{outline:none;border-color:var(--color-accent)}.cron-hint{font-size:var(--fs-small);color:var(--color-text-muted);line-height:1.5}.cron-presets{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cron-preset{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-small);padding:5px 10px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#0000;cursor:pointer;transition:border-color .12s}.cron-preset:hover{border-color:var(--color-accent)}.cron-preset code{font-family:var(--font-mono);color:var(--color-accent)}.cron-preset span{color:var(--color-text-muted)}.cron-schedule{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-accent-soft);border:1px solid color-mix(in srgb,var(--color-accent) 30%,#0000)}.cron-schedule-kicker{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent)}.cron-schedule-desc{margin-top:4px;color:var(--color-text-primary);font-size:var(--fs-large)}.cron-runs-title{font-size:var(--fs-label);font-weight:600;color:var(--color-text-secondary);margin:0 0 var(--space-2)}.cron-runs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.cron-run{padding:8px var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);font-family:var(--font-mono);font-size:var(--fs-code);color:var(--color-text-secondary)}.qr-tool{display:flex;flex-direction:column}.qr-grid,.qr-tool{gap:var(--space-4)}.qr-grid{display:grid;grid-template-columns:1fr;align-items:start}@media (min-width:820px){.qr-grid{grid-template-columns:1fr 320px}}.qr-controls{display:flex;flex-direction:column;gap:var(--space-3)}.qr-area{width:100%;min-height:120px;resize:vertical;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--fs-code);line-height:1.6}.qr-area:focus{outline:none;border-color:var(--color-accent)}.qr-area::placeholder{color:var(--color-text-muted)}.qr-ec{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.qr-ec-btn{padding:7px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-family:var(--font-mono);font-weight:600;cursor:pointer;transition:color .12s,background .12s,border-color .12s}.qr-ec-btn:hover{border-color:var(--color-border-strong)}.qr-ec-btn.is-on{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.qr-preview-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);background:var(--color-bg-secondary)}.qr-canvas-wrap{background:#fff;border-radius:var(--radius-md);padding:16px;display:flex;align-items:center;justify-content:center;min-height:180px;min-width:180px}.qr-canvas-wrap canvas{max-width:100%;height:auto;display:block}.qr-empty{color:var(--color-text-muted);text-align:center}.qr-download,.qr-empty{font-size:var(--fs-small)}.qr-download{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px;border-radius:var(--radius-md);background:var(--color-accent);color:#fff;border:1px solid var(--color-accent);font-weight:500;cursor:pointer;transition:background .12s}.qr-download:hover{background:var(--color-accent-hover)}.fd-tool{gap:var(--space-3)}.fd-schema,.fd-tool{display:flex;flex-direction:column}.fd-row,.fd-schema{gap:var(--space-2)}.fd-row{display:flex;align-items:center}.fd-name{flex:0 0 180px}.fd-type{flex:1;min-width:0}.fd-remove{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;transition:color .12s,border-color .12s}.fd-remove:hover{color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 40%,#0000)}.fd-add{align-self:flex-start;font-size:var(--fs-small);color:var(--color-accent);background:#0000;border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:7px 12px;cursor:pointer;transition:border-color .12s}.fd-add:hover{border-color:var(--color-accent)}.fd-bar{align-items:flex-end;flex-wrap:wrap;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.fd-bar,.ref-tool{display:flex;gap:var(--space-3)}.ref-tool{flex-direction:column}.ref-search{width:100%;padding:9px var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--fs-body);transition:border-color .12s}.ref-search:focus{outline:none;border-color:var(--color-accent)}.ref-search::placeholder{color:var(--color-text-muted)}.ref-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ref-chip{font-size:var(--fs-small);padding:4px 12px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:#0000;color:var(--color-text-muted);cursor:pointer;transition:color .12s,background .12s,border-color .12s}.ref-chip:hover{color:var(--color-text-secondary);border-color:var(--color-border-strong)}.ref-chip.is-on{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.ref-count{font-size:var(--fs-small);color:var(--color-text-muted)}.ref-list{display:flex;flex-direction:column;gap:var(--space-2)}.ref-row{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-bg-secondary);transition:border-color .12s}.ref-row:hover{border-color:var(--color-border-strong)}.ref-row-head{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.ref-code-strong{font-family:var(--font-mono);font-size:var(--fs-h3);font-weight:700}.ref-code-strong,.ref-name{color:var(--color-text-primary)}.ref-name{font-weight:600}.ref-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--radius-sm);font-family:var(--font-mono)}.ref-badge.c-1xx{color:#7dd3fc;background:#7dd3fc24}.ref-badge.c-2xx{color:var(--color-success);background:var(--color-success-soft)}.ref-badge.c-3xx{color:var(--color-warning);background:var(--color-warning-soft)}.ref-badge.c-4xx{color:#fb923c;background:#fb923c24}.ref-badge.c-5xx{color:var(--color-error);background:var(--color-error-soft)}.ref-desc{font-size:var(--fs-small);color:var(--color-text-secondary);margin-top:4px;line-height:1.5}.ref-cmd{display:inline-block;text-align:left;font-family:var(--font-mono);font-size:var(--fs-code);font-weight:500;color:var(--color-accent);background:#0000;border:0;padding:0;cursor:pointer}.ref-cmd:hover{text-decoration:underline}.ref-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.ref-table{width:100%;border-collapse:collapse;font-size:var(--fs-small)}.ref-table thead tr{background:var(--color-bg-tertiary);text-align:left}.ref-table th{font-weight:600;color:var(--color-text-muted);font-size:var(--fs-label)}.ref-table td,.ref-table th{padding:var(--space-2) var(--space-3)}.ref-table td{border-top:1px solid var(--color-border);color:var(--color-text-secondary);vertical-align:top}.ref-table tr:hover td{background:var(--color-bg-tertiary)}.ref-mono{color:var(--color-text-primary)}.ref-mono,.ref-mono-btn{font-family:var(--font-mono)}.ref-mono-btn{background:#0000;border:0;padding:0;color:var(--color-accent);cursor:pointer}.ref-mono-btn:hover{text-decoration:underline}.ref-eg{display:block;font-family:var(--font-mono);font-size:11px;margin-top:3px}.ref-eg,.ref-empty{color:var(--color-text-muted)}.ref-empty{text-align:center;padding:var(--space-7) 0}.ref-note{font-size:var(--fs-small);color:var(--color-text-muted)}.kv-table{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.kv-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.kv-row:last-child{border-bottom:0}.kv-row:nth-child(2n){background:var(--color-bg-secondary)}.kv-key{font-size:var(--fs-small);color:var(--color-text-muted)}.kv-val{font-family:var(--font-mono);font-size:var(--fs-code);color:var(--color-text-primary);word-break:break-all}.kv-copy{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid #0000;background:#0000;color:var(--color-text-muted);cursor:pointer;transition:color .12s,background .12s,border-color .12s}.kv-row:hover .kv-copy{border-color:var(--color-border);background:var(--color-bg-elevated)}.kv-copy:hover{color:var(--color-text-primary)}.info-banner{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-accent-soft);border:1px solid color-mix(in srgb,var(--color-accent) 30%,#0000)}.info-banner-kicker{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent)}.info-banner-body{margin-top:4px;font-family:var(--font-mono);font-size:var(--fs-code);color:var(--color-text-primary)}.net-tool{display:flex;flex-direction:column;gap:var(--space-3)}.net-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:flex-end}.net-input{flex:1;min-width:200px;padding:8px var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--fs-code)}.net-input:focus{outline:none;border-color:var(--color-accent)}.net-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--radius-md);background:var(--color-accent);color:#fff;border:1px solid var(--color-accent);font-size:var(--fs-small);font-weight:500;cursor:pointer;transition:background .12s,opacity .12s;white-space:nowrap}.net-btn:hover:not(:disabled){background:var(--color-accent-hover)}.net-btn:disabled{opacity:.5;cursor:not-allowed}.net-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}@media (min-width:560px){.net-stat-grid{grid-template-columns:repeat(4,1fr)}}.net-stat{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary)}.net-stat-label{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted)}.net-stat-val{font-family:var(--font-mono);font-size:var(--fs-h3);font-weight:700;color:var(--color-text-primary);margin-top:3px}.net-stat-val .u{font-size:var(--fs-small);color:var(--color-text-muted);font-weight:400}.hdr-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.hdr-row{padding:var(--space-3);border-bottom:1px solid var(--color-border)}.hdr-row:last-child{border-bottom:0}.hdr-row:hover{background:var(--color-bg-secondary)}.hdr-line{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hdr-name{font-weight:600;color:var(--color-accent)}.hdr-name,.hdr-val{font-family:var(--font-mono);font-size:var(--fs-code)}.hdr-val{color:var(--color-text-primary);word-break:break-all}.hdr-desc{font-size:var(--fs-small);color:var(--color-text-muted);margin-top:4px;font-style:italic}.ipl-tool{display:flex;flex-direction:column;gap:var(--space-4)}.ipl-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-accent);color:#fff}.ipl-hero-label{font-size:var(--fs-small);opacity:.85}.ipl-hero-ip{font-family:var(--font-mono);font-size:var(--fs-h2);font-weight:700;margin-top:2px;word-break:break-all}.ipl-hero-copy{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);border:0;background:#fff3;color:#fff;cursor:pointer;flex-shrink:0;transition:background .12s}.ipl-hero-copy:hover{background:#ffffff52}.ipl-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width:700px){.ipl-grid{grid-template-columns:1fr 1fr}}.ipl-card{display:flex;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.ipl-card-icon{display:inline-flex;align-items:flex-start;color:var(--color-accent);flex-shrink:0}.ipl-card-title{font-size:var(--fs-label);font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.ipl-kv{font-size:var(--fs-small);color:var(--color-text-primary);line-height:1.7}.ipl-kv .k{color:var(--color-text-muted)}.ipl-link{font-size:var(--fs-small);color:var(--color-accent)}.ipl-link:hover{text-decoration:underline}.ipl-spin{width:28px;height:28px;border:3px solid var(--color-border);border-bottom-color:var(--color-accent);border-radius:50%;animation:ipl-spin .8s linear infinite;margin:0 auto}@keyframes ipl-spin{to{transform:rotate(1turn)}}.gql-tool{display:flex;flex-direction:column;gap:var(--space-3)}.gql-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border)}.gql-tab{padding:8px 14px;font-size:var(--fs-small);font-weight:500;color:var(--color-text-muted);background:#0000;border:0;border-bottom:2px solid #0000;cursor:pointer;transition:color .12s,border-color .12s}.gql-tab:hover{color:var(--color-text-secondary)}.gql-tab.is-on{color:var(--color-accent);border-bottom-color:var(--color-accent)}.gql-sdl{width:100%;min-height:380px;resize:vertical;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--fs-code);line-height:1.55}.gql-sdl:focus{outline:none;border-color:var(--color-accent)}.gql-sdl-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.gql-cards{display:flex;flex-direction:column;gap:var(--space-2)}.gql-card{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary)}.gql-card-head{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:0;cursor:pointer;text-align:left;color:var(--color-text-primary)}.gql-card-head:hover{background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-tertiary))}.gql-card-name{font-family:var(--font-mono);font-weight:600}.gql-card-meta{font-size:var(--fs-small);color:var(--color-text-muted);margin-left:auto}.gql-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--radius-sm)}.gql-badge.k-type{color:#8ab4f8;background:#8ab4f824}.gql-badge.k-input{color:var(--jwt-p,#c084fc);background:#c084fc24}.gql-badge.k-enum{color:var(--color-warning);background:var(--color-warning-soft)}.gql-badge.k-union{color:var(--color-success);background:var(--color-success-soft)}.gql-badge.k-interface{color:#f472b6;background:#f472b624}.gql-field,.gql-fields{border-top:1px solid var(--color-border)}.gql-field{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:8px var(--space-3)}.gql-field:first-child{border-top:0}.gql-field-name{font-family:var(--font-mono);font-size:var(--fs-code);color:var(--color-text-primary)}.gql-field-args{font-size:11px;color:var(--color-text-muted);margin-left:4px}.gql-field-type{color:var(--color-accent);flex-shrink:0}.gql-enum-val,.gql-field-type{font-family:var(--font-mono);font-size:var(--fs-code)}.gql-enum-val{padding:6px var(--space-3);color:var(--color-warning);border-top:1px solid var(--color-border)}.gql-union-val{padding:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-code);color:var(--color-text-secondary)}.dz{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:border-color .12s,background .12s}.dz.is-over,.dz:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.dz svg{color:var(--color-text-muted)}.dz-title{font-weight:500;color:var(--color-text-secondary)}.dz-sub,.dz-title{font-size:var(--fs-small)}.dz-sub{color:var(--color-text-muted)}.img-tool{display:flex;flex-direction:column;gap:var(--space-4)}.img-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:start}@media (min-width:880px){.img-grid{grid-template-columns:1fr 1fr}}.img-col{display:flex;flex-direction:column;gap:var(--space-3)}.img-preview{width:100%;max-height:260px;object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.img-meta{font-size:var(--fs-small);color:var(--color-text-muted);text-align:center}.img-presets{display:flex;flex-wrap:wrap;gap:var(--space-2)}.img-preset{font-size:11px;padding:4px 9px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#0000;color:var(--color-text-secondary);cursor:pointer;transition:border-color .12s,color .12s}.img-preset:hover{border-color:var(--color-accent);color:var(--color-accent)}.img-dims{display:flex;align-items:flex-end;gap:var(--space-2)}.img-lock{margin-bottom:1px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:pointer;transition:color .12s,border-color .12s,background .12s}.img-lock.is-on{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 45%,#0000);background:var(--color-accent-soft)}.img-actions{display:flex;gap:var(--space-2)}.img-download{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border-radius:var(--radius-md);background:var(--color-accent);color:#fff;border:1px solid var(--color-accent);font-size:var(--fs-small);font-weight:500;cursor:pointer;text-decoration:none}.img-download:hover{background:var(--color-accent-hover)}.img-placeholder{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-8);text-align:center;color:var(--color-text-muted);font-size:var(--fs-small)}.prog-wrap{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.prog-track{width:100%;height:6px;background:var(--color-bg-tertiary);overflow:hidden}.prog-fill,.prog-track{border-radius:var(--radius-full)}.prog-fill{height:100%;background:var(--color-accent);transition:width .2s}.filerow{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.filerow-thumb{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;background:var(--color-bg-tertiary)}.filerow-main{flex:1;min-width:0}.filerow-name{font-size:var(--fs-small);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filerow-meta{font-size:11px;color:var(--color-text-muted);margin-top:2px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filerow-save{font-weight:600}.filerow-save,.save-badge{color:var(--color-success)}.save-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);background:var(--color-success-soft)}.page-tabs{display:flex;flex-wrap:wrap;gap:4px}.page-tab{font-size:11px;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:color .12s,background .12s}.page-tab.is-on{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.bld-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:start}@media (min-width:880px){.bld-grid{grid-template-columns:1fr 1fr}}.bld-col{display:flex;flex-direction:column;gap:var(--space-4)}.bld-section-title{font-size:var(--fs-label);font-weight:600;color:var(--color-text-secondary)}.bld-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.bld-range{width:100%;accent-color:var(--color-accent)}.bld-range-label{display:flex;justify-content:space-between;font-size:var(--fs-small);color:var(--color-text-secondary);margin-bottom:5px}.bld-range-label b{font-family:var(--font-mono);color:var(--color-accent);font-weight:500}.bld-stop{display:flex;align-items:center;gap:var(--space-3)}.bld-swatch{width:40px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:pointer;padding:0;background:none;flex-shrink:0;overflow:hidden}.bld-swatch input[type=color]{width:150%;height:150%;margin:-25%;cursor:pointer;border:0;padding:0;background:none}.bld-stop-main{flex:1;min-width:0}.bld-remove{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid #0000;background:#0000;color:var(--color-text-muted);cursor:pointer;flex-shrink:0}.bld-remove:hover{color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 40%,#0000)}.bld-addbtn{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-small);color:var(--color-accent);background:#0000;border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:6px 11px;cursor:pointer;align-self:flex-start}.bld-addbtn:hover{border-color:var(--color-accent)}.bld-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-2)}.bld-preset{position:relative;height:56px;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;cursor:pointer;padding:0}.bld-preset:hover{border-color:var(--color-accent)}.bld-preset-name{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000061;color:#fff;font-size:11px;font-weight:600}.bld-preview,.bld-preview-pad{border-radius:var(--radius-lg);border:1px solid var(--color-border);min-height:240px}.bld-preview-pad{display:flex;align-items:center;justify-content:center;padding:var(--space-7);background:var(--color-bg-secondary)}.bs-layers{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bs-layer{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--fs-small);cursor:pointer}.bs-layer.is-on{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.bs-layer-x{display:inline-flex;color:var(--color-text-muted)}.bs-layer-x:hover{color:var(--color-error)}.bs-checkbox{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-small);color:var(--color-text-secondary);cursor:pointer}.bs-checkbox input{width:16px;height:16px;accent-color:var(--color-accent)}.pal-tool{display:flex;flex-direction:column;gap:var(--space-5)}.pal-base{display:flex;gap:var(--space-3);align-items:center}.pal-section-title{font-size:var(--fs-label);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.pal-shades{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}@media (min-width:640px){.pal-shades{grid-template-columns:repeat(10,1fr)}}.pal-harmonies{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width:640px){.pal-harmonies{grid-template-columns:repeat(3,1fr)}}.pal-swatch{position:relative;aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;cursor:pointer;padding:0}.pal-swatch-hover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#0000;opacity:0;transition:opacity .12s,background .12s;color:#fff;font-family:var(--font-mono);font-size:10px}.pal-swatch:hover .pal-swatch-hover{opacity:1;background:#0006}.pal-row{display:grid;gap:var(--space-2)}.txt-tool{display:flex;flex-direction:column;gap:var(--space-3)}.txt-area{width:100%;min-height:130px;resize:vertical;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--fs-code);line-height:1.6}.txt-area:focus{outline:none;border-color:var(--color-accent)}.txt-area::placeholder{color:var(--color-text-muted)}.txt-out{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);font-family:var(--font-mono);font-size:var(--fs-large);color:var(--color-accent);word-break:break-all}.txt-ops{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}@media (min-width:640px){.txt-ops{grid-template-columns:repeat(4,1fr)}}.txt-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}@media (min-width:560px){.txt-stat-grid{grid-template-columns:repeat(4,1fr)}}.diff-box{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-code);line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow:auto;max-height:380px;background:var(--color-bg-secondary);margin:0}.diff-add{background:var(--color-success-soft);color:var(--color-success)}.diff-del{background:var(--color-error-soft);color:var(--color-error);text-decoration:line-through}.sim-hero{text-align:center;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border)}.sim-hero-label{font-size:var(--fs-small);color:var(--color-text-muted)}.sim-hero-val{font-size:56px;font-weight:800;line-height:1;margin-top:var(--space-2)}.sim-hero-val,.sim-lcs{font-family:var(--font-mono)}.sim-lcs{font-size:var(--fs-code);background:var(--color-warning-soft);color:var(--color-warning);padding:3px 8px;border-radius:var(--radius-sm);display:inline-block;word-break:break-all}.at-tool{display:flex;flex-direction:column;gap:var(--space-3)}.at-grid-wrap{overflow-x:auto}.at-grid{border-collapse:initial;border-spacing:4px}.at-cell-input{width:110px;padding:5px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--fs-small)}.at-cell-input:focus{outline:none;border-color:var(--color-accent)}.at-cell-input.is-header{font-weight:600;background:var(--color-bg-tertiary)}.at-cellwrap{display:flex;align-items:center;gap:4px}.at-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid #0000;background:#0000;color:var(--color-text-muted);cursor:pointer}.at-iconbtn:hover{color:var(--color-error)}.at-addbtn{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-small);color:var(--color-accent);background:#0000;border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:5px 10px;cursor:pointer}.at-addbtn:hover{border-color:var(--color-accent)}.md-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width:900px){.md-grid{grid-template-columns:1fr 1fr}}.md-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);padding:var(--space-4);overflow:auto;min-height:460px}.kv-row.is-active{background:var(--color-accent-soft)}.kv-note{font-size:11px;color:var(--color-text-muted);margin-left:8px}.crypto-section{display:flex;flex-direction:column;gap:var(--space-3)}.crypto-section+.crypto-section{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.em-stats{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.em-chip{font-size:var(--fs-small);font-weight:600;padding:5px 11px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary)}.em-chip.ok{color:var(--color-success);background:var(--color-success-soft);border-color:color-mix(in srgb,var(--color-success) 30%,#0000)}.em-chip.bad{color:var(--color-error);background:var(--color-error-soft);border-color:color-mix(in srgb,var(--color-error) 30%,#0000)}.em-chip.warn{color:var(--color-warning);background:var(--color-warning-soft);border-color:color-mix(in srgb,var(--color-warning) 30%,#0000)}.em-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:460px;overflow:auto}.em-row{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary)}.em-row.ok{border-color:color-mix(in srgb,var(--color-success) 25%,var(--color-border))}.em-row.bad{border-color:color-mix(in srgb,var(--color-error) 25%,var(--color-border))}.em-row-icon{flex-shrink:0;margin-top:1px}.em-email{font-family:var(--font-mono);font-size:var(--fs-code);color:var(--color-text-primary);word-break:break-all}.em-note{font-size:var(--fs-small);margin-top:3px}.nav-search-btn{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 10px 0 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-muted);font-size:var(--fs-body);text-align:left;transition:border-color .12s,background .12s}.nav-search-btn:hover{border-color:var(--color-border-strong);color:var(--color-text-secondary)}.nav-search-btn .nav-search-btn-label{flex:1;min-width:0}.nav-search-btn .nav-search-kbd{position:static;transform:none}.load-more{display:flex;justify-content:center;padding:var(--space-6) 0 var(--space-2)}.load-more-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--fs-body);font-weight:500;cursor:pointer;transition:border-color .12s,background .12s}.load-more-btn:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.load-more-done{font-size:var(--fs-small);color:var(--color-text-muted);font-family:var(--font-mono)}