:root{--bg:#05070e;--bg-overlay:rgba(7,11,21,.72);--surface:rgba(17,24,39,.85);--surface-strong:rgba(17,24,39,.96);--surface-alt:rgba(28,37,57,.8);--border:rgba(148,163,184,.18);--border-strong:rgba(94,234,212,.4);--text:#f8fafc;--muted:#94a3b8;--accent:#38bdf8;--accent-strong:#22d3ee;--accent-warm:#a855f7;--danger:#fb7185;--radius:6px;--shadow-lg:0 32px 90px rgba(2,6,23,.45);--shadow-sm:0 12px 40px rgba(8,19,49,.4);--font-sans:"Inter","SF Pro Display","JetBrains Mono",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono",monospace;--layout-max:1180px;--layout-max-wide:1240px;--layout-gutter:clamp(.75rem,2.5vw,1.5rem)}:root[data-theme=dark]{color-scheme:dark;--bg:radial-gradient(120% 120% at 15% 20%,#1d2b64 0%,rgba(19,26,47,.94) 45%,#05070e 100%);--bg-overlay:rgba(7,11,21,.72);--surface:rgba(17,24,39,.85);--surface-strong:rgba(17,24,39,.96);--surface-alt:rgba(28,37,57,.8);--border:rgba(148,163,184,.18);--border-strong:rgba(94,234,212,.4);--text:#f8fafc;--muted:#94a3b8;--accent:#38bdf8;--accent-strong:#22d3ee;--accent-warm:#a855f7;--danger:#fb7185;--shadow-lg:0 32px 90px rgba(2,6,23,.45);--shadow-sm:0 12px 40px rgba(8,19,49,.4)}:root[data-theme=light]{color-scheme:light;--bg:radial-gradient(120% 120% at 15% 20%,#ecf6ff 0%,rgba(223,236,252,.78) 45%,#f7fbff 100%);--bg-overlay:rgba(250,253,255,.92);--surface:hsla(0,0%,100%,.9);--surface-strong:hsla(0,0%,100%,.96);--surface-alt:rgba(240,246,255,.9);--border:rgba(148,163,184,.22);--border-strong:rgba(37,99,235,.25);--text:#0f172a;--muted:#475569;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-warm:#7c3aed;--danger:#e11d48;--shadow-lg:0 24px 60px rgba(148,163,184,.25);--shadow-sm:0 10px 30px rgba(148,163,184,.25)}@media (min-width:1200px){:root{--layout-max:1360px;--layout-max-wide:1440px}}@media (min-width:1536px){:root{--layout-max:1520px;--layout-max-wide:1620px}}@media (min-width:1800px){:root{--layout-max:1680px;--layout-max-wide:1800px;--layout-gutter:clamp(1rem,3vw,2rem)}}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);letter-spacing:.01em;overflow-x:hidden;position:relative}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}body:before{background:radial-gradient(circle at 15% 20%,rgba(56,189,248,.3),transparent 40%),radial-gradient(circle at 70% 10%,rgba(168,85,247,.35),transparent 45%),radial-gradient(circle at 85% 80%,rgba(45,212,191,.35),transparent 50%);filter:blur(120px);opacity:.7;z-index:-2}body:after,body:before{content:"";inset:0;pointer-events:none;position:fixed}body:after{background:linear-gradient(135deg,#080b148c,#050914e6);z-index:-1}:root[data-theme=light] body:before{filter:blur(110px);opacity:.35}:root[data-theme=light] body:after{background:linear-gradient(135deg,#ffffffd9,#f1f5f9f2)}.container{margin:0 auto;padding-inline:var(--layout-gutter);width:100%}.container,.site-footer .container,.site-header .container{max-width:100%}.layout{display:flex;flex-direction:column;min-height:100vh}.site-header{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(120deg,#0d1221d9,#0c101dbf);border-bottom:1px solid rgba(94,234,212,.15);box-shadow:0 4px 24px #0000001f,inset 0 0 0 1px #5eead40d;position:sticky;top:0;z-index:40}.site-header a,.site-header a:visited{color:var(--text);text-decoration:none}.site-header a:not(.site-brand):hover{color:var(--accent)}:root[data-theme=light] .site-header{background:linear-gradient(120deg,#f8fafceb,#f1f5f9e0);border-bottom:1px solid rgba(59,130,246,.2);box-shadow:0 4px 24px #94a3b81f,inset 0 0 0 1px #3b82f614}.header-inner{align-items:center;display:flex;gap:clamp(.8rem,1.5vw,1.2rem);justify-content:space-between;padding-block:clamp(.3rem,.8vw,.35rem)}.site-brand{align-items:center;background:#060d14d1;border:1px solid rgba(94,234,212,.45);border-radius:var(--radius);box-shadow:0 22px 48px #0d948852,inset 0 0 0 1px #38bdf838;display:inline-flex;font-family:var(--font-mono);isolation:isolate;justify-content:center;letter-spacing:.085em;overflow:hidden;padding:clamp(.45rem,.95vw,.4rem) clamp(.85rem,1.8vw,1rem);position:relative;text-transform:uppercase;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.site-brand:before{background:radial-gradient(circle at 30% 20%,rgba(14,165,233,.18),transparent 55%),radial-gradient(circle at 80% 65%,rgba(45,212,191,.24),transparent 60%);filter:blur(18px);inset:-35%;opacity:.75;transition:opacity .4s ease;z-index:-2}.site-brand:after,.site-brand:before{content:"";pointer-events:none;position:absolute}.site-brand:after{animation:brand-scan 6s linear infinite;background:linear-gradient(90deg,#3b82f614 10%,#14b8a633 45%,#3b82f614 90%),repeating-linear-gradient(transparent 0 6px,#5eead41f 6px 7px);inset:0;mix-blend-mode:screen;opacity:.7;z-index:-1}:root[data-theme=light] .site-brand{background:#f8fafce6;border:1px solid rgba(59,130,246,.42);box-shadow:0 20px 46px #3b82f638,inset 0 0 0 1px #3b82f62e}:root[data-theme=light] .site-brand:after{mix-blend-mode:normal;opacity:.55}.site-brand:hover{border-color:#5eead4b3;box-shadow:0 26px 62px #14b8a661,inset 0 0 0 1px #38bdf847;transform:translateY(-2px)}.site-brand:hover:before{opacity:1}.site-brand:focus-visible{outline:2px solid rgba(94,234,212,.8);outline-offset:6px}.site-name{align-items:center;color:#a7f3d0;display:inline-flex;font-size:clamp(.98rem,2.2vw,1.35rem);gap:.2em;letter-spacing:.11em;position:relative;text-shadow:0 0 10px rgba(34,211,238,.48),0 0 18px rgba(20,184,166,.45);text-transform:uppercase;z-index:1}.site-name:before{color:#5eead4f2;content:">";margin-right:.12em;text-shadow:0 0 12px rgba(56,189,248,.5)}.site-name:after{animation:brand-caret 1.1s steps(1) infinite;color:#a5f3fcd9;content:"▌";display:inline-block;text-shadow:inherit;width:.22em}:root[data-theme=light] .site-name{color:#0f172a;text-shadow:0 0 12px rgba(59,130,246,.32)}:root[data-theme=light] .site-name:before{color:#3b82f6b8;text-shadow:0 0 10px rgba(59,130,246,.36)}:root[data-theme=light] .site-name:after{color:#3b82f6b8}@keyframes brand-scan{0%{background-position:0 0,0 0}to{background-position:200% 0,0 12px}}@keyframes brand-caret{0%,45%{opacity:1}55%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.site-brand{transition:none}.site-brand:after,.site-name:after{animation:none}}.header-left{gap:clamp(1.5rem,2.5vw,2rem)}.header-actions,.header-left{align-items:center;display:flex}.header-actions{flex-wrap:wrap;gap:clamp(.6rem,1.6vw,1rem);justify-content:flex-end}.header-links{gap:clamp(.4rem,1vw,.6rem)}.header-links,.header-search-trigger{align-items:center;display:flex}.desktop-only{display:flex}.mobile-actions-toggle{color:var(--text);display:none;font-size:1rem;justify-content:center;width:40px}.header-search-trigger__field,.mobile-actions-toggle{align-items:center;background:#0f172a66;border:1px solid rgba(148,163,184,.25);border-radius:var(--radius);cursor:pointer;height:36px}.header-search-trigger__field{color:var(--muted);display:inline-flex;font-size:.88rem;font-weight:500;gap:.7rem;justify-content:space-between;letter-spacing:.01em;min-width:clamp(180px,22vw,200px);overflow:hidden;padding:0 .9rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.header-search-trigger__field:before{background:linear-gradient(135deg,#38bdf814,#5eead40f);border-radius:var(--radius);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.header-search-trigger__field:focus-visible,.header-search-trigger__field:hover{background:#0f172a99;border-color:#5eead466;box-shadow:0 8px 24px #5eead426,inset 0 0 0 1px #5eead41a;color:var(--text);outline:none}.header-search-trigger__field:hover:before{opacity:1}.header-search-trigger__label{position:relative;white-space:nowrap;z-index:1}.header-search-trigger__shortcut{align-items:center;background:#5eead41f;border:1px solid rgba(94,234,212,.2);border-radius:var(--radius);color:#5eead4e6;display:inline-flex;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.72rem;font-weight:600;justify-content:center;letter-spacing:.08em;min-width:40px;padding:.25rem .6rem;position:relative;z-index:1}:root[data-theme=light] .header-search-trigger__field{background:#ffffffe6;border-color:#94a3b84d;box-shadow:0 2px 8px #94a3b81f;color:#475569}:root[data-theme=light] .header-search-trigger__field:before{background:linear-gradient(135deg,#3b82f60f,#2563eb0a)}:root[data-theme=light] .header-search-trigger__field:focus-visible,:root[data-theme=light] .header-search-trigger__field:hover{background:#fff;border-color:#3b82f680;box-shadow:0 8px 24px #3b82f62e,inset 0 0 0 1px #3b82f61a;color:#0f172a}:root[data-theme=light] .header-search-trigger__shortcut{background:#3b82f61f;border-color:#3b82f640;color:#1e40af}@media (max-width:768px){.header-search-trigger{flex:1 1 100%}.header-search-trigger__field{flex:1 1 100%;min-width:0}}@media (max-width:1024px){.header-inner{align-items:center;flex-wrap:nowrap}.header-left{flex:0 0 auto}.header-actions{flex:0 0 auto;flex-wrap:nowrap;justify-content:flex-end;margin-left:auto}.desktop-only{display:none!important}.mobile-actions-toggle{display:inline-flex}}.nav-link{align-items:center;background:transparent;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius);color:var(--text);display:inline-flex;font-size:.9rem;font-weight:500;justify-content:center;letter-spacing:.02em;padding:.5rem 1rem;position:relative;transition:all .25s ease}.nav-link:before{background:linear-gradient(135deg,#38bdf81a,#5eead414);border-radius:var(--radius);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.nav-link:hover{border-color:#5eead480;box-shadow:0 0 20px #5eead426;color:#5eead4f2}.nav-link:hover:before{opacity:1}.nav-link span{position:relative;z-index:1}:root[data-theme=light] .hero h1{color:#0f172a}:root[data-theme=light] .hero p{color:#334155}:root[data-theme=light] .pill{background:#2563eb24;border-color:#2563eb52;color:#1d4ed8}:root[data-theme=light] .nav-link{border-color:#94a3b84d;color:#1e293b}:root[data-theme=light] .nav-link:before{background:linear-gradient(135deg,#3b82f614,#2563eb0f)}:root[data-theme=light] .nav-link:hover{border-color:#3b82f699;box-shadow:0 0 20px #3b82f633;color:#1e40af}main.container{flex:1;max-width:100%;padding-bottom:clamp(1.4rem,3.5vw,1.6rem);padding-top:clamp(1.2rem,3vw,1.5rem)}.site-footer{-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);background:linear-gradient(180deg,#0d122166,#080c1699);border-top:1px solid rgba(94,234,212,.08);margin-top:auto;padding:clamp(1rem,2vw,1rem) 0 clamp(.75rem,1.5vw,1rem)}:root[data-theme=light] .site-footer{background:linear-gradient(180deg,#f8fafc99,#f1f5f9cc);border-top:1px solid rgba(59,130,246,.12)}.footer-inline-links{display:flex;flex:1 1 auto;flex-wrap:wrap;font-size:.85rem;font-weight:500;gap:.5rem 1.25rem;justify-content:flex-end}.footer-inline-links a{color:#cbd5e1cc;padding-bottom:.15rem;position:relative;text-decoration:none}.footer-inline-links a:after{background:#5eead440;bottom:0;content:"";height:1px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.footer-inline-links a:hover:after{transform:scaleX(1)}:root[data-theme=light] .footer-inline-links a{color:#0f172a}:root[data-theme=light] .footer-inline-links a:after{background:#2563eb8c}.footer-right{flex:1 1 auto;flex-wrap:wrap;gap:.75rem 1.25rem;justify-content:flex-end;min-width:320px}.footer-meta,.footer-right{align-items:center;display:flex}.footer-meta{flex-wrap:wrap;gap:.75rem;grid-column:1/-1;justify-content:space-between}:root[data-theme=light] .footer-meta{border-top-color:#3b82f61a}.footer-copyright{color:#94a3b8a6;font-size:.8rem;margin:0}:root[data-theme=light] .footer-copyright{color:#1f2937}.footer-version{color:#5eead480;font-family:var(--font-mono);font-size:.75rem;font-weight:600;margin:0}:root[data-theme=light] .footer-version{color:#1d4ed8}@media (max-width:960px){.footer-shell{justify-content:flex-start}.footer-meta{align-items:flex-start;flex-direction:column}.footer-right{align-items:flex-start;gap:.5rem}.footer-inline-links,.footer-right{justify-content:flex-start;width:100%}}.hero{margin-bottom:clamp(1rem,2.5vw,1.8rem);position:relative;text-align:left}.hero h1{font-size:clamp(2.2rem,4.5vw,3.2rem);letter-spacing:.03em;margin-bottom:.4rem;margin-top:.3rem}.hero p{color:var(--muted);font-size:clamp(1rem,1.1vw,1.08rem);line-height:1.6}.hero .pill{align-items:center;background:#5eead41f;border:1px solid rgba(94,234,212,.35);border-radius:var(--radius);color:#67e8f9;display:inline-flex;font-size:.8rem;gap:.45rem;letter-spacing:.08em;margin-bottom:1.25rem;padding:.35rem .85rem;text-transform:uppercase}.hero-ctas{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1.2vw,.8rem);margin-top:clamp(.8rem,2vw,1.2rem)}.button{align-items:center;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.6rem;padding:.65rem 1.4rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button.accent{background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 18px 40px #22d3ee59;color:#020617}:root[data-theme=light] .button.accent{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 18px 40px #3b82f647;color:#fff}.button.secondary{background:#94a3b81a;border:1px solid rgba(148,163,184,.18);color:var(--muted)}:root[data-theme=light] .button.secondary{background:#e2e8f0b8;border-color:#cbd5e1d9;color:#1f2937}.button.ghost{background:transparent;border:1px solid rgba(56,189,248,.35);color:var(--accent)}.button .state-inline{color:inherit;font-size:.82rem;opacity:.85}.button .button-spinner{animation:image-spinner .8s linear infinite;border:2px solid hsla(0,0%,100%,.4);border-radius:999px;border-top-color:#fff;height:16px;width:16px}:root[data-theme=light] .button .button-spinner{border-color:#1f2937 rgba(15,23,42,.25) rgba(15,23,42,.25)}.button:hover{transform:translateY(-2px)}.filters{display:grid;gap:clamp(.6rem,1.5vw,.8rem);grid-template-columns:minmax(0,1fr) minmax(180px,240px);margin-bottom:clamp(.8rem,2vw,1.2rem)}.filters.single{gap:0;grid-template-columns:1fr}.filters input[type=search],.filters select{background:radial-gradient(circle at top,#0f172ab3,#0f172a80);border:1px solid rgba(148,163,184,.25);border-radius:var(--radius);color:inherit;font-size:.9rem;padding:.65rem .85rem}:root[data-theme=light] .filters input[type=search]{background:#fffffff5;border-color:#94a3b859;box-shadow:0 10px 24px #94a3b82e}.category-chips{display:flex;flex-wrap:wrap;gap:clamp(.4rem,1.4vw,.75rem)}.category-chip{background:#94a3b81a;border:1px solid transparent;border-radius:var(--radius);color:var(--muted);cursor:pointer;padding:.4rem .95rem;transition:all .2s ease}.category-chip.active{background:#38bdf82e;border-color:#38bdf859;color:var(--accent)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.tool-search-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020617bf;display:flex;inset:0;justify-content:center;padding:clamp(1.5rem,4vw,3rem);position:fixed;z-index:120}.tool-search-dialog{background:#0f172aeb;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius);box-shadow:0 40px 80px #0f766e40;color:var(--text);padding:clamp(1.4rem,3vw,2.2rem);width:min(840px,100%)}.tool-search-dialog__header{align-items:flex-start;display:flex;gap:clamp(.8rem,2vw,1.2rem);justify-content:space-between;margin-bottom:clamp(1rem,2.5vw,1.4rem)}.tool-search-dialog__eyebrow{color:var(--muted);font-size:.75rem;letter-spacing:.14em;margin-bottom:.45rem;text-transform:uppercase}.tool-search-dialog__header h2{font-size:clamp(1.35rem,2.4vw,1.8rem);margin:0}.tool-search-dialog__close{background:transparent;border:1px solid rgba(148,163,184,.28);border-radius:var(--radius);color:var(--muted);cursor:pointer;font-size:.85rem;padding:.35rem .9rem;transition:border-color .2s ease,color .2s ease,transform .2s ease}.tool-search-dialog__close:focus-visible,.tool-search-dialog__close:hover{border-color:#38bdf880;color:var(--text);outline:none;transform:translateY(-1px)}.tool-search-dialog__body{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.3rem)}.tool-search-results{display:flex;flex-direction:column;gap:.75rem;max-height:clamp(300px,55vh,520px);overflow-y:auto;padding-right:.3rem}.tool-search-result{align-items:flex-start;background:#1e293b59;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius);color:inherit;cursor:pointer;display:flex;gap:clamp(.75rem,1.5vw,1.4rem);justify-content:space-between;padding:.85rem 1rem;text-align:left;transition:transform .2s ease,border-color .2s ease,background .2s ease}.tool-search-result:focus-visible,.tool-search-result:hover{background:#38bdf82e;border-color:#38bdf88c;outline:none;transform:translateY(-1px)}.tool-search-result__meta{display:flex;flex-direction:column;gap:.3rem}.tool-search-result__title{font-size:.98rem;font-weight:600}.tool-search-result__description{color:var(--muted);font-size:.85rem;line-height:1.4}.tool-search-result__category{align-items:center;background:#38bdf829;border:1px solid rgba(56,189,248,.35);border-radius:var(--radius);display:inline-flex;font-size:.75rem;letter-spacing:.04em;padding:.3rem .65rem;white-space:nowrap}.tool-search-empty{border:1px dashed rgba(148,163,184,.35);border-radius:var(--radius);color:var(--muted);display:grid;padding:clamp(1.6rem,3vw,2.2rem);place-items:center}.tool-search-empty p{margin:0}:root[data-theme=light] .tool-search-overlay{background:#f1f5f9d1}:root[data-theme=light] .tool-search-dialog{background:#fffffff5;border-color:#94a3b847;box-shadow:0 30px 60px #94a3b859;color:#0f172a}:root[data-theme=light] .tool-search-dialog__eyebrow{color:#64748b}:root[data-theme=light] .tool-search-dialog__close{border-color:#94a3b84d;color:#64748b}:root[data-theme=light] .tool-search-dialog__close:focus-visible,:root[data-theme=light] .tool-search-dialog__close:hover{border-color:#3b82f666;color:#1e293b}:root[data-theme=light] .tool-search-result{background:#f1f5f9eb;border-color:#94a3b838}:root[data-theme=light] .tool-search-result:focus-visible,:root[data-theme=light] .tool-search-result:hover{background:#bfdbfe52;border-color:#3b82f666}:root[data-theme=light] .tool-search-result__description{color:#475569}:root[data-theme=light] .tool-search-result__category{background:#3b82f629;border-color:#3b82f65c;color:#1e293b}:root[data-theme=light] .tool-search-empty{border-color:#94a3b866;color:#64748b}@media (max-width:640px){.tool-search-dialog{border-radius:var(--radius);padding:clamp(1.1rem,6vw,1.6rem)}.tool-search-result{align-items:flex-start;flex-direction:column}.tool-search-result__category{margin-top:.35rem}}.glass-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;padding:clamp(.9rem,1.8vw,1rem);position:relative}:root[data-theme=light] .glass-card{background:var(--surface);border-color:#94a3b847}.glass-card:before{background:linear-gradient(135deg,rgba(56,189,248,.08),transparent 40%),linear-gradient(315deg,rgba(168,85,247,.06),transparent 35%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.tool-card{position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,color .2s ease}.tool-card,.tool-card__body{color:inherit;display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:space-between;text-decoration:none}.tool-card__body{cursor:pointer}.tool-card__body:link,.tool-card__body:visited{color:inherit;text-decoration:none}.tool-card:hover{border-color:#38bdf859;box-shadow:0 28px 65px #0d94884d;transform:translateY(-6px)}.tool-card__favorite{align-items:center;background:transparent;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;height:2.1rem;justify-content:center;padding:0;position:absolute;right:.75rem;top:.75rem;transition:transform .2s ease;width:2.1rem;z-index:2}.tool-card__favorite:hover{transform:translateY(-2px)}.tool-card__favorite:focus-visible{outline:2px solid rgba(56,189,248,.55);outline-offset:2px;transform:translateY(-2px)}.tool-card__favorite.active{transform:translateY(-1px)}.favorite-star{display:inline-flex;line-height:1}.favorite-star svg{height:1.25rem;stroke-linecap:round;stroke-linejoin:round;transition:fill .2s ease,stroke .2s ease;width:1.25rem}.favorite-star--outline svg path{fill:none;stroke:#94a3b8d9;stroke-width:1.6}.favorite-star--filled svg path{fill:#38bdf8;stroke:#38bdf8;stroke-width:1.2}:root[data-theme=light] .favorite-star--outline svg path{stroke:#64748bd9}:root[data-theme=light] .favorite-star--filled svg path{fill:#2563ebf2;stroke:#2563ebf2}.tool-card__favorite:focus-visible .favorite-star--outline svg path,.tool-card__favorite:hover .favorite-star--outline svg path{stroke:#38bdf8b3}:root[data-theme=light] .tool-card__favorite:focus-visible .favorite-star--outline svg path,:root[data-theme=light] .tool-card__favorite:hover .favorite-star--outline svg path{stroke:#2563ebbf}:root[data-theme=light] .glass-card:before{background:linear-gradient(135deg,rgba(59,130,246,.08),transparent 40%),linear-gradient(315deg,rgba(168,85,247,.05),transparent 35%)}:root[data-theme=light] .tool-card:hover{border-color:#2563eb59;box-shadow:0 24px 50px #3b82f647}.tool-card:hover:before{opacity:1}.tool-card h3{font-size:1.15rem;margin:0}.tool-card p{color:var(--muted);font-size:.95rem;line-height:1.5;margin:0}.card-footer{align-items:center;color:var(--muted);display:flex;font-size:.85rem;justify-content:space-between}.badge,.tool-badge{background:#38bdf829;color:var(--accent);font-size:.72rem;letter-spacing:.05em;padding:.3rem .75rem;text-transform:uppercase}.badge,.favorite-toggle,.tool-badge{border-radius:var(--radius);font-weight:500}.favorite-toggle{align-items:center;background:#0f172a8c;border:1px solid rgba(56,189,248,.45);color:#f1f5f9eb;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.45rem;padding:.45rem 1rem;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.favorite-toggle:focus-visible,.favorite-toggle:hover{background:#38bdf847;box-shadow:0 12px 30px #38bdf840;color:#fff;outline:none}.favorite-toggle.active{background:#38bdf866;color:#fff}:root[data-theme=light] .favorite-toggle{background:#f1f5f9eb;color:#0f172ab3}:root[data-theme=light] .favorite-toggle:focus-visible,:root[data-theme=light] .favorite-toggle:hover{background:#38bdf838;color:#0f172af2}.favorite-toggle__icon{display:inline-flex}.badge.subtle{background:#94a3b824;color:var(--muted)}.tool-grid{display:grid;gap:clamp(.75rem,1.8vw,1.2rem);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.empty-state{color:var(--muted);padding:3rem 0;text-align:center}.page-title{font-size:clamp(1.9rem,3.5vw,2.6rem);margin-block-start:.15em;margin-bottom:.4rem}.page-subtitle{color:var(--muted);line-height:1.7}.tool-page-header{display:flex;flex-direction:column}.tool-page-header__top{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.tool-breadcrumb{align-items:center;color:var(--muted);display:flex;font-size:.95rem;gap:.5rem;margin-bottom:.75rem}.tool-breadcrumb .breadcrumb-link{color:inherit;font-weight:500;text-decoration:none}.tool-breadcrumb .breadcrumb-link:focus,.tool-breadcrumb .breadcrumb-link:hover{color:var(--text)}.tool-breadcrumb .breadcrumb-separator{opacity:.6}.tool-breadcrumb .breadcrumb-current{color:var(--text);font-size:1.1rem;font-weight:600}.tool-meta{color:var(--muted);display:flex;flex-wrap:wrap;gap:.75rem}.tool-meta span{align-items:center;display:flex;gap:.35rem}.tool-runner{align-items:start;display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr)}.tool-runner.format-converter-layout{align-items:stretch;-moz-column-gap:clamp(.8rem,1.8vw,1.2rem);column-gap:clamp(.8rem,1.8vw,1.2rem);grid-template-columns:minmax(0,1.05fr) minmax(150px,200px) minmax(0,1.15fr);position:relative;row-gap:clamp(.9rem,2.2vw,1.4rem);--converter-card-min:clamp(24rem,46vw,34rem);--converter-card-max:min(78vh,40rem)}.tool-runner.diff-output-below,.tool-runner.stacked-layout{grid-template-columns:1fr}.tool-runner .output-card,.tool-runner>section:first-of-type{margin-top:0}.tool-runner.tool-color-lab input[type=color]{background:transparent;border:1px solid rgba(148,163,184,.25);border-radius:var(--radius);cursor:pointer;height:3.5rem;padding:0}.tool-runner.tool-color-lab input[type=color]::-webkit-color-swatch-wrapper{border-radius:var(--radius);padding:0}.tool-runner.tool-color-lab input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius)}.tool-runner.tool-color-lab input[type=color]::-moz-color-swatch{border:none;border-radius:var(--radius)}@media (min-width:1440px){.tool-runner{grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr)}}@media (max-width:960px){.tool-runner{grid-template-columns:1fr}.tool-runner.format-converter-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:clamp(1rem,3vw,1.6rem);--converter-card-min:clamp(20rem,90vw,30rem);--converter-card-max:min(85vh,34rem)}.tool-runner.format-converter-layout .format-converter-inputs{grid-column:1;grid-row:1;order:1}.tool-runner.format-converter-layout .format-converter-controls{grid-column:1;grid-row:2;justify-content:center;order:2}.tool-runner.format-converter-layout>.output-card{grid-column:1;grid-row:3;order:3}.tool-runner.format-converter-layout .format-target-card{align-self:stretch;min-width:0;width:100%}}.tool-form{background:var(--surface-strong);border:1px solid rgba(148,163,184,.18);display:grid}.tool-runner.format-converter-layout .format-converter-inputs{display:flex;flex-direction:column;gap:clamp(.85rem,1.8vw,1.4rem);grid-column:1;grid-row:1;max-height:var(--converter-card-max);min-height:var(--converter-card-min);overflow:hidden;padding:clamp(1.1rem,2vw,1.6rem)}.tool-runner.format-converter-layout .format-converter-inputs textarea{flex:1 1 auto;max-height:calc(var(--converter-card-max) - 6rem);min-height:calc(var(--converter-card-min) - 6rem);overflow:auto;resize:vertical}.tool-runner.format-converter-layout .format-converter-inputs .compact input{height:2.75rem}.tool-runner.format-converter-layout .format-converter-controls{align-items:center;align-self:stretch;display:flex;grid-column:2;grid-row:1;justify-content:center;padding:0}.tool-runner.format-converter-layout .format-target-card{align-items:stretch;align-self:center;box-shadow:0 18px 40px #0e172a59;display:flex;flex-direction:column;gap:.9rem;height:100%;justify-content:center;max-height:var(--converter-card-max);min-height:var(--converter-card-min);min-width:auto;padding:clamp(1rem,2vw,1.4rem);pointer-events:auto}.tool-runner.format-converter-layout .format-target-card .target-label{font-weight:600;text-align:center}.tool-runner.format-converter-layout .format-target-card .badge{align-self:center}.tool-runner.format-converter-layout>.output-card{align-self:stretch;display:flex;flex-direction:column;grid-column:3;grid-row:1;max-height:var(--converter-card-max);min-height:var(--converter-card-min);overflow:hidden}.tool-runner.format-converter-layout>.output-card header{flex-shrink:0}.tool-runner.format-converter-layout>.output-card .result-block{flex:1;overflow:auto}.tool-runner.format-converter-layout>.output-card pre{min-height:auto}.tool-runner.format-converter-layout .format-converter-inputs label{color:#e2e8f0db;display:block;font-size:.95rem;font-weight:600;margin-bottom:.45rem}:root[data-theme=light] .tool-runner.format-converter-layout .format-converter-inputs label{color:#1f2937}.tool-runner.format-converter-layout .format-converter-inputs input[type=text],.tool-runner.format-converter-layout .format-converter-inputs textarea{background:#0f172ab3;border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);color:inherit;font-family:inherit;font-size:.95rem;padding:.9rem 1rem;resize:none;width:100%}.tool-runner.format-converter-layout .format-converter-inputs input[type=text]:focus,.tool-runner.format-converter-layout .format-converter-inputs textarea:focus{border-color:#5eead499;box-shadow:0 0 0 2px #5eead433;outline:none}:root[data-theme=light] .tool-runner.format-converter-layout .format-converter-inputs input[type=text],:root[data-theme=light] .tool-runner.format-converter-layout .format-converter-inputs textarea{background:#fffffff5;border-color:#94a3b859;box-shadow:0 12px 32px #94a3b82e;color:#0f172a}:root[data-theme=light] .tool-runner.format-converter-layout .format-converter-inputs input[type=text]:focus,:root[data-theme=light] .tool-runner.format-converter-layout .format-converter-inputs textarea:focus{border-color:#3b82f699;box-shadow:0 0 0 2px #3b82f633}.tool-form .inputs-stack{display:grid;gap:clamp(.75rem,1.5vw,1.2rem)}.tool-form .input-field{display:flex;flex-direction:column}.tool-form.diff-layout .inputs-stack{display:grid;gap:2rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:960px){.tool-form.diff-layout .inputs-stack{grid-template-columns:1fr}}.diff-editor{--diff-gutter-width:0rem;--diff-line-padding:.3rem;--diff-line-gap:0rem;--diff-line-radius:6px;--diff-font-size:.9rem;--diff-gutter-font-size:.78rem;--diff-line-height:calc(var(--diff-font-size)*1.55);align-items:stretch;display:flex;font-family:var(--font-mono);position:relative}.diff-input-wrapper{flex:1;position:relative}.diff-scroller{display:flex;position:relative;width:100%}.diff-gutter{align-items:flex-end;background:transparent;color:#94a3b8bf;display:flex;flex-direction:column;flex-shrink:0;font-size:var(--diff-gutter-font-size);font-variant-numeric:tabular-nums;justify-content:flex-start;left:0;min-width:var(--diff-gutter-width);padding:1rem .35rem 1rem .2rem;pointer-events:none;position:sticky;top:0;width:var(--diff-gutter-width);z-index:2}.diff-gutter-content{display:grid;grid-auto-rows:var(--diff-line-height);row-gap:var(--diff-line-gap);transform:translateY(0);will-change:transform}.diff-gutter-line{align-items:flex-start;border-radius:var(--radius);height:var(--diff-line-height);padding:0 .2rem;transform:translateY(-8px)}.diff-gutter-line,.diff-gutter-line span{display:flex;justify-content:flex-end;line-height:var(--diff-line-height);min-height:var(--diff-line-height)}.diff-gutter-line span{align-items:center;text-align:right;transform:translateY(0);width:100%}.diff-gutter-line.diff-gutter-delete,.diff-gutter-line.diff-gutter-replace{background:#f872721f;border-radius:var(--radius);color:#f87272eb;font-weight:600}.diff-gutter-line.diff-gutter-insert{background:#10b98126;border-radius:var(--radius);color:#10b981e6;font-weight:600}.diff-editor .diff-textarea{background:transparent;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius);caret-color:var(--text);color:var(--text);font-family:var(--font-mono);font-size:var(--diff-font-size);line-height:var(--diff-line-height);min-height:max(40rem,calc(100vh - 6rem));padding:calc(1rem - 10px) 1.05rem calc(1rem + 10px) calc(var(--diff-gutter-width) + var(--diff-line-padding));position:relative;resize:vertical;-moz-tab-size:2;-o-tab-size:2;tab-size:2;width:100%;z-index:1}.diff-editor .diff-textarea::-moz-placeholder{color:transparent}.diff-editor .diff-textarea::placeholder{color:transparent}.diff-editor .diff-textarea:focus{border-color:#5eead499;box-shadow:0 0 0 2px #5eead433;outline:none}.diff-editor .diff-overlay{background:#0f172abf;border-radius:var(--radius);inset:0;overflow:hidden;padding:calc(1rem - 8px) 1.05rem calc(1rem + 8px) calc(var(--diff-gutter-width) + var(--diff-line-padding));pointer-events:none;position:absolute;z-index:0}.diff-editor .diff-overlay,.diff-editor .diff-overlay-content{font-family:var(--font-mono);font-size:var(--diff-font-size);line-height:var(--diff-line-height)}.diff-editor .diff-overlay-content{color:var(--text);display:grid;grid-auto-rows:var(--diff-line-height);row-gap:var(--diff-line-gap);transform:translate(0);white-space:pre;will-change:transform}.diff-line-placeholder,.diff-overlay-placeholder{color:#94a3b8cc;font-style:italic;height:var(--diff-line-height);line-height:var(--diff-line-height);min-height:var(--diff-line-height)}.diff-overlay-placeholder{padding-left:var(--diff-line-padding)}.diff-line{align-items:center;border-radius:var(--diff-line-radius);display:flex;height:var(--diff-line-height);line-height:var(--diff-line-height);margin:0;min-height:var(--diff-line-height);overflow:hidden;padding:0 .75rem 0 var(--diff-line-padding);position:relative}.diff-line-text{flex:1;position:relative;white-space:pre;word-break:break-word;z-index:1}.diff-line-text,.diff-line-text .diff-chunk{color:transparent}.diff-line-equal{background:transparent}.diff-editor-left .diff-line-delete,.diff-editor-left .diff-line-replace{background:#ef4444d1;box-shadow:inset 0 0 0 1px #dc262673;color:#fee2e2;font-weight:600}.diff-editor-right .diff-line-insert,.diff-editor-right .diff-line-replace{background:#10b981b8;box-shadow:inset 0 0 0 1px #05966973;color:#ecfdf5;font-weight:600}.diff-line-delete:before,.diff-line-insert:before,.diff-line-replace:before{border-radius:var(--radius);content:"";height:calc(100% - 8px);left:6px;opacity:.9;position:absolute;width:4px}.diff-editor-left .diff-line-delete:before,.diff-editor-left .diff-line-replace:before{background:#f87272f2}.diff-editor-right .diff-line-insert:before,.diff-editor-right .diff-line-replace:before{background:#10b981f2}.diff-line-text .diff-chunk{background:#facc15e6;border-radius:var(--radius);box-shadow:0 0 0 1px #facc1559;display:inline-block;padding:0 .24rem}:root[data-theme=light] .diff-summary-item{background:#94a3b829}:root[data-theme=light] .diff-summary-item .label{color:#475569d9}:root[data-theme=light] .diff-editor .diff-textarea{border-color:#94a3b859;box-shadow:0 12px 32px #94a3b838}:root[data-theme=light] .diff-editor .diff-textarea:focus{border-color:#3b82f699;box-shadow:0 0 0 2px #3b82f633}:root[data-theme=light] .diff-editor .diff-overlay{background:#ffffffeb}:root[data-theme=light] .diff-line-equal{background:#94a3b814}:root[data-theme=light] .diff-editor-left .diff-line-delete,:root[data-theme=light] .diff-editor-left .diff-line-replace{background:linear-gradient(90deg,#f8727280,#f87272c7);box-shadow:inset 0 0 0 2px #ef444499;color:#7f1d1d;font-weight:600}:root[data-theme=light] .diff-editor-right .diff-line-insert,:root[data-theme=light] .diff-editor-right .diff-line-replace{background:linear-gradient(90deg,#4ade8059,#10b981b3);box-shadow:inset 0 0 0 2px #34d399a6;color:#065f46;font-weight:600}:root[data-theme=light] .diff-gutter-line.diff-gutter-delete,:root[data-theme=light] .diff-gutter-line.diff-gutter-insert,:root[data-theme=light] .diff-gutter-line.diff-gutter-replace{background:#f8727238;color:#b91c1c}:root[data-theme=light] .diff-gutter-line.diff-gutter-insert{background:#4ade8040;color:#047857}:root[data-theme=light] .diff-line-text .diff-chunk{background:linear-gradient(90deg,#fbbf24f2,#f8a542f2);border-radius:var(--radius);box-shadow:0 0 0 1px #d977068c;padding:0 .32rem}.diff-summary{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.75rem}.diff-summary-item{align-items:center;background:#47556940;border-radius:var(--radius);display:inline-flex;font-size:.8rem;gap:.4rem;letter-spacing:.02em;padding:.35rem .55rem}.diff-summary-item .label{color:#e2e8f0e0;text-transform:uppercase}.diff-summary-item .value{color:var(--accent);font-weight:600}.diff-summary-top{margin-bottom:.75rem;margin-top:0}.diff-field-body,.diff-input-field{display:flex;flex-direction:column;gap:.4rem}.diff-field-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.diff-field-header label{font-size:.92rem;font-weight:600;margin-bottom:0}.diff-clear{background:#94a3b824;border:1px solid rgba(148,163,184,.35);border-radius:var(--radius);color:#e2e8f0eb;font-size:.8rem;padding:.25rem .75rem;transition:background .2s ease,border-color .2s ease,color .2s ease}.diff-clear:hover{background:#94a3b847;border-color:#94a3b880}:root[data-theme=light] .diff-clear{background:#e2e8f0a6;border-color:#94a3b873;color:#1f2937}:root[data-theme=light] .diff-clear:hover{background:#e2e8f0e6;border-color:#94a3b88c}.tool-form label{color:#e2e8f0db;display:block;font-size:.9rem;font-weight:600;margin-bottom:.35rem}:root[data-theme=light] .tool-form label{color:#1f2937}.tool-form input,.tool-form select,.tool-form textarea{background:#0f172ab3;border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);color:inherit;font-family:inherit;font-size:.9rem;padding:.7rem .85rem;resize:vertical;width:100%}:root[data-theme=light] .tool-form input,:root[data-theme=light] .tool-form select,:root[data-theme=light] .tool-form textarea{background:#fff;border-color:#94a3b859;box-shadow:0 12px 32px #94a3b82e;color:#0f172a}:root[data-theme=light] .tool-form input:focus,:root[data-theme=light] .tool-form select:focus,:root[data-theme=light] .tool-form textarea:focus{border-color:#3b82f699;box-shadow:0 0 0 2px #3b82f633;outline:none}.tool-form textarea{min-height:180px}.tool-form .diff-textarea{background:transparent;border-color:#94a3b833;caret-color:var(--text);color:var(--text);min-height:max(40rem,calc(100vh - 6rem));padding:calc(1rem - 10px) 1.05rem calc(1rem + 10px) calc(var(--diff-gutter-width) + var(--diff-line-padding))}:root[data-theme=light] .tool-form .diff-textarea{background:transparent;border-color:#94a3b859;box-shadow:0 12px 32px #94a3b838;color:#0f172a}.checkbox-row{align-items:center;display:flex;gap:.65rem}.checkbox-row input{accent-color:var(--accent);width:auto}.segment-control{display:flex;flex-wrap:wrap;gap:.5rem}.segment-control-row{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.segment-control.vertical{align-items:stretch;flex-direction:column;flex-wrap:nowrap}.segment-control.vertical .segment-button{width:100%}.segment-button{background:#38bdf81a;border:1px solid rgba(56,189,248,.22);border-radius:999px;color:var(--accent);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.segment-button:hover{box-shadow:0 12px 24px #38bdf82e;transform:translateY(-1px)}.segment-button.active{background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 14px 32px #22d3ee47;color:#020617}:root[data-theme=light] .segment-button{background:#fff;border-color:#94a3b873;box-shadow:0 6px 18px #94a3b82e;color:#1f2937}:root[data-theme=light] .segment-button:hover{border-color:#3b82f673;box-shadow:0 12px 28px #3b82f62e;transform:translateY(-1px)}:root[data-theme=light] .segment-button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:transparent;box-shadow:0 16px 32px #3b82f642;color:#fff}.segment-selection-hint{color:var(--muted,rgba(226,232,240,.7));font-size:.9rem;line-height:1.5;max-width:100%}.tool-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.json-enhancements{display:grid;gap:clamp(.85rem,1.8vw,1.25rem);margin-bottom:clamp(1rem,2vw,1.4rem)}.json-enhancement-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.json-history-card{border:1px solid rgba(148,163,184,.18);display:grid;gap:.75rem}.json-history-empty{color:var(--muted);font-size:.95rem;margin:0}.json-history-list{display:grid;gap:.65rem;list-style:none;margin:0;padding:0}.json-history-item{background:#94a3b814;border:1px solid transparent;border-radius:var(--radius);color:inherit;cursor:pointer;display:grid;gap:.5rem;padding:.75rem .9rem;text-align:left;transition:border-color .2s ease,transform .2s ease;width:100%}.json-history-item:hover{border-color:#38bdf859;transform:translateY(-2px)}.json-history-meta{color:var(--muted);display:flex;font-size:.82rem;justify-content:space-between}.json-history-mode{font-weight:600}.json-history-preview{color:var(--fg);font-family:var(--mono-font,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:.85rem;line-height:1.45;margin:0;max-height:7rem;overflow:hidden;white-space:pre-wrap;word-break:break-word}.json-history-cta{color:var(--accent);font-size:.82rem;font-weight:600}:root[data-theme=light] .json-history-item{background:#f1f5f9e6}.output-card{background:var(--surface-alt);border:1px solid rgba(148,163,184,.18);display:grid}:root[data-theme=light] .output-card{background:#f8fafceb;border-color:#94a3b833}.output-card header{align-items:center;display:flex;justify-content:space-between}.output-field,.result-block{position:relative}.result-block{background:#0f172aa6;border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);color:inherit;font-family:var(--font-mono);font-size:.88rem;line-height:1.5;margin-top:.5rem;overflow-x:auto;padding:.8rem 1rem}.result-block pre{margin:0;white-space:pre-wrap;word-break:break-word}.result-block.error{border-color:#f87272b3;box-shadow:0 0 0 2px #f872722e}:root[data-theme=light] .result-block{background:linear-gradient(145deg,#fffffffa,#ecf4fff0);border-color:#94a3b838;box-shadow:0 18px 44px #94a3b824;color:#0f172a}.result-block.accent{background:linear-gradient(135deg,#0f172ad9,#2563eb38);border-color:#3b82f659;box-shadow:0 18px 40px #2563eb47}:root[data-theme=light] .result-block.accent{background:linear-gradient(135deg,#e5f2fff2,#bfdbfed9);border-color:#3b82f666;color:#0f172a}.result-placeholder{border:1px dashed rgba(148,163,184,.3);border-radius:var(--radius);color:#94a3b8d9;font-size:.9rem;padding:1.1rem;text-align:center}.result-area{position:relative}.result-area .result-loader{align-items:center;background:#0f172a99;border-radius:var(--radius);color:#fff;display:flex;gap:.65rem;inset:0;justify-content:center;position:absolute;z-index:3}.result-area .result-loader .spinner{animation:image-spinner .8s linear infinite;border:2px solid hsla(0,0%,100%,.4);border-radius:999px;border-top-color:#fff;height:22px;width:22px}:root[data-theme=light] .result-placeholder{background:#f8fafcbf;border-color:#94a3b873;color:#475569}.tool-runner.image-lab-layout{display:block}.tool-runner.image-lab-layout .output-card{background:transparent;border:none;box-shadow:none;order:0;padding:0;width:100%}.tool-runner.image-lab-layout .tool-form{display:none}.tool-runner.image-lab-layout .tool-form.image-lab-panel-card{background:#0f172aa6;border:1px solid rgba(148,163,184,.2);box-shadow:inset 0 0 0 1px #ffffff08}.tool-runner.image-batch-layout .output-card,.tool-runner.image-lab-layout .image-comparison-output{width:100%}.batch-panel{gap:1.5rem}.batch-panel,.batch-panel-grid{display:flex;flex-direction:column}.batch-panel-grid{gap:1.25rem}.batch-dropzone{background:#0f172a59;border:1px dashed rgba(148,163,184,.45);border-radius:var(--radius);box-shadow:inset 0 0 0 1px #ffffff0a;padding:clamp(1.25rem,3vw,1.75rem);text-align:center;transition:border-color .2s ease,background .2s ease}:root[data-theme=light] .batch-dropzone{background:#f8fafce6;border-color:#94a3b880}.batch-dropzone.dragging{background:#3b82f61f;border-color:#3b82f6e6}.batch-dropzone .drop-eyebrow{color:var(--muted);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.batch-dropzone h3{font-size:1.35rem;margin:.45rem 0}.batch-dropzone .drop-hint,.batch-dropzone .drop-secondary{color:var(--muted);font-size:.9rem}.batch-selected-summary{align-items:baseline;color:#e2e8f0f2;display:flex;flex-wrap:wrap;font-size:.95rem;gap:.5rem;justify-content:center;margin:.35rem 0 0}.batch-selected-summary .summary-main{font-weight:700}.batch-selected-summary .summary-names{color:var(--muted)}:root[data-theme=light] .batch-selected-summary{color:#0f172a}.batch-dropzone .drop-actions{align-items:center;display:flex;flex-direction:column;gap:.35rem;margin-top:.75rem}.batch-panel-grid .batch-settings .segment-control{justify-content:flex-start}.batch-dropzone .limit,.batch-limit{color:var(--muted);font-size:.85rem;margin-top:.75rem}.batch-settings{background:#0f172a66;border:1px solid rgba(148,163,184,.25);border-radius:var(--radius);display:flex;flex-direction:column;gap:1rem;padding:1.25rem}:root[data-theme=light] .batch-settings{background:#ffffffe6;border-color:#94a3b859}.batch-settings .control-group{display:flex;flex-direction:column;gap:.5rem}.format-knowledge{color:var(--muted);font-size:.9rem;line-height:1.4;margin:0}.batch-settings label{color:#e2e8f0db;font-size:.9rem;font-weight:600}:root[data-theme=light] .batch-settings label{color:#1f2937}.batch-settings .dimension-inputs{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.batch-settings .dimension-inputs input{width:100%}.batch-settings input[type=number]{background:#0f172ab3;border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);color:inherit;font-family:inherit;font-size:.9rem;padding:.7rem .85rem}:root[data-theme=light] .batch-settings input[type=number]{background:#fff;border-color:#94a3b859;box-shadow:0 12px 32px #94a3b82e;color:#0f172a}:root[data-theme=light] .batch-settings input[type=number]:focus{border-color:#3b82f699;box-shadow:0 0 0 2px #3b82f633;outline:none}.format-actions{justify-content:flex-end;margin-top:2rem}.batch-settings-footer,.format-actions{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.batch-settings-footer{justify-content:space-between}.batch-settings-meta{color:var(--muted);display:flex;flex-direction:column;gap:.35rem}.batch-settings-meta .batch-alert.inline{margin:0;padding:.65rem .75rem}.batch-alert{background:#f872721f;border:1px solid hsla(0,91%,71%,.4);border-radius:var(--radius);color:#fecaca;font-size:.9rem;padding:.85rem 1rem}:root[data-theme=light] .batch-alert{background:#f872721f;border-color:#f8727266;color:#b91c1c}.batch-alert.inline{margin:0;padding:.35rem .65rem}.batch-queue{background:#0f172a4d;border:1px solid rgba(148,163,184,.25);border-radius:var(--radius);padding:1rem}:root[data-theme=light] .batch-queue{background:#ffffffe6;border-color:#94a3b840}.batch-queue header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.batch-queue h4{margin:0}.batch-queue p{color:var(--muted);font-size:.9rem;margin:.2rem 0 0}.batch-queue-title{display:flex;flex-direction:column;gap:.2rem}.batch-queue-meta,.batch-queue-title .queue-heading{align-items:center;display:flex;gap:.5rem}.batch-preview-spinner{animation:spin .9s linear infinite;border:2px solid hsla(0,0%,100%,.4);border-radius:var(--radius);border-top:2px solid var(--accent);display:inline-block;height:18px;width:18px}.batch-empty{color:var(--muted);font-size:.9rem;margin:0}.batch-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.batch-list li{align-items:center;border-bottom:1px solid rgba(148,163,184,.15);display:flex;gap:1rem;justify-content:space-between;padding:.75rem 0}.batch-list li:last-child{border-bottom:none;padding-bottom:0}.batch-list .file-meta{display:flex;flex-direction:column;gap:.35rem}.batch-list .file-meta strong{font-size:.95rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-list .file-meta-line{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem}.file-meta-main{color:var(--muted);font-size:.85rem;white-space:nowrap}.batch-list .file-preview-line{color:var(--accent);font-size:.9rem;font-weight:600;white-space:nowrap}.meta-spinner{animation:spin .9s linear infinite;border:2px solid hsla(0,0%,100%,.2);border-radius:var(--radius);border-top:2px solid var(--accent);display:inline-block;height:16px;vertical-align:middle;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.batch-footer{display:flex;flex-direction:column;gap:.5rem}.batch-footer .batch-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.batch-preview-button{min-width:140px}.batch-preview-hint{color:var(--muted);font-size:.85rem;margin:0}.batch-summary{color:var(--muted);font-size:.95rem}.batch-output{display:flex;flex-direction:column;gap:1.25rem}.batch-download-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.batch-result-grid{display:grid;gap:1rem;grid-template-columns:1fr}.batch-result-card{background:#0f172a59;border:1px solid rgba(148,163,184,.25);border-radius:var(--radius);display:flex;gap:1rem;padding:1rem}:root[data-theme=light] .batch-result-card{background:#fffffff2;border-color:#94a3b840}.batch-result-card .preview img{border-radius:var(--radius);box-shadow:inset 0 0 0 1px #ffffff0a;height:96px;-o-object-fit:cover;object-fit:cover;width:96px}.batch-result-card .preview{height:96px;position:relative;width:96px}.batch-result-card .preview button{align-items:center;background:#0f172a73;border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.batch-result-card .preview button.preview-expand{background:#0f172aa6;border:none;box-shadow:none;outline:none}.batch-result-card .preview button:focus-visible,.batch-result-card .preview:hover button{opacity:1}.batch-result-card .details{flex:1}.batch-result-card .details-row{align-items:center;display:flex;flex:1;gap:1rem;justify-content:space-between;min-height:96px}.batch-result-card .details-info{display:flex;flex:1;flex-direction:column;gap:.35rem;overflow:hidden}.batch-result-card header{display:flex;flex-direction:column;gap:.25rem}.batch-result-card header p{color:var(--muted);font-size:.9rem;margin:0}.batch-result-card header h4{margin:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-result-card .row-actions{align-items:center;display:flex;justify-content:flex-end}.batch-result-card h4{font-size:1rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-group{align-items:baseline;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem}.detail-group .detail-value{color:inherit}.detail-group .detail-label{font-weight:600}.detail-group.preview-line{color:var(--accent);font-weight:600}.batch-lightbox{align-items:center;background:#0f172ad9;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:20}.batch-lightbox-inner{background:var(--surface);display:flex;flex-direction:column;gap:.5rem;max-width:min(90vw,900px);position:relative;width:100%}.batch-lightbox-inner img{height:auto;max-height:70vh;-o-object-fit:contain;object-fit:contain;width:100%}.batch-lightbox-inner p{color:var(--muted);font-weight:600;margin:0}.batch-lightbox-inner .lightbox-close{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:1.5rem;position:absolute;right:.5rem;top:.5rem}.batch-lightbox-inner .lightbox-nav{align-items:center;background:#0f172abf;border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-size:3.2rem;height:80px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:transform .2s ease;width:80px}.batch-lightbox-inner .lightbox-nav.prev{left:-40px}.batch-lightbox-inner .lightbox-nav.next{right:-40px}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.tool-runner.tool-ip-inspector .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-runner.tool-ip-inspector .tool-form{background:transparent;border:none;box-shadow:none;padding:0}.tool-runner.tool-ip-inspector .tool-actions{justify-content:flex-start;padding:0}@media (max-width:720px){.tool-runner.tool-ip-inspector .stats-grid{grid-template-columns:1fr}}.output-actions,.qr-actions{align-items:center;display:flex;gap:.75rem}.qr-output{display:flex;flex-direction:column;gap:1.2rem}.qr-preview-card{align-items:center;background:var(--surface);border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);box-shadow:inset 0 0 0 1px #ffffff0a;display:flex;justify-content:center;padding:clamp(1.25rem,2.6vw,1.75rem)}.qr-preview-card img{display:block;height:auto;width:min(240px,100%)}.image-preview-card-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.image-preview-card{cursor:zoom-in;width:100%}.image-preview-card:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.image-preview-card img{width:min(320px,100%)}.image-lab-panel{display:flex;flex-direction:column;gap:1rem}.panel-section{background:#0f172a66;border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);padding:1rem}.panel-section header{font-size:.95rem;font-weight:600;margin-bottom:.65rem}.upload-field input[type=file]{background:#0f172a59;border:1px dashed rgba(148,163,184,.35);border-radius:var(--radius);padding:.65rem;width:100%}.panel-note{color:var(--muted);font-size:.85rem;margin-top:.4rem}.panel-field{display:flex;flex-direction:column;gap:.35rem}.panel-field input,.panel-field select{width:100%}.two-column{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-group{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric-block{display:flex;flex-direction:column;gap:.15rem}.metric-block .label{color:var(--muted);font-size:.8rem}.metric-block .value,.quality-row{font-weight:600}.quality-row{align-items:center;display:flex;gap:.75rem}.quality-row input[type=range]{flex:1}.panel-section.actions{display:flex;flex-wrap:wrap;gap:.75rem}.panel-section.actions .button{flex:1;text-align:center}.image-comparison-output{display:flex;flex-direction:column;gap:1.25rem}.image-comparison-stage{display:flex;flex-direction:column;gap:.75rem}.image-comparison-stage.loading .image-comparison-canvas:after{content:""}.image-comparison-stage.empty .image-comparison-placeholder{align-items:center;border:1px dashed rgba(148,163,184,.3);border-radius:var(--radius);display:flex;justify-content:center;min-height:240px}.image-comparison-stage.empty .image-zoom-controls{opacity:.4;pointer-events:none}.image-comparison-canvas{background-color:#1c1f2c;background-image:linear-gradient(45deg,hsla(0,0%,100%,.03) 25%,transparent 0),linear-gradient(-45deg,hsla(0,0%,100%,.03) 25%,transparent 0),linear-gradient(45deg,transparent 75%,hsla(0,0%,100%,.03) 0),linear-gradient(-45deg,transparent 75%,hsla(0,0%,100%,.03) 0);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius);cursor:ew-resize;height:clamp(360px,calc(100vh - 200px),90vh);min-height:360px;overflow:hidden;position:relative}.image-comparison-inner{inset:0;position:absolute;transform-origin:center center}.image-comparison-image{height:100%;inset:0;-o-object-fit:contain;object-fit:contain;position:absolute;width:100%}.image-comparison-image.base{z-index:1}.image-comparison-image.overlay{clip-path:inset(0 50% 0 0);z-index:2}.image-comparison-stage.empty .image-comparison-canvas{display:none}.image-comparison-handle{align-items:center;background:#fffc;bottom:0;color:#fff;cursor:ew-resize;display:flex;font-size:.75rem;justify-content:center;position:absolute;top:0;width:2px;z-index:3}.image-comparison-handle span{display:block}.image-comparison-handle .handle-icon{align-items:center;background:#0f172ad9;border:2px solid hsla(0,0%,100%,.9);border-radius:var(--radius);color:#fff;display:flex;height:32px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px}.image-comparison-handle .handle-icon:before{content:"↔";font-size:.9rem}.image-comparison-slider{width:100%}.image-zoom-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;border:1px solid hsla(0,0%,100%,.25);border-radius:var(--radius);bottom:2.5rem;box-shadow:0 10px 30px #080f2373;display:flex;gap:.4rem;left:50%;padding:.35rem .75rem;position:fixed;transform:translate(-50%);z-index:10}.image-zoom-overlay.disabled{opacity:.4;pointer-events:none}.zoom-button{background:transparent;border:none;color:var(--accent-strong);font-size:1rem;font-weight:600;height:28px;text-shadow:0 0 6px rgba(37,99,235,.5);width:28px}:root[data-theme=light] .zoom-button{color:var(--accent);text-shadow:0 0 4px rgba(59,130,246,.4)}.zoom-button:disabled{opacity:.4}.zoom-input-wrapper{align-items:center;background:#0f172a99;border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius);display:flex;gap:.25rem;padding:.1rem .5rem}.zoom-display{background:transparent;border:none;color:#fff;font-weight:600;text-align:right;width:3.5rem}.zoom-display:disabled{opacity:.6}.zoom-input-wrapper .suffix{color:#fff;font-weight:600}.image-upload-fab{bottom:3rem;left:2.5rem;position:fixed;z-index:10}.image-upload-fab .overlay-upload{align-items:flex-start;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#080c18f2,#0f172ae6);border:none;border-radius:var(--radius);box-shadow:0 16px 45px #050a1973;cursor:pointer;display:flex;flex-direction:column;gap:.35rem;max-width:min(70vw,360px);min-width:220px;padding:.75rem 1.25rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.image-upload-fab .overlay-upload:hover{border-color:#5eead480;box-shadow:0 20px 55px #050a198c;transform:translateY(-2px)}.image-upload-fab .overlay-upload span{color:#ffffffeb;flex:1;font-size:.95rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-upload-fab .overlay-upload header{color:#ffffffa6;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.image-upload-fab .overlay-upload .overlay-hint{color:#ffffffb3;font-size:.72rem;line-height:1.2;margin:0}.image-upload-fab .overlay-upload input[type=file]{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.image-control-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1321c7;border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius);bottom:1.5rem;box-shadow:0 18px 50px #050a19a6;color:#fff;display:flex;flex-direction:column;gap:.6rem;padding:1rem;position:absolute;right:1.5rem;width:clamp(260px,28vw,340px);z-index:6}.control-group header{color:#ffffffd9;font-size:.85rem;font-weight:600;margin-bottom:.35rem}.overlay-upload{border:1px dashed hsla(0,0%,100%,.25);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:.35rem;padding:.55rem .8rem}.overlay-upload input{width:100%}.overlay-upload span{color:#ffffffd9}.overlay-segment{display:flex;gap:.35rem}.overlay-segment button{background:#0f172a80;border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius);color:#fff;flex:1;padding:.35rem .6rem}.overlay-segment button.active{background:#3b82f6d9}.dimension-inputs{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.dimension-inputs label{display:flex;flex-direction:column;font-size:.8rem;gap:.25rem}.dimension-inputs input{width:100%}.info-row{display:flex;font-size:.9rem;gap:.5rem;justify-content:space-between}.info-row span{color:#ffffffa6}.info-row strong{color:#fff;font-weight:600}.quality-row.overlay{align-items:center;display:flex;font-size:.85rem;gap:.5rem}.quality-row.overlay input[type=range]{flex:1}.comparison-actions.overlay{display:flex;gap:.5rem}.comparison-actions.overlay .button.secondary{min-width:300px;text-align:center}.comparison-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.image-stage-loader{align-items:center;background:#0f172aa6;color:#fff;display:flex;flex-direction:column;gap:.75rem;inset:0;justify-content:center;position:absolute;z-index:4}.image-stage-loader .spinner{animation:image-spinner .8s linear infinite;border:3px solid hsla(0,0%,100%,.35);border-radius:var(--radius);border-top-color:#fff;height:32px;width:32px}.image-placeholder-loader{align-items:center;color:#f8fafce6;display:flex;flex-direction:column;gap:.75rem}.image-placeholder-loader .spinner{animation:image-spinner .8s linear infinite;border:3px solid hsla(0,0%,100%,.35);border-radius:var(--radius);border-top-color:#fff;height:28px;width:28px}.image-placeholder-cta{background:#ffffff1a;border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-transform:none;transition:background .2s ease,transform .2s ease}.image-placeholder-cta:focus-visible,.image-placeholder-cta:hover{background:#fff3;transform:translateY(-1px)}:root[data-theme=light] .image-placeholder-cta{background:#0f172ae6}.zoom-button{align-items:center;background:#0f172a66;border:1px solid rgba(148,163,184,.4);border-radius:var(--radius);color:inherit;display:flex;height:32px;justify-content:center;width:32px}.zoom-button:disabled{cursor:not-allowed;opacity:.35}.slider-value{min-width:3rem;text-align:right}@keyframes image-spinner{to{transform:rotate(1turn)}}.subtle-grid{gap:.75rem;margin-top:.5rem}.stat-card.subtle{background:transparent;border-color:#94a3b838;border-style:dashed}.stat-card.subtle .label{color:var(--muted)}.stat-card.subtle .value{font-weight:500}:root[data-theme=light] .qr-preview-card{background:#ffffffeb;border-color:#94a3b859;box-shadow:inset 0 0 0 1px #ffffff73}:root[data-theme=light] .stat-card.subtle{border-color:#94a3b873}.image-preview-modal{align-items:center;background:#0f172abf;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:999}.image-preview-modal__content{background:var(--surface);border-radius:var(--radius);box-shadow:0 20px 60px #0f172a66;max-height:90vh;max-width:min(90vw,960px);overflow:auto;padding:clamp(1rem,2vw,1.5rem);position:relative}.image-preview-modal__content img{border-radius:var(--radius);display:block;height:auto;width:100%}.image-preview-modal__close{background:#0f172abf;border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:1.2rem;height:32px;position:absolute;right:.5rem;top:.5rem;width:32px}.image-preview-modal__close:hover{background:#0f172ae6}.tool-runner.tool-color-lab .color-lab-panel{display:grid;gap:clamp(1.2rem,2.6vw,1.8rem)}.tool-runner.tool-color-lab .color-lab-preview{border:1px solid rgba(148,163,184,.2);border-radius:var(--radius);box-shadow:inset 0 0 0 1px #0f172a59,0 24px 50px #08133159;min-height:200px;overflow:hidden;position:relative}.tool-runner.tool-color-lab .color-lab-preview:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff1f;content:"";inset:0;pointer-events:none;position:absolute}.tool-runner.tool-color-lab .color-lab-preview .preview-hex{background:#0f172a8c;border-radius:var(--radius);bottom:1.1rem;color:#f8fafc;font-family:var(--font-mono);font-size:.9rem;letter-spacing:.08em;padding:.45rem .95rem;position:absolute;right:1.1rem;text-transform:uppercase}.tool-runner.tool-color-lab .color-lab-grid{display:grid;gap:clamp(1rem,2.4vw,1.5rem)}@media (min-width:960px){.tool-runner.tool-color-lab .color-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tool-runner.tool-color-lab .color-format-row{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fffffff0;border:1px solid rgba(148,163,184,.26);border-radius:var(--radius);color:inherit;cursor:pointer;display:grid;gap:.75rem;grid-template-columns:40px 1fr auto;padding:.85rem 1rem;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.tool-runner.tool-color-lab .color-format-row .label{color:#0f172aad;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.tool-runner.tool-color-lab .color-format-row .value{font-family:var(--font-mono);font-size:.95rem;word-break:break-word}.tool-runner.tool-color-lab .color-format-row:focus-visible,.tool-runner.tool-color-lab .color-format-row:hover{border-color:#38bdf873;box-shadow:0 12px 28px #38bdf82e;transform:translateY(-2px)}.tool-runner.tool-color-lab .color-format-row:focus-visible{outline:2px solid rgba(56,189,248,.35);outline-offset:2px}:root[data-theme=light] .tool-runner.tool-color-lab .color-format-row .label{color:#0f172aad}:root[data-theme=dark] .tool-runner.tool-color-lab .color-format-row{background:#0f172ac7;border-color:#38bdf838}:root[data-theme=dark] .tool-runner.tool-color-lab .color-format-row .label{color:#e2e8f0d1}:root[data-theme=light] .tool-runner.tool-color-lab .color-lab-preview{border-color:#94a3b847;box-shadow:inset 0 0 0 1px #fff6,0 20px 45px #94a3b838}:root[data-theme=light] .tool-runner.tool-color-lab .color-lab-preview .preview-hex{background:#0f172aa6;color:#f8fafc}:root[data-theme=light] .tool-runner.tool-color-lab input[type=color]{border-color:#94a3b859;box-shadow:0 14px 28px #94a3b838}.tool-runner.tool-time-studio .stats-grid,.tool-runner.tool-url-parser .url-parser-grid{gap:.75rem;grid-template-columns:1fr}.tool-runner.tool-url-parser .url-parser-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0f172a9e;border:1px solid rgba(148,163,184,.22);border-radius:var(--radius);color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:.4rem;line-height:inherit;padding:.95rem 1.1rem;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease}.tool-runner.tool-url-parser .url-parser-row:focus-visible,.tool-runner.tool-url-parser .url-parser-row:hover{border-color:#38bdf899;box-shadow:0 0 0 1px #38bdf840}.tool-runner.tool-url-parser .url-parser-row:focus-visible{outline:2px solid rgba(56,189,248,.4);outline-offset:2px}.tool-runner.tool-url-parser .url-parser-row.copied{border-color:#38bdf8bf;box-shadow:0 0 0 1px #38bdf84d}.tool-runner.tool-url-parser .url-parser-row .row-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.tool-runner.tool-url-parser .url-parser-row .label{flex:1 1 auto}.tool-runner.tool-url-parser .url-parser-row .row-actions{align-items:center;color:#94a3b8d9;display:inline-flex;font-size:.75rem;gap:.45rem}.tool-runner.tool-url-parser .url-parser-row .copy-icon{height:1rem;opacity:.6;transition:opacity .2s ease,color .2s ease;width:1rem}.tool-runner.tool-url-parser .url-parser-row.copied .copy-icon,.tool-runner.tool-url-parser .url-parser-row:focus-visible .copy-icon,.tool-runner.tool-url-parser .url-parser-row:hover .copy-icon{color:var(--accent);opacity:1}.tool-runner.tool-url-parser .url-parser-row .value{overflow-wrap:anywhere;white-space:normal}.tool-runner.tool-url-parser .url-parser-row .code-value code{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:block;font-family:var(--font-mono);font-size:.9rem;padding:.45rem .6rem;white-space:pre-wrap;word-break:break-word}.tool-runner.tool-url-parser .url-parser-row .state{color:var(--accent);font-size:.75rem}:root[data-theme=light] .tool-runner.tool-url-parser .url-parser-row{background:#ffffffe6;border-color:#94a3b840}:root[data-theme=light] .tool-runner.tool-url-parser .url-parser-row:focus-visible,:root[data-theme=light] .tool-runner.tool-url-parser .url-parser-row:hover{border-color:#2563eb8c;box-shadow:0 10px 20px #94a3b833}:root[data-theme=light] .tool-runner.tool-url-parser .url-parser-row:focus-visible{outline:2px solid rgba(37,99,235,.35)}:root[data-theme=light] .tool-runner.tool-url-parser .url-parser-row.copied{border-color:#2563ebb3;box-shadow:0 8px 20px #2563eb33}.tool-runner.tool-time-studio .stat-card{background:#0f172a94;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius);display:flex;flex-direction:column;gap:.25rem;padding:.8rem .95rem}.tool-runner.tool-time-studio .stat-card-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;color:inherit;cursor:pointer;font:inherit;text-align:left;transition:border-color .2s ease,background .2s ease,transform .12s ease;width:100%}.tool-runner.tool-time-studio .value-row{align-items:center;display:flex;gap:.5rem}.tool-runner.tool-time-studio .value-row .value{flex:1}.tool-runner.tool-time-studio .stat-card-button:focus-visible,.tool-runner.tool-time-studio .stat-card-button:hover{background:#0f172abd;border-color:#5eead459;transform:translateY(-1px)}.tool-runner.tool-time-studio .stat-card-button.copied{background:#0f172ad1;border-color:#5eead480}.tool-runner.tool-time-studio .stat-card-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-runner.tool-time-studio .stat-card .label{color:#94a3b8d1;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.tool-runner.tool-time-studio .stat-card .value{font-family:var(--font-mono);font-size:.9rem;line-height:1.4;margin:0;word-break:break-word}.tool-runner.tool-time-studio .stat-card .state{color:var(--accent);font-size:.72rem}:root[data-theme=light] .tool-runner.tool-time-studio .stat-card{background:#f1f5f9d9;border-color:#94a3b847}:root[data-theme=light] .tool-runner.tool-time-studio .stat-card-button:focus-visible,:root[data-theme=light] .tool-runner.tool-time-studio .stat-card-button:hover{background:#e2e8f0f2;border-color:#3b82f652}:root[data-theme=light] .tool-runner.tool-time-studio .stat-card-button.copied{background:#e2e8f0fa;border-color:#3b82f685}:root[data-theme=light] .tool-runner.tool-time-studio .stat-card .label{color:#64748be0}.copy-hint{color:#94a3b8d9;font-size:.85rem;letter-spacing:.04em;margin:0}.case-lab-results{display:grid;gap:.75rem}.case-lab-result{align-items:center;background:#0f172ab3;border:1px solid rgba(56,189,248,.15);border-radius:var(--radius);color:inherit;cursor:pointer;display:grid;font-family:var(--font-mono);font-size:.9rem;grid-template-columns:160px 1fr auto;padding:.9rem 1.1rem;transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease}.case-lab-result:hover{border-color:#38bdf859;box-shadow:0 16px 35px #0d948840;transform:translateY(-2px)}.case-lab-result .label{color:#94a3b8e6;font-weight:600;letter-spacing:.08em;text-transform:uppercase}:root[data-theme=light] .case-lab-result{background:#e4ebffd9;border-color:#3b82f62e}:root[data-theme=light] .case-lab-result .label{color:#475569e6}:root[data-theme=light] .case-lab-result .state{color:#059669}:root[data-theme=light] .case-lab-result .value{color:#0f172a}.case-lab-result .value{justify-self:start;word-break:break-word}.row-actions{align-items:center;color:#94a3b8bf;display:flex;font-size:.75rem;gap:.35rem;justify-self:end}.row-actions .copy-icon{height:1rem;opacity:.65;pointer-events:none;transition:opacity .2s ease,color .2s ease;width:1rem}.case-lab-result:focus-visible .row-actions .copy-icon,.case-lab-result:hover .row-actions .copy-icon,.row-actions:focus-visible .copy-icon,.row-actions:hover .copy-icon{color:var(--accent);opacity:1}.case-lab-result .state{color:#34d399;font-size:.75rem}.case-lab-result .copy-icon{color:inherit}:root[data-theme=light] .tool-runner.tool-base-converter .case-lab-result,:root[data-theme=light] .tool-runner.tool-case-lab .case-lab-result,:root[data-theme=light] .tool-runner.tool-time-studio .case-lab-result{background:#fffffff5;border-color:#94a3b847;color:#0f172a}:root[data-theme=light] .tool-runner.tool-base-converter .case-lab-result .label,:root[data-theme=light] .tool-runner.tool-case-lab .case-lab-result .label,:root[data-theme=light] .tool-runner.tool-time-studio .case-lab-result .label{color:#0f172ab8}:root[data-theme=light] .row-actions,:root[data-theme=light] .tool-runner.tool-base-converter .case-lab-result .row-actions,:root[data-theme=light] .tool-runner.tool-case-lab .case-lab-result .row-actions,:root[data-theme=light] .tool-runner.tool-time-studio .case-lab-result .row-actions{color:#475569d9}:root[data-theme=light] .row-actions .copy-icon{color:#1e293bf2;opacity:.95}.base-converter-panel{display:flex;flex-direction:column;gap:1rem}.custom-base-controls{align-items:center;background:#0f172aa6;border:1px solid rgba(56,189,248,.18);border-radius:var(--radius);color:#94a3b8e6;display:flex;font-family:var(--font-mono);font-size:.85rem;justify-content:space-between;letter-spacing:.05em;padding:.65rem .9rem;text-transform:uppercase}.case-lab-result .radix{color:#94a3b8d9;font-size:.8rem;font-weight:500;letter-spacing:normal;margin-left:.4rem}.radix-controls{align-items:center;background:#1e293b99;border:1px solid rgba(56,189,248,.2);border-radius:var(--radius);display:inline-flex;gap:.35rem;padding:.2rem .55rem}.radix-controls .step{background:#0f172ad9;border:none;border-radius:var(--radius);color:#e2e8f0f2;cursor:pointer;font-size:1.05rem;height:1.75rem;line-height:1;transition:background .2s ease;width:1.75rem}.radix-controls .step:hover:not(:disabled){background:#38bdf859}.radix-controls .step:disabled{cursor:not-allowed;opacity:.4}.radix-value{font-weight:600;letter-spacing:.04em}:root[data-theme=light] .custom-base-controls{background:#e4ebffd1;border-color:#3b82f62e;color:#475569d9}:root[data-theme=light] .case-lab-result .radix{color:#475569bf}:root[data-theme=light] .radix-controls{background:#ffffffe6;border-color:#3b82f640}:root[data-theme=light] .radix-controls .step{background:#f1f5f9f2;color:#1e293b}.preferences{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.theme-switch{align-items:center;background:#0f172a59;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius);display:inline-flex;height:36px;padding:.25rem}.theme-switch button{background:transparent;border:none;border-radius:var(--radius);color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:500;padding:.25rem .75rem;transition:all .25s ease}.theme-switch button:hover{color:var(--text)}.theme-switch button.active{background:linear-gradient(135deg,#38bdf826,#5eead41a);box-shadow:0 2px 8px #5eead42e;color:#5eead4f2}:root[data-theme=light] .theme-switch{background:#f1f5f9cc;border-color:#94a3b840}:root[data-theme=light] .theme-switch button{color:#64748b}:root[data-theme=light] .theme-switch button.active{background:linear-gradient(135deg,#3b82f624,#2563eb1a);box-shadow:0 2px 8px #3b82f62e;color:#1e40af}.locale-select{display:inline-block;position:relative}.locale-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0f172a59;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius);color:var(--muted);cursor:pointer;font-size:.88rem;font-weight:600;height:36px;padding:0 1.35rem 0 .75rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease}.locale-select:after{background:#94a3b8e6;clip-path:polygon(0 0,100% 0,50% 100%);content:"";height:6px;pointer-events:none;position:absolute;right:.9rem;top:50%;transform:translateY(-50%);transition:background .2s ease,transform .2s ease;width:10px}.locale-select select:focus,.locale-select select:hover{border-color:#38bdf859;box-shadow:0 4px 14px #38bdf82e;color:#e2e8f0;outline:none}.locale-select:focus-within:after{background:#38bdf8;transform:translateY(-50%) scale(1.05)}:root[data-theme=light] .locale-select select{background:#f1f5f9cc;border-color:#94a3b840;color:#475569}:root[data-theme=light] .locale-select:after{background:#475569}:root[data-theme=light] .locale-select select:focus,:root[data-theme=light] .locale-select select:hover{border-color:#3b82f659;box-shadow:0 4px 14px #3b82f62e;color:#0f172a}:root[data-theme=light] .locale-select:focus-within:after{background:#3b82f6}.stat-card{align-items:center;background:#fffffff0;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius);display:grid;gap:.45rem .75rem;grid-template-columns:1fr auto;padding:.95rem 1.05rem;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.stat-card-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;cursor:pointer;text-align:left;width:100%}.stat-card-button:focus-visible,.stat-card-button:hover{border-color:#38bdf859;box-shadow:0 14px 28px #38bdf82e;transform:translateY(-2px)}.stat-card-button:focus-visible{outline:2px solid rgba(56,189,248,.35);outline-offset:2px}.stat-card-button.copied{border-color:#38bdf88c;box-shadow:0 14px 28px #38bdf83d}.stat-card .label{color:#475569e6;font-size:.78rem;grid-column:1/-1;letter-spacing:.08em;text-transform:uppercase}.stat-card .value{color:inherit;font-size:1rem;font-weight:600;word-break:break-word}.stat-card .value.code-value{font-family:var(--font-mono);font-size:.95rem}.stat-card .value.code-value code{background:#0f172a14;border:1px solid rgba(148,163,184,.22);border-radius:var(--radius);display:inline-block;font:inherit;padding:.3rem .5rem;word-break:break-word}.stat-card .row-actions{align-self:center;grid-column:2}:root[data-theme=dark] .stat-card{background:#0f172ab3;border-color:#38bdf82e}:root[data-theme=dark] .stat-card .label{color:#e2e8f0cc}:root[data-theme=dark] .stat-card .value.code-value code{background:#0f172a99;border-color:#38bdf838}.feature-grid{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:3rem}.feature-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1920a6;border:1px solid rgba(94,234,212,.2);box-shadow:0 18px 45px #0d94882e;gap:.75rem;padding:1.4rem}.feature-card h3{font-size:1.05rem}.feature-card p{color:#cbd5e1db;font-size:.9rem;line-height:1.55}@media (max-width:720px){.header-inner{flex-direction:row;gap:.85rem}.header-left{gap:.75rem}.header-actions,.header-left{flex-direction:row;width:auto}.header-actions{align-items:center;gap:.6rem}.header-links{width:auto}.nav-link{display:inline-flex}.nav-link,.preferences{justify-content:center;width:auto}.preferences{align-items:center;flex-direction:row;gap:.6rem}.theme-switch{width:auto}.locale-switch{flex-wrap:wrap;justify-content:center;width:auto}.locale-switch button{flex:1 1 auto;text-align:center}main.container{padding-top:2.8rem}.hero h1,.hero p{text-align:center}.hero p{margin:0 auto}.hero-ctas{justify-content:center}.filters{grid-template-columns:1fr}.tool-actions{align-items:stretch;flex-direction:column}.button{text-align:center;width:100%}.footer-inline-links{justify-content:flex-start;text-align:left}.footer-meta{align-items:flex-start;flex-direction:column;text-align:left}}:root[data-theme=light] .output-field textarea{background:#f1f5f9d9;color:#0f172a}:root[data-theme=light] .output-field .status.error{border-color:#ef444499}.home{display:grid;gap:clamp(1.2rem,3.5vw,2.2rem)}.home-console__panel{display:grid;gap:clamp(.75rem,2vw,1.2rem)}.home-console__header{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.75rem,2vw,1.2rem);justify-content:space-between}.home-console__title{font-size:clamp(1.6rem,2.8vw,2.2rem);letter-spacing:.02em;margin:0}.home-console__stats{display:flex;flex-wrap:wrap;gap:.6rem}.home-console__stat{background:#0f172a66;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius);display:grid;gap:.2rem;padding:.45rem .7rem}.home-console__stat-label{color:var(--muted);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.home-console__stat-value{font-size:1.1rem;font-weight:600}.home-console__filters{display:grid;gap:clamp(.6rem,1.8vw,.9rem)}.home-console__search input[type=search]{font-size:.95rem;padding:.55rem .8rem}.home-console__chips{align-items:center}.tool-grid--dense{gap:clamp(.6rem,1.4vw,.95rem);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.home-console .glass-card.tool-card{padding:.75rem}.home-console .tool-card{gap:.6rem}.home-console .tool-card:hover{transform:translateY(-3px)}.home-console .tool-card h3{font-size:1.05rem}.home-console .tool-card p{font-size:.9rem}:root[data-theme=light] .home-console__stat{background:#ffffffe6;border-color:#94a3b840}.home-hero{align-items:center;background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 45%),radial-gradient(circle at bottom right,rgba(168,85,247,.2),transparent 55%);display:grid;gap:clamp(1rem,2.5vw,1.8rem);grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);padding:clamp(1.2rem,3vw,1.8rem)}.home-hero__content{display:grid;gap:clamp(.7rem,1.8vw,1.2rem)}.home-hero__eyebrow{color:var(--accent);font-size:.78rem;font-weight:600;letter-spacing:.16em}.home-hero h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:.03em;margin:0}.home-hero__lead{color:var(--muted);line-height:1.7;margin:0}.home-hero__highlights{display:grid;gap:clamp(.6rem,1.6vw,.9rem);list-style:none;margin:0;padding:0}.home-hero__highlight{background:#0f172a59;border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);padding:clamp(.55rem,1.2vw,.85rem);transition:border-color .2s ease,transform .2s ease}.home-hero__highlight:hover{border-color:#38bdf859;transform:translateY(-1px)}.home-hero__highlight-link{align-items:center;color:inherit;display:grid;gap:clamp(.6rem,1.4vw,.9rem);grid-template-columns:auto 1fr auto;text-decoration:none}.home-hero__highlight-icon{background:#38bdf82e;border-radius:var(--radius);box-shadow:inset 0 0 0 1px #38bdf840;color:var(--accent);display:grid;font-size:clamp(1rem,2.4vw,1.25rem);font-weight:600;height:clamp(38px,4vw,46px);place-items:center;width:clamp(38px,4vw,46px)}.home-hero__highlight-title{font-size:clamp(.95rem,1.8vw,1.05rem);font-weight:600;margin:0}.home-hero__highlight-body{display:grid;gap:.2rem}.home-hero__highlight-description{color:var(--muted);font-size:.9rem;line-height:1.6;margin:0}.home-hero__highlight-cta{align-items:center;color:var(--accent);display:inline-flex;font-weight:600;gap:.3rem;letter-spacing:.01em;white-space:nowrap}.home-hero__highlight-link:hover .home-hero__highlight-title{color:var(--accent)}.home-hero__actions{gap:clamp(.5rem,1vw,.8rem)}.home-hero__cta{align-items:center;border-radius:var(--radius);display:inline-flex;font-weight:600;justify-content:center;letter-spacing:.04em;padding:.65rem 1.5rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.home-hero__cta--primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 18px 46px #22d3ee59;color:#020617}.home-hero__cta--primary:hover{transform:translateY(-2px)}.home-hero__cta--secondary{background:transparent;border:1px solid rgba(148,163,184,.25);color:var(--text)}.home-hero__cta--secondary:hover{border-color:#38bdf859;color:var(--accent);transform:translateY(-2px)}.home-hero__preview{display:flex;justify-content:center}.home-stats-panel{background:var(--surface-strong);border:1px solid rgba(148,163,184,.2);border-radius:var(--radius);box-shadow:0 24px 52px #0f172a52;display:grid;gap:clamp(.9rem,2vw,1.35rem);padding:clamp(1.1rem,2.8vw,1.5rem)}.home-stats-panel__header{display:grid;gap:.25rem}.home-stats-panel__eyebrow{color:var(--accent);font-size:1rem;font-weight:600;letter-spacing:.04em;margin:0;text-transform:uppercase}.home-stats-panel__subtitle{color:#94a3b8d9;font-size:.85rem;line-height:1.6;margin:0}.home-stats-panel__cta{align-items:center;color:var(--accent);display:inline-flex;font-weight:700;gap:.4rem;justify-content:flex-start;letter-spacing:.02em;text-decoration:none}.home-stats{display:grid;gap:clamp(.6rem,1.5vw,.9rem);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0}.home-stats--panel{grid-template-columns:1fr}.home-stats__item{background:#0f172a61;border:1px solid rgba(148,163,184,.22);border-radius:var(--radius);display:grid;gap:.3rem;padding:.7rem .9rem}.home-stats__item dt{color:var(--muted);font-size:.82rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.home-stats__item dd{font-size:1.3rem;font-weight:600;margin:0}:root[data-theme=light] .home-hero{background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 45%),radial-gradient(circle at bottom right,rgba(124,58,237,.18),transparent 55%)}:root[data-theme=light] .home-hero__cta--primary{box-shadow:0 18px 46px #3b82f647;color:#fff}:root[data-theme=light] .home-hero__cta--secondary{background:#e2e8f0b8;color:#1e293b}:root[data-theme=light] .home-hero__cta--secondary:hover{color:#2563eb}:root[data-theme=light] .home-stats__item{background:#ffffffd1;border-color:#94a3b838}:root[data-theme=light] .home-hero__highlight{background:#ffffffe0;border-color:#94a3b82e}:root[data-theme=light] .home-hero__highlight-icon{background:#38bdf833;box-shadow:inset 0 0 0 1px #38bdf847}:root[data-theme=light] .home-stats-panel{background:#ffffffe6;border-color:#94a3b82e}.home-features{display:grid;gap:clamp(.75rem,2vw,1.2rem)}.home-features h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:0}.home-section-lead{color:var(--muted);line-height:1.6;margin:0;max-width:clamp(460px,50vw,620px)}.home-feature-grid{display:grid;gap:clamp(.75rem,1.8vw,1.2rem);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature-card{background:var(--surface-strong);border:1px solid rgba(148,163,184,.16);border-radius:var(--radius);box-shadow:0 14px 36px #0f172a40;display:grid;gap:.55rem;padding:clamp(.9rem,1.6vw,1.2rem);position:relative}.feature-card__icon{font-size:1.6rem}.feature-card h3{font-size:1.15rem;margin:0}.feature-card p{color:var(--muted);line-height:1.6;margin:0}.home-spotlight{display:grid;gap:clamp(.75rem,2vw,1.2rem)}.home-spotlight__header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.home-eyebrow{color:var(--accent);font-size:.76rem;font-weight:600;letter-spacing:.12em;margin:0 0 .4rem;text-transform:uppercase}.home-spotlight__header h2{font-size:clamp(1.6rem,2.8vw,2.1rem);margin:0}.home-spotlight__link{align-self:center;border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);color:var(--text);padding:.6rem 1.4rem;text-decoration:none;transition:border-color .2s ease,color .2s ease}.home-spotlight__link:hover{border-color:#38bdf859;color:var(--accent)}.home-spotlight__grid{display:grid;gap:clamp(.75rem,1.8vw,1.2rem);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media (max-width:1024px){.home-hero{grid-template-columns:1fr;text-align:left}.home-hero__preview{order:-1}.hero-preview__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.home-hero__actions{align-items:stretch;flex-direction:column}.hero-preview__grid,.home-spotlight__grid{grid-template-columns:1fr}}.home-scenarios{display:grid;gap:clamp(.8rem,2vw,1.3rem)}.home-scenario-grid{display:grid;gap:clamp(.75rem,1.8vw,1.2rem);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.scenario-card{background:var(--surface-strong);border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);box-shadow:0 18px 44px #0f172a47;display:grid;gap:clamp(.6rem,1.6vw,.9rem);padding:clamp(1rem,2.2vw,1.35rem)}.scenario-card__icon{font-size:clamp(1.6rem,3vw,1.9rem)}.scenario-card h3{font-size:1.15rem;margin:0}.scenario-card p{color:var(--muted);line-height:1.6;margin:0}.scenario-card__list{color:var(--muted);display:grid;font-size:.92rem;gap:.45rem;list-style:none;margin:0;padding:0}.scenario-card__cta{align-items:center;color:var(--accent);display:inline-flex;font-weight:600;gap:.35rem;text-decoration:none}:root[data-theme=light] .scenario-card{background:#ffffffeb;border-color:#94a3b82e;box-shadow:0 16px 36px #0f172a1f}.home-categories{display:grid;gap:clamp(.75rem,2vw,1.2rem)}.home-categories h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:0}.home-category-grid{display:grid;gap:clamp(.85rem,2vw,1.3rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.category-card{background:var(--surface);border:1px solid rgba(148,163,184,.14);border-radius:var(--radius);display:grid;gap:.7rem;padding:clamp(1.1rem,2vw,1.5rem);position:relative;transition:border-color .2s ease,transform .2s ease}.category-card:hover{border-color:#38bdf84d;transform:translateY(-2px)}.category-card h3{color:var(--text);font-size:1.2rem;font-weight:600;margin:0}.category-card p{color:var(--muted);font-size:.95rem;line-height:1.65;margin:0}.home-research{display:grid;gap:clamp(.75rem,2vw,1.2rem)}.home-research-grid{display:grid;gap:clamp(.85rem,2vw,1.3rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.research-card{background:var(--surface-strong);border:1px solid rgba(148,163,184,.16);border-radius:var(--radius);box-shadow:0 18px 42px #0f172a40;display:flex;flex-direction:column;gap:.75rem;padding:clamp(1.3rem,2.4vw,1.8rem)}.home-research__eyebrow{color:var(--accent);font-size:.85rem;font-weight:600;letter-spacing:.08em;margin:0;text-transform:uppercase}.research-card__description,.research-card__insight{line-height:1.65;margin:0}.research-card__description{color:var(--muted)}.research-card__insight{background:#3b82f614;border-left:3px solid var(--accent);border-radius:var(--radius);color:var(--text);font-size:.95rem;padding:.75rem 1rem}.research-card__list{color:var(--muted);display:flex;flex-direction:column;font-size:.95rem;gap:.4rem;margin:0;padding-left:1.2rem}.research-card__cta{align-items:center;color:var(--accent);display:inline-flex;font-weight:600;gap:.35rem;margin-top:auto;text-decoration:none}.home-playbooks{display:grid;gap:clamp(.75rem,2vw,1.2rem)}.home-playbook-grid{display:grid;gap:clamp(.85rem,2vw,1.3rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.playbook-card{display:grid;gap:clamp(.6rem,1.6vw,.9rem);padding:clamp(1.2rem,2.2vw,1.5rem)}.playbook-card h3{font-size:1.15rem;margin:0}.playbook-card__description{color:var(--muted);line-height:1.6;margin:0}.playbook-steps{color:var(--muted);display:grid;font-size:.95rem;gap:.65rem;margin:0;padding-left:1.1rem}.playbook-step{display:grid;gap:.35rem}.playbook-step__tool{align-items:center;display:inline-flex;font-size:.9rem;font-weight:600;gap:.35rem}.playbook-step__tool-link{color:var(--accent);text-decoration:none}.playbook-step__tool-link:hover{text-decoration:underline}.playbook-step__description{line-height:1.6;margin:0}.playbook-card__cta{align-items:center;color:var(--accent);display:inline-flex;font-weight:600;gap:.35rem;text-decoration:none}.home-how-to{display:grid;gap:clamp(.75rem,2vw,1.2rem)}.home-how-to h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:0}.home-steps{display:grid;gap:clamp(1rem,2.5vw,1.8rem);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.step-card{background:#ffffff08;border:1px solid rgba(148,163,184,.12);border-radius:var(--radius);display:grid;gap:.75rem;padding:clamp(1.2rem,2.2vw,1.8rem);position:relative}.step-card__number{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:var(--radius);color:#fff;display:inline-flex;font-size:1.2rem;font-weight:700;height:2.5rem;justify-content:center;margin-bottom:.5rem;width:2.5rem}.step-card h3{color:var(--text);font-size:1.15rem;font-weight:600;margin:0}.step-card p{color:var(--muted);font-size:.95rem;line-height:1.65;margin:0}.home-benefits{display:grid;gap:clamp(.75rem,2vw,1.2rem)}.home-benefits h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:0}.home-benefit-grid{display:grid;gap:clamp(.85rem,2vw,1.3rem);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.benefit-card{background:var(--surface-strong);border:1px solid rgba(148,163,184,.16);border-radius:var(--radius);box-shadow:0 12px 32px #0f172a38;display:grid;gap:.65rem;padding:clamp(1rem,1.8vw,1.4rem);position:relative;transition:transform .2s ease,box-shadow .2s ease}.benefit-card:hover{box-shadow:0 18px 42px #0f172a47;transform:translateY(-3px)}.benefit-card__icon{font-size:1.8rem;line-height:1}.benefit-card h3{color:var(--text);font-size:1.15rem;font-weight:600;margin:0}.benefit-card p{color:var(--muted);font-size:.94rem;line-height:1.65;margin:0}@media (max-width:768px){.home-benefit-grid,.home-category-grid,.home-research-grid,.home-steps{grid-template-columns:1fr}}.favorites-dropdown,.favorites-dropdown__trigger{align-items:center;display:flex;position:relative}.favorites-dropdown__trigger{background:transparent;border:none;border-radius:var(--radius);color:var(--muted);cursor:pointer;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.favorites-dropdown__trigger:hover{background:var(--surface-alt);color:var(--text)}.favorites-dropdown__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.favorites-dropdown__badge{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);border:1.5px solid var(--surface-strong);border-radius:var(--radius);box-shadow:0 2px 8px #38bdf866;color:#fff;display:flex;font-size:.625rem;font-weight:700;height:1rem;justify-content:center;line-height:1;min-width:1rem;padding:0 .25rem;position:absolute;right:.125rem;top:.125rem}.favorites-dropdown__panel{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:400px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);width:280px;z-index:1000}.favorites-dropdown__header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.favorites-dropdown__header h2{color:var(--text);font-size:.9rem;font-weight:600;margin:0}.favorites-dropdown__close{align-items:center;background:transparent;border:none;border-radius:var(--radius);color:var(--muted);cursor:pointer;display:flex;height:1.75rem;justify-content:center;padding:0;transition:all .15s ease;width:1.75rem}.favorites-dropdown__close:hover{background:var(--surface-alt);color:var(--text)}.favorites-dropdown__close svg{fill:currentColor}.favorites-dropdown__list{flex:1;overflow-y:auto;padding:.375rem}.favorites-dropdown__list ul{list-style:none;margin:0;padding:0}.favorites-dropdown__item{align-items:center;border-radius:var(--radius);display:flex;gap:.375rem;padding:.3rem .2rem;transition:background .15s ease}.favorites-dropdown__item:hover{background:var(--surface-alt)}.favorites-dropdown__link{align-items:center;color:var(--text);display:flex;flex:1;font-size:.85rem;min-width:0;overflow:hidden;text-decoration:none}.favorites-dropdown__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorites-dropdown__remove{align-items:center;background:transparent;border:none;border-radius:var(--radius);color:var(--muted);cursor:pointer;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;opacity:.6;padding:0;transition:all .15s ease;width:1.5rem}.favorites-dropdown__remove:hover{background:var(--danger);color:#fff;opacity:1}.favorites-dropdown__remove svg{fill:currentColor}.favorites-dropdown__empty{color:var(--muted);font-size:.85rem;margin:0;padding:1.5rem 1rem;text-align:center}.favorites-dropdown-panel-enter-active,.favorites-dropdown-panel-leave-active{transition:opacity .2s ease,transform .2s ease}.favorites-dropdown-panel-enter-from,.favorites-dropdown-panel-leave-to{opacity:0;transform:translateY(-.5rem)}@media (max-width:640px){.favorites-dropdown__panel{border-radius:var(--radius) var(--radius) 0 0;inset:auto 0 0;max-height:70vh;position:fixed;width:100%}.favorites-dropdown-panel-enter-from,.favorites-dropdown-panel-leave-to{transform:translateY(100%)}}.slider-label{color:var(--muted);font-size:.85rem;min-width:80px}.visually-hidden{height:1px;overflow:hidden;position:absolute!important;width:1px;clip:rect(1px,1px,1px,1px);white-space:nowrap}.workbench,.workflows-index{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem);padding:clamp(1rem,3vw,2.5rem) 0 4rem}.workflows-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.workflow-card{border:1px solid rgba(148,163,184,.2);color:var(--text);display:grid;gap:1rem;padding:1.5rem;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.workflow-card:hover{border-color:#5eead466;box-shadow:var(--shadow-sm);transform:translateY(-3px)}.workflow-card__eyebrow{color:var(--muted);font-size:.68rem;letter-spacing:.18em;margin:0;text-transform:uppercase}.workflow-card__cta{color:var(--accent);font-size:.9rem;font-weight:600}.workbench-hero{align-items:center;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.home-hero,.workbench-hero{display:flex;padding:clamp(1.5rem,3vw,2.5rem)}.home-hero{flex-direction:column;gap:1rem}.home-hero__eyebrow{color:var(--muted);font-size:.75rem;letter-spacing:.2em;margin:0;text-transform:uppercase}.home-hero__title{font-size:clamp(2.2rem,4vw,3rem);margin:0}.home-hero__subtitle{color:var(--muted);margin:0;max-width:48rem}.home-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}.home-highlights{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.highlight-card{display:grid;gap:.6rem;padding:1.25rem}.highlight-card h3{margin:0}.home-featured{display:grid;gap:1.2rem}.home-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.home-section-eyebrow{color:var(--muted);font-size:.68rem;letter-spacing:.18em;margin:0;text-transform:uppercase}.home-section-header h2{margin:.35rem 0 0}.section-link{color:var(--accent);font-weight:600;text-decoration:none}.section-link:hover{text-decoration:underline}.featured-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.featured-card{color:var(--text);display:grid;gap:.7rem;padding:1.3rem;text-decoration:none}.featured-card__eyebrow{color:var(--muted);font-size:.65rem;letter-spacing:.18em;margin:0;text-transform:uppercase}.featured-card__cta{color:var(--accent);font-weight:600}.mobile-actions-panel{display:none}@media (max-width:1024px){.mobile-actions-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--bg-overlay);border-bottom:1px solid var(--border);display:grid;gap:1rem;padding:1rem var(--layout-gutter)}.mobile-panel-search{background:#0f172a66;border:1px solid rgba(148,163,184,.25);border-radius:var(--radius);color:var(--text);padding:.6rem .8rem;text-align:left;width:100%}.mobile-panel-section{display:grid;gap:.5rem}.mobile-panel-label{color:var(--muted);font-size:.8rem;margin:0}.mobile-actions-panel select{background:#0f172a66;border:1px solid rgba(148,163,184,.25);border-radius:var(--radius);color:var(--text);padding:.6rem .8rem;width:100%}.mobile-panel-nav{display:grid;gap:.6rem}.mobile-panel-link{align-items:center;background:#0f172a59;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius);color:var(--text);display:flex;justify-content:space-between;padding:.7rem .85rem;text-decoration:none}}@media (max-width:768px){.home-hero{padding:1.25rem}.home-hero__title{font-size:clamp(1.8rem,6vw,2.3rem)}.home-hero__actions{align-items:stretch;flex-direction:column}.home-hero__actions .button{justify-content:center;width:100%}.home-highlights{grid-template-columns:1fr}.home-section-header{align-items:flex-start}.featured-grid{grid-template-columns:1fr}.featured-card,.highlight-card{padding:1.1rem}}.workbench-eyebrow{color:var(--muted);font-size:.75rem;letter-spacing:.2em;margin:0 0 .6rem;text-transform:uppercase}.workbench-hero h1{font-size:clamp(2rem,4vw,2.8rem);margin:0 0 .75rem}.workbench-subtitle{color:var(--muted);margin:0;max-width:46rem}.workbench-quick{display:flex;flex-wrap:wrap;gap:.75rem}.workbench-flow{align-items:center;display:grid;gap:1rem;grid-template-columns:repeat(5,minmax(0,1fr))}.flow-step{align-items:flex-start;background:var(--surface-alt);border:1px solid var(--border);border-radius:14px;display:flex;gap:.75rem;min-height:92px;padding:1rem 1.25rem}.flow-line{background:linear-gradient(90deg,transparent,var(--accent),transparent);height:2px;opacity:.6}.flow-index{background:#38bdf833;border-radius:999px;color:var(--accent);font-size:.75rem;font-weight:600;padding:.25rem .5rem}.workbench-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.workbench-panel{display:flex;flex-direction:column;gap:1.5rem;padding:clamp(1.25rem,2.5vw,2rem)}.panel-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.panel-header h2{margin:.2rem 0 0}.panel-kicker{color:var(--muted);font-size:.65rem;letter-spacing:.2em;margin:0;text-transform:uppercase}.panel-actions{display:flex;flex-wrap:wrap;gap:.75rem}.panel-body{display:flex;flex-direction:column;gap:1.25rem}.upload-zone{background:#0f172a4d;border:1px dashed var(--border);border-radius:16px;display:grid;min-height:220px;padding:1rem;place-items:center}.upload-zone.active{border-style:solid}.upload-preview img{border-radius:12px;max-height:240px;max-width:100%}.upload-placeholder{color:var(--muted);text-align:center}.panel-form{display:grid;gap:.75rem}.panel-form label{color:var(--muted);display:grid;font-size:.9rem;gap:.35rem}.panel-form input,.panel-form select,.panel-form textarea{background:#0f172a59;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:.55rem .7rem}.inline-fields{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.inline-value{color:var(--text);font-weight:600}.panel-stats{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.panel-stats .stat{background:#0f172a59;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:.35rem;padding:.75rem 1rem}.panel-stats .stat span{color:var(--muted);font-size:.8rem}.panel-alert{background:#ef44441a;border:1px solid rgba(239,68,68,.35);border-radius:12px;color:#fca5a5;margin:0;padding:.75rem 1rem}.panel-alert--ok{background:#22c55e1f;border-color:#22c55e59;color:#4ade80}.panel-footer{display:flex;flex-wrap:wrap;gap:.75rem}.color-inputs{display:grid;gap:.75rem;grid-template-columns:1fr 120px}.option-grid{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.toggle-chip{align-items:center;background:#0f172a59;border:1px solid rgba(148,163,184,.25);border-radius:999px;color:var(--muted);display:inline-flex;font-size:.85rem;gap:.5rem;padding:.45rem .65rem}.toggle-chip input{accent-color:var(--accent)}.color-value-input{background:linear-gradient(135deg,#38bdf81f,#94a3b81f);border:1px solid rgba(56,189,248,.35);box-shadow:0 8px 24px #38bdf81f;font-family:var(--font-mono);letter-spacing:.02em;padding:.65rem .85rem}.color-value-input:focus{border-color:#38bdf8cc;box-shadow:0 0 0 3px #38bdf82e;outline:none}.color-grid{align-items:center;display:grid;gap:1rem;grid-template-columns:120px 1fr}.color-swatch{border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);height:120px;width:120px}.color-list{display:grid;gap:.5rem}.color-list div{color:var(--muted);display:flex;gap:.75rem;justify-content:space-between}.color-list strong{color:var(--text)}.panel-split{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.textarea-label{color:var(--muted);display:block;margin-bottom:.5rem}.format-output{background:#0f172a80;border:1px solid var(--border);border-radius:14px;display:grid;gap:.75rem;padding:.9rem 1rem}.format-output header{align-items:center;color:var(--muted);display:flex;font-size:.9rem;gap:.5rem;justify-content:space-between}.format-output pre{background:#090f1cb3;border:1px solid rgba(148,163,184,.15);border-radius:12px;color:var(--text);font-family:var(--font-mono);font-size:.85rem;margin:0;max-height:320px;overflow:auto;padding:1rem}@media (max-width:960px){.workbench-flow{grid-template-columns:1fr}.flow-line{height:20px;justify-self:center;width:2px}.color-grid,.color-inputs{grid-template-columns:1fr}}