@layer tokens,base,layout,components,utilities,overrides;@layer components{.tools-hero{position:relative;display:block;flex:0 0 auto;overflow:hidden;padding:clamp(1.2rem,3.2vh,1.9rem) 0 clamp(1.5rem,4vh,2.3rem);background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(249,249,250,.97) 58%,rgba(249,249,250,.94) 100%),var(--hero-art-layer,url("../img/brand/23-hero-general-light.png")) right -120px center / min(42vw,420px) auto no-repeat,var(--brand-canvas,#f9f9fa);border-bottom:1px solid color-mix(in srgb,var(--brand-midnight,#091f3b) 10%,transparent);box-shadow:none;color:var(--brand-midnight,#091f3b)}.hero.hero--tools.tools-hero{display:block;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(249,249,250,.97) 58%,rgba(249,249,250,.94) 100%),var(--hero-art-layer,url("../img/brand/23-hero-general-light.png")) right -120px center / min(42vw,420px) auto no-repeat,var(--brand-canvas,#f9f9fa);border-bottom:1px solid color-mix(in srgb,var(--brand-midnight,#091f3b) 10%,transparent);box-shadow:none;color:var(--brand-midnight,#091f3b)}.hero.hero--tools.tools-hero .wrapper{display:grid;align-items:start;gap:10px;padding-block:0;text-align:left}.tools-hero .wrapper{max-width:var(--container-max);display:grid;gap:10px;min-width:0}.tools-hero .hero-eyebrow{margin:0;opacity:1;transform:none;animation:none}.tools-hero h1{margin:0;font-size:clamp(2.4rem,7vw,4.9rem);line-height:.98;letter-spacing:0}.tools-hero-copy{display:grid;gap:10px;max-width:56rem}.tools-hero-lead{margin:0;max-width:62rem;color:var(--brand-graphite,var(--text-muted));font-size:clamp(1rem,2vw,1.22rem);line-height:1.56}@media (max-width:640px){.tools-hero{padding:clamp(1rem,3.4vh,1.4rem) 0 clamp(1.1rem,3.8vh,1.55rem)}.hero.hero--tools.tools-hero{background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(249,249,250,.96)),var(--hero-art-layer,url("../img/brand/23-hero-general-light.png")) right -140px center / 320px auto no-repeat,var(--brand-canvas,#f9f9fa)}.hero.hero--tools.tools-hero .wrapper{text-align:center}.tools-hero-copy{max-width:32rem;margin-inline:auto}}.tools-section{padding:clamp(2.8rem,6vh,3.6rem) 0}.tools-directory-layout{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:clamp(1rem,2.8vw,2rem);align-items:start}body[data-tools-layout="directory"] .tools-directory-layout{width:min(1280px,calc(100vw - 40px));max-width:none}.tools-directory-rail{position:sticky;top:calc(var(--nav-height,72px) + 18px);display:grid;gap:8px;padding:12px;border-radius:8px;border:1px solid color-mix(in srgb,var(--brand-midnight,#091f3b) 10%,transparent);background:color-mix(in srgb,#ffffff 88%,var(--brand-mist,#eef2f7) 12%)}.tools-directory-main{grid-column:2;display:grid;gap:clamp(1rem,2.5vw,1.6rem);min-width:0}.tools-directory-note{grid-column:2;display:grid;gap:8px;max-width:74ch;padding:14px 0 0;border-top:1px solid color-mix(in srgb,var(--brand-midnight,#091f3b) 8%,transparent);color:var(--text-muted)}.tools-directory-note :is(h2,p){margin:0}.tools-directory-note h2{color:var(--brand-midnight,var(--text-light));font-size:1rem;letter-spacing:0}.tools-directory-note-kicker,.tools-directory-stat{margin:0;color:var(--text-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tools-rail-link{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;align-items:start;padding:10px;border-radius:8px;color:inherit;text-decoration:none}.tools-rail-link[hidden]{display:none !important}.tools-rail-link:is(:hover,:focus-visible){background:color-mix(in srgb,var(--brand-signal-blue,var(--primary)) 8%,transparent);outline:none}.tools-rail-index{color:var(--brand-signal-blue,var(--primary));font-size:.72rem;font-weight:800}.tools-rail-copy{display:grid;gap:2px;min-width:0}.tools-rail-title{color:var(--brand-midnight,var(--text-light));font-weight:760;line-height:1.2}.tools-rail-description,.tools-rail-count{color:var(--text-muted);font-size:.78rem;line-height:1.35}.tools-rail-count{grid-column:2}.tools-directory-controls{display:grid;gap:6px;margin-bottom:clamp(1rem,2.5vw,1.5rem)}.tools-directory-head{display:grid;gap:4px;max-width:48rem}.tools-directory-kicker{margin:0;color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tools-directory-head h1{margin:0;font-size:clamp(1.8rem,3.2vw,2.45rem);line-height:1.1;letter-spacing:0}.tools-directory-head p{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.5}.tools-category{scroll-margin-top:calc(var(--nav-height,72px) + 18px)}.tools-category + .tools-category{margin-top:clamp(1.05rem,3vh,1.5rem);padding-top:clamp(.8rem,2vh,1.05rem);border-top:1px solid color-mix(in srgb,var(--brand-midnight,#091f3b) 8%,transparent)}.tools-category-head{display:grid;gap:0;margin-bottom:8px;max-width:74ch}.tools-category-head .section-title{margin:0;color:var(--brand-slate,var(--text-muted));font-size:.78rem;font-weight:800;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));justify-content:start;gap:clamp(12px,1.8vw,16px);align-items:start;overflow:visible}.tool-card{position:relative;display:block;min-width:0;border-radius:8px;border:1px solid color-mix(in srgb,var(--brand-midnight,#091f3b) 10%,transparent);background:#fff;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.tool-card:hover,.tool-card:focus-within{z-index:30;transform:translateY(-1px);background:color-mix(in srgb,var(--brand-signal-blue,var(--primary)) 5%,transparent);border-color:color-mix(in srgb,var(--brand-signal-blue,var(--primary)) 28%,transparent);box-shadow:0 12px 26px rgba(9,31,59,.1);outline:none}.tool-card > a{color:inherit;text-decoration:none}.tool-launch-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);min-height:0;height:100%;gap:8px 12px;justify-items:start;align-content:start;padding:14px;text-align:left}.tool-icon{width:76.8px;height:76.8px;border-radius:10px;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--brand-signal-blue,var(--primary));box-shadow:none;flex-shrink:0}.tool-icon-image{width:58px;height:58px;border:0;background:transparent;box-shadow:none;color:inherit;grid-row:1 / span 2}.tool-icon svg{width:43.2px;height:43.2px;color:currentColor;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tool-icon .icon-fill{fill:currentColor;stroke:none}.tool-icon img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:contain}.tool-card-main{display:grid;gap:4px;min-width:0}.tool-card-title{margin:0;color:var(--brand-midnight,var(--text-light));max-width:none;font-size:.95rem;font-weight:760;line-height:1.2;letter-spacing:0;overflow-wrap:anywhere}.tool-card-details{position:static;display:grid;grid-column:2;width:auto;gap:0;padding:0;border:0;background:transparent;box-shadow:none;color:var(--brand-midnight,var(--text-light));text-align:left;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:none}.tool-card-details::before{display:none}.tool-card-summary{color:var(--brand-slate,var(--text-muted));font-size:.84rem;line-height:1.45}.tool-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:var(--text-muted);font-size:.82rem}.tool-pill{padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,#000 8%);border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);font-weight:600;color:color-mix(in srgb,var(--text-light) 92%,#ffffff 8%);font-size:.8rem;letter-spacing:.01em}.tool-pill-local{background:color-mix(in srgb,var(--success) 12%,var(--surface) 88%);border-color:color-mix(in srgb,var(--success) 45%,transparent);color:color-mix(in srgb,var(--text-light) 92%,var(--success) 8%)}.tool-pill-cloud{background:color-mix(in srgb,var(--warning) 12%,var(--surface) 88%);border-color:color-mix(in srgb,var(--warning) 45%,transparent);color:color-mix(in srgb,var(--text-light) 92%,var(--warning) 8%)}.tool-pill-admin{background:color-mix(in srgb,var(--danger) 12%,var(--surface) 88%);border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:color-mix(in srgb,var(--text-light) 92%,var(--danger) 8%)}.tool-pill-button{cursor:pointer;appearance:none;font:inherit}.tool-pill-button:hover{border-color:color-mix(in srgb,var(--primary) 52%,transparent);background:color-mix(in srgb,var(--surface) 82%,#0a1220 18%)}.tool-pill-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (max-width:1080px){.tools-directory-layout{grid-template-columns:minmax(0,1fr)}.tools-directory-rail,.tools-directory-main,.tools-directory-note{grid-column:1}.tools-directory-rail,.tools-directory-note{position:static}}@media (max-width:700px){.tools-directory-head h1{font-size:clamp(1.75rem,8vw,2.15rem)}.tools-directory-note{grid-column:1}.tools-grid{grid-template-columns:1fr;gap:10px}.tool-launch-card{padding:12px}.tool-icon{width:72px;height:72px}.tool-icon-image{width:79.2px;height:79.2px}}}@layer components{body[data-page="tools"] .portfolio-main{background:linear-gradient(180deg,#ffffff 0,color-mix(in srgb,var(--brand-mist) 76%,#ffffff 24%) 220px),var(--brand-mist)}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"]{padding-inline:clamp(.75rem,2vw,1.25rem)}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-workbench__shell{width:min(100%,1540px);max-width:1540px}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-workbench__layout{grid-template-columns:minmax(210px,248px) minmax(420px,1fr) minmax(310px,390px);gap:1rem}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] :is( .portfolio-workbench__filters,.portfolio-workbench__results,.portfolio-inspector ){border-color:color-mix(in srgb,var(--brand-midnight) 14%,var(--brand-signal-blue) 8%);border-radius:8px;background:rgba(255,255,255,.98);box-shadow:0 14px 34px rgba(9,31,59,.09)}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-workbench__results{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;gap:.7rem .85rem;padding:.9rem 1rem 1rem}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-inspector{position:relative;isolation:isolate;background:#ffffff}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-filter-head h2{font-size:1.08rem}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-results-toolbar{display:contents;margin:0}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-results-toolbar > div{grid-column:1;grid-row:1;align-self:center}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-results-count{color:var(--brand-midnight);font-size:.88rem;font-weight:750;white-space:nowrap}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-search{grid-column:2;grid-row:1;margin:0}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-search input{min-height:40px;border-color:color-mix(in srgb,var(--brand-midnight) 18%,transparent);font-size:.86rem}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-sort-control{grid-column:3;grid-row:1;align-self:center}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-results-list{grid-column:1 / -1;grid-row:2;gap:.42rem;padding-right:.25rem}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-empty-state{grid-column:1 / -1;grid-row:3}body[data-page="tools"] .tools-workbench-result{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;min-height:108px;padding:0;border:1px solid color-mix(in srgb,var(--brand-midnight) 14%,transparent);border-radius:8px;background:#ffffff;color:var(--brand-midnight);overflow:hidden;box-shadow:none;transform:none}body[data-page="tools"] .tools-workbench-result::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:transparent;transition:background-color var(--motion-fast) var(--easing-standard)}body[data-page="tools"] .tools-workbench-result:is(:hover,:focus-within){border-color:color-mix(in srgb,var(--brand-signal-blue) 58%,transparent);box-shadow:0 8px 20px rgba(9,31,59,.08)}body[data-page="tools"] .tools-workbench-result.is-selected{border-color:var(--brand-midnight);background:color-mix(in srgb,var(--brand-signal-blue) 7%,#ffffff 93%);color:var(--brand-midnight);box-shadow:0 8px 20px rgba(21,93,252,.08)}body[data-page="tools"] .tools-workbench-result.is-selected::before{background:var(--brand-action-copper)}body[data-page="tools"] .tools-workbench-result__select{display:grid;grid-template-columns:64px minmax(0,1fr);gap:.85rem;align-items:center;width:100%;min-width:0;border:0;background:transparent;color:inherit;padding:.72rem .75rem .72rem 1rem;font:inherit;text-align:left;cursor:pointer}body[data-page="tools"] .tools-workbench-result__select:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-signal-blue) 48%,transparent);outline-offset:-4px;border-radius:8px}body[data-page="tools"] .tools-workbench-result .portfolio-result-card__media{align-self:center;width:64px;height:64px;max-height:none;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--brand-midnight) 10%,transparent);border-radius:8px;background:#ffffff;padding:.28rem;box-shadow:0 7px 18px rgba(9,31,59,.06)}body[data-page="tools"] .tools-workbench-result .portfolio-result-card__icon,body[data-page="tools"] .tools-workbench-result .portfolio-result-card__icon img{width:100%;height:100%;border-radius:6px}body[data-page="tools"] .tools-workbench-result .portfolio-result-card__body{justify-content:center;gap:.24rem}body[data-page="tools"] .tools-workbench-result .portfolio-result-card__title{color:var(--brand-midnight);font-size:1rem;line-height:1.18;font-weight:800}body[data-page="tools"] .tools-workbench-result .portfolio-result-card__summary{display:block;overflow:visible;color:var(--brand-slate);font-size:.79rem;line-height:1.34;-webkit-line-clamp:unset}body[data-page="tools"] .tools-workbench-result .portfolio-chip-row{gap:.32rem;margin-top:.12rem}body[data-page="tools"] .tools-workbench-result .portfolio-chip{min-height:22px;padding:.18rem .42rem;border-radius:5px;background:#ffffff;color:var(--brand-slate);font-size:.67rem}body[data-page="tools"] .tools-workbench-result .portfolio-chip--accent{border-color:color-mix(in srgb,var(--brand-signal-blue) 52%,transparent);background:color-mix(in srgb,var(--brand-signal-blue) 5%,#ffffff 95%);color:var(--brand-signal-blue)}body[data-page="tools"] .tools-workbench-result.is-selected :is( .portfolio-result-card__title,.portfolio-result-card__summary ){color:inherit}body[data-page="tools"] .tools-workbench-result.is-selected .portfolio-chip{border-color:color-mix(in srgb,var(--brand-midnight) 20%,transparent);background:#ffffff;color:var(--brand-slate)}body[data-page="tools"] .tools-workbench-result.is-selected .portfolio-chip--accent{border-color:color-mix(in srgb,var(--brand-signal-blue) 58%,transparent);color:var(--brand-signal-blue)}body[data-page="tools"] .tools-workbench-result__open{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-width:86px;min-height:44px;align-self:center;margin-right:.75rem;border-radius:7px;color:var(--brand-signal-blue);font-size:.84rem;font-weight:800;text-decoration:none}body[data-page="tools"] .tools-workbench-result__open svg,body[data-page="tools"] .portfolio-inspector__cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}body[data-page="tools"] .tools-workbench-result__open:is(:hover,:focus-visible){background:color-mix(in srgb,var(--brand-signal-blue) 8%,transparent);outline:2px solid color-mix(in srgb,var(--brand-signal-blue) 42%,transparent);outline-offset:1px}body[data-page="tools"] .tools-workbench-inspector__head{align-items:flex-start}body[data-page="tools"] .tools-workbench-inspector__head .portfolio-inspector__close{display:inline-flex;flex:0 0 36px;width:36px;min-width:36px;min-height:36px;padding:0}body[data-page="tools"] .tools-workbench-inspector__head .portfolio-inspector__close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}body[data-page="tools"] .tools-workbench-inspector__identity{display:flex;gap:.85rem;align-items:center;min-width:0}body[data-page="tools"] .tools-workbench-inspector__icon{display:grid;place-items:center;flex:0 0 70px;width:70px;height:70px;border:1px solid color-mix(in srgb,var(--brand-midnight) 10%,transparent);border-radius:8px;background:#ffffff;box-shadow:0 8px 20px rgba(9,31,59,.07)}body[data-page="tools"] .tools-workbench-inspector__icon .portfolio-result-card__icon,body[data-page="tools"] .tools-workbench-inspector__icon img{width:60px;height:60px;border-radius:7px;object-fit:contain}body[data-page="tools"] .tools-workbench-inspector__head .portfolio-inspector__type{margin:.42rem 0 0}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-inspector__rule{background:var(--brand-action-copper)}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-inspector__section{border-color:color-mix(in srgb,var(--brand-midnight) 11%,transparent)}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-inspector__cta{gap:.55rem}body[data-page="tools"] .tools-resume-panel{flex:0 0 auto;max-height:132px;margin:0 0 .7rem;padding:.62rem .75rem;overflow-y:auto;border-color:color-mix(in srgb,var(--brand-midnight) 14%,transparent);border-radius:8px;background:#ffffff}body[data-page="tools"] .tools-resume-panel .tools-resume-kicker{display:none}body[data-page="tools"] .tools-resume-panel .tools-resume-title{font-size:.92rem}body[data-page="tools"] .tools-workbench-fallback{display:grid;gap:.75rem;margin-top:1rem}@media (min-width:821px) and (max-width:1100px){body[data-page="tools"].portfolio-workbench-page{height:auto;min-height:100%;overflow:auto}body[data-page="tools"] .portfolio-main{overflow:visible}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-workbench__layout{grid-template-columns:minmax(210px,250px) minmax(0,1fr);gap:.75rem;box-shadow:none}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] :is( .portfolio-workbench__filters,.portfolio-workbench__results,.portfolio-inspector ){border:1px solid color-mix(in srgb,var(--brand-midnight) 16%,transparent);border-radius:8px}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-inspector{grid-column:1 / -1;max-height:none}}@media (max-width:820px){body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"]{padding:.7rem var(--mobile-page-gutter) calc(var(--mobile-site-dock-clearance,120px) + 1rem)}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-workbench__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;box-shadow:none}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] :is( .portfolio-workbench__results,.portfolio-workbench__filters,.portfolio-inspector ){border:1px solid color-mix(in srgb,var(--brand-midnight) 14%,transparent);border-radius:8px}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-workbench__results{display:flex;gap:.75rem;padding:.85rem}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-search{order:1;width:100%}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-results-toolbar{order:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,.7fr);gap:.65rem;align-items:end;margin:0}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-mobile-filter-trigger{grid-column:1;grid-row:1;width:100%;min-width:0;justify-self:stretch}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-sort-control{grid-column:2;grid-row:1;width:100%}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-results-toolbar > div{display:none}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-results-list{order:3;width:100%;padding:0}body[data-page="tools"] .portfolio-workbench[data-directory-workbench="tools"] .portfolio-empty-state{order:4}body[data-page="tools"] .tools-workbench-result{min-height:148px}body[data-page="tools"] .tools-workbench-result__select{grid-template-columns:72px minmax(0,1fr);align-items:start;min-height:148px;padding:.85rem .9rem 3.45rem 1rem}body[data-page="tools"] .tools-workbench-result .portfolio-result-card__media{width:72px;height:72px}body[data-page="tools"] .tools-workbench-result .portfolio-result-card__summary{display:block;overflow:visible;font-size:.82rem;-webkit-line-clamp:unset}body[data-page="tools"] .tools-workbench-result .portfolio-chip-row{padding-right:0}body[data-page="tools"] .tools-workbench-result__open{position:absolute;right:.82rem;bottom:.68rem;min-width:76px;margin:0}body[data-page="tools"] .portfolio-workbench[data-mobile-selection="overlay"].has-selected-project .portfolio-inspector{position:fixed;box-sizing:border-box;max-height:min(36dvh,19rem);padding:.9rem}body[data-page="tools"] .portfolio-workbench[data-mobile-selection="overlay"].has-selected-project :is( .tools-workbench-inspector__section--access,.tools-workbench-inspector__section--io,.tools-workbench-inspector__section--tags ){display:none}body[data-page="tools"] .portfolio-workbench[data-mobile-selection="overlay"].has-selected-project .portfolio-inspector__cta{flex:0 0 auto;margin-top:.55rem}body.has-mobile-site-dock[data-page="tools"] .portfolio-workbench[data-mobile-selection="overlay"].has-selected-project .portfolio-inspector{bottom:calc(var(--mobile-site-dock-height,112px) + env(safe-area-inset-bottom,0px) + .45rem);padding-bottom:.9rem}body[data-page="tools"] .tools-workbench-inspector__icon{flex-basis:58px;width:58px;height:58px}body[data-page="tools"] .tools-workbench-inspector__icon .portfolio-result-card__icon,body[data-page="tools"] .tools-workbench-inspector__icon img{width:50px;height:50px}body[data-page="tools"] .tools-resume-panel{max-height:180px}}@media (max-width:430px){body[data-page="tools"] .tools-workbench-result__select{grid-template-columns:62px minmax(0,1fr);gap:.72rem;padding-left:.85rem}body[data-page="tools"] .tools-workbench-result .portfolio-result-card__media{width:62px;height:62px}body[data-page="tools"] .tools-workbench-result .portfolio-chip:nth-child(n + 3){display:none}}}@layer overrides{body[data-page="tools"] [data-directory-workbench="tools"] .portfolio-brand-panel .tools-account-dock,body[data-page="tools"] [data-directory-workbench="tools"] .portfolio-brand-panel .tools-account-dock-inner,body[data-page="tools"] [data-directory-workbench="tools"] .portfolio-brand-panel .tools-account-bar{width:auto;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}body[data-page="tools"] [data-directory-workbench="tools"] .portfolio-brand-panel .tools-account-dock-inner{display:block}body[data-page="tools"] [data-directory-workbench="tools"] .portfolio-brand-panel .tools-account-bar{display:flex;justify-content:flex-end;gap:.45rem}body[data-page="tools"] [data-directory-workbench="tools"] .portfolio-brand-panel .tools-account-pill:not(.is-authed),body[data-page="tools"] [data-directory-workbench="tools"] .portfolio-brand-panel .tools-account-status{display:none}body[data-page="tools"] [data-directory-workbench="tools"] .portfolio-brand-panel :is(.btn-primary,.btn-secondary,.btn-ghost){min-height:40px;padding:.65rem .9rem;border-radius:7px;font-size:.8rem}body[data-page="tools"] [data-directory-workbench="tools"] .portfolio-brand-panel .btn-primary{border-color:#ffffff;background:#ffffff;color:var(--workbench-accent-ink);box-shadow:0 10px 22px rgba(0,0,0,.18)}body[data-page="tools"] [data-directory-workbench="tools"] .portfolio-brand-panel .btn-ghost{border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.12);color:#ffffff}body[data-page="tools"] [data-directory-workbench="tools"] .portfolio-brand-panel .btn-ghost:is(:hover,:focus-visible){border-color:#ffffff;background:#ffffff;color:var(--workbench-accent-ink)}body[data-page="tools"] .tools-workbench-result.is-selected .tools-workbench-result__open{color:#ffffff}body[data-page="tools"] .tools-workbench-result.is-selected .tools-workbench-result__open:is(:hover,:focus-visible){background:rgba(255,255,255,.12);outline-color:rgba(255,255,255,.56)}}@layer components{.tools-account-dock{position:relative;z-index:2;padding:clamp(10px,2vh,14px) 0 0}.tools-account-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--brand-midnight,#091f3b) 12%,transparent);background:#fff;color:var(--brand-midnight,var(--text-light));box-shadow:var(--shadow-sm,0 10px 24px rgba(9,31,59,.08))}.tools-account-bar:empty{display:none}.tools-account-status{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;flex-basis:100%;margin:0;color:var(--brand-graphite,var(--text-muted));font-size:.95rem;line-height:1.5}.tools-account-tools-link{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--brand-midnight,#091f3b) 12%,transparent);background:#fff;color:var(--brand-midnight,var(--text-light));font-weight:600;font-size:.9rem;letter-spacing:.01em;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease}.tools-account-tools-link:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--brand-signal-blue,var(--primary)) 7%,#ffffff 93%);border-color:color-mix(in srgb,var(--brand-signal-blue,var(--primary)) 34%,transparent)}.tools-account-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--brand-midnight,#091f3b) 12%,transparent);background:#fff;color:var(--brand-midnight,var(--text-light));font-weight:600;font-size:.9rem;letter-spacing:.01em}.tools-account-pill.is-authed{border-color:color-mix(in srgb,var(--success) 45%,transparent);background:color-mix(in srgb,var(--success) 12%,var(--surface) 88%);color:color-mix(in srgb,var(--text-light) 92%,var(--success) 8%)}.tools-dashboard-section{padding:clamp(2.6rem,6vh,3.4rem) 0}.tools-dashboard-status{margin:0 0 16px;color:var(--text-muted);font-size:.98rem;line-height:1.6}.tools-dashboard-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0 0 clamp(16px,3vw,22px)}.tools-dashboard-overview-card{display:grid;gap:4px;min-width:0;padding:14px 16px;border-radius:8px;border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);background:#fff;box-shadow:var(--shadow-sm,0 10px 24px rgba(9,31,59,.08))}.tools-dashboard-overview-label{margin:0;color:var(--brand-slate,var(--text-muted));font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tools-dashboard-overview-value{margin:0;color:var(--brand-midnight,var(--text-light));font-size:1.35rem;font-weight:700;line-height:1.2;letter-spacing:0;overflow-wrap:anywhere}.tools-dashboard-overview-note{margin:0;color:var(--brand-slate,var(--text-muted));font-size:.88rem;line-height:1.45}.tools-dashboard-layout{display:grid;gap:clamp(16px,3vw,22px);align-items:start}.tools-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(16px,3vw,22px);align-items:start}.tools-dashboard-grid.is-stacked{grid-template-columns:1fr}.tools-dashboard-card{padding:clamp(1.1rem,2vw,1.4rem);border-radius:16px;border:1px solid color-mix(in srgb,var(--brand-midnight,#091f3b) 12%,transparent);background:#fff;color:var(--brand-midnight,var(--text-light));box-shadow:var(--shadow-sm,0 10px 24px rgba(9,31,59,.08))}.tools-dashboard-card-head{display:grid;gap:6px;margin-bottom:14px;max-width:70ch}.tools-dashboard-card h2{margin:0;font-size:1.15rem;letter-spacing:.01em}.tools-dashboard-subtitle{margin:0;color:var(--brand-slate,var(--text-muted));font-size:.95rem;line-height:1.6}.tools-dashboard-list{display:grid;gap:10px}.tools-dashboard-pinned-list{display:grid;gap:10px}.tools-dashboard-pinned-card[hidden]{display:none !important}.tools-sessions-panel{display:grid;gap:12px}.tools-sessions-controls{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end}.tools-sessions-control{display:grid;gap:6px}.tools-sessions-label{color:var(--text-muted);font-size:.85rem;letter-spacing:.02em}.tools-sessions-input{width:100%;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);background:color-mix(in srgb,var(--surface) 92%,#000 8%);color:var(--text-light);font:inherit}.tools-sessions-toggle{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);background:color-mix(in srgb,var(--surface) 92%,#000 8%);color:var(--text-muted);font-size:.9rem;line-height:1.3;white-space:nowrap}.tools-sessions-toggle input{width:18px;height:18px;margin:0;accent-color:color-mix(in srgb,var(--primary) 85%,#ffffff 15%)}.tools-sessions-more{grid-column:1 / -1;border-radius:14px;border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);background:color-mix(in srgb,var(--surface) 92%,#000 8%);padding:10px 12px}.tools-sessions-more summary{cursor:pointer;color:var(--text-muted);font-size:.9rem}.tools-sessions-more-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:10px}.tools-sessions-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.tools-sessions-summary{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.5}.tools-sessions-load-more{display:flex;justify-content:center;padding-top:4px}.tools-sessions-load-more[hidden]{display:none !important}.tools-sessions-bulk{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);background:color-mix(in srgb,var(--surface) 92%,#000 8%)}.tools-sessions-bulk-summary{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.4}.tools-sessions-bulk-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.tools-dashboard-item{display:flex;justify-content:space-between;gap:14px;padding:12px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);background:color-mix(in srgb,var(--surface) 92%,#000 8%)}.tools-dashboard-item a{color:inherit;text-decoration:none}.tools-dashboard-item-title{margin:0;font-weight:700;letter-spacing:.01em}.tools-dashboard-item-meta{margin:4px 0 0;color:var(--text-muted);font-size:.9rem;line-height:1.5}.tools-dashboard-item-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:flex-start}.tools-session-item-head{display:flex;gap:10px;align-items:center}.tools-session-select{display:none;align-items:center;gap:8px}.tools-sessions-panel.is-selecting .tools-session-select{display:inline-flex}.tools-session-select input{width:18px;height:18px;margin:0;accent-color:color-mix(in srgb,var(--primary) 85%,#ffffff 15%)}.tools-session-pin{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);background:color-mix(in srgb,var(--surface) 92%,#000 8%);color:var(--text-muted);font-size:1.05rem;line-height:1;cursor:pointer}.tools-session-pin[aria-pressed="true"]{color:color-mix(in srgb,var(--primary) 70%,#ffffff 30%);border-color:color-mix(in srgb,var(--primary) 26%,transparent)}.tools-session-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}.tools-session-tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);background:color-mix(in srgb,var(--surface) 96%,#000 4%);color:var(--text-muted);font-size:.82rem;line-height:1.2}.tools-session-tag.is-more{border-style:dashed}.tools-dashboard-empty{margin:0;padding:10px 0;color:var(--text-muted);font-size:.95rem;line-height:1.6}.tools-account-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}@media (min-width:1080px){.tools-dashboard-layout{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)}.tools-dashboard-sessions-card{grid-column:1;grid-row:1 / span 2}.tools-dashboard-pinned-card{grid-column:2;grid-row:1}.tools-dashboard-account-card{grid-column:2;grid-row:2}}.tools-account-modal-status{min-height:1.2em;margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.6;text-align:center}.tools-account-modal-meta{margin:0;display:grid;gap:10px}.tools-account-modal-meta-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);background:color-mix(in srgb,var(--surface) 92%,#000 8%)}.tools-account-modal-meta-row dt{margin:0;font-weight:700;letter-spacing:.01em}.tools-account-modal-meta-row dd{margin:0;color:var(--text-muted);overflow-wrap:anywhere;text-align:right}.tools-session-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tools-session-modal-status{min-height:1.2em;margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.6;text-align:center}.tools-session-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(16px,3vw,22px);align-items:start}.tools-session-details{border-radius:16px;border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);background:color-mix(in srgb,var(--surface) 92%,#000 8%);padding:12px 14px}.tools-session-details > summary{cursor:pointer;color:var(--text-muted);font-size:.95rem}.tools-session-details-form{display:grid;gap:12px;margin-top:12px}.tools-session-details-field{display:grid;gap:6px}.tools-session-details-label{color:var(--text-muted);font-size:.85rem;letter-spacing:.02em}.tools-session-details-note{resize:vertical;min-height:90px}.tools-session-details-pin{justify-content:flex-start;white-space:normal}.tools-session-details-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.tools-session-output-summary{margin:0 0 12px;color:var(--text-muted);font-size:.95rem;line-height:1.6}.tools-session-output:not(.textcompare-output){padding:14px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);background:color-mix(in srgb,var(--surface) 92%,#000 8%);overflow:auto;max-height:min(520px,60vh)}.tools-session-image{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:12px;background:color-mix(in srgb,var(--surface) 96%,#02070d 4%)}.tools-session-fields{display:grid;gap:10px}.tools-session-field{border-radius:14px;border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);background:color-mix(in srgb,var(--surface) 92%,#000 8%);padding:10px 12px}.tools-session-field > summary{cursor:pointer;list-style:none;font-family:'Inter';font-weight:600;letter-spacing:.01em;color:color-mix(in srgb,var(--text-light) 92%,#ffffff 8%)}.tools-session-field > summary::-webkit-details-marker{display:none}.tools-session-field > summary::before{content:"▸";display:inline-block;width:1em;margin-right:6px;color:color-mix(in srgb,var(--primary) 78%,#ffffff 22%);transition:transform .2s ease}.tools-session-field[open] > summary::before{transform:rotate(90deg)}.tools-session-field-meta{margin:8px 0 10px;color:var(--text-muted);font-size:.9rem;line-height:1.5}.tools-session-pre{margin:0;padding:12px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);background:color-mix(in srgb,var(--surface) 96%,#02070d 4%);color:color-mix(in srgb,var(--text-light) 96%,#ffffff 4%);white-space:pre-wrap;overflow-wrap:anywhere;max-height:min(480px,55vh);overflow:auto;font-size:.93rem;line-height:1.6}.tools-session-truncate-note{margin:10px 0 0;color:var(--text-muted);font-size:.9rem;line-height:1.5}.tools-session-advanced{margin-top:12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);background:color-mix(in srgb,var(--surface) 94%,#000 6%);padding:12px 14px}.tools-session-advanced > summary{cursor:pointer;list-style:none;font-family:'Inter';font-weight:600;letter-spacing:.01em;color:color-mix(in srgb,var(--text-light) 92%,#ffffff 8%)}.tools-session-advanced > summary::-webkit-details-marker{display:none}.tools-session-advanced > summary::before{content:"▸";display:inline-block;width:1em;margin-right:6px;color:color-mix(in srgb,var(--primary) 78%,#ffffff 22%);transition:transform .2s ease}.tools-session-advanced[open] > summary::before{transform:rotate(90deg)}.tools-session-advanced .tools-session-fields{margin-top:12px}@media (prefers-reduced-motion:reduce){.tools-session-field > summary::before{transition:none !important}.tools-session-advanced > summary::before{transition:none !important}}}@layer components{:is( body[data-page="word-frequency"],body[data-page="text-compare"],body[data-page="point-of-view-checker"],body[data-page="oxford-comma-checker"],body[data-page="nbsp-cleaner"],body[data-page="background-remover"],body[data-page="image-optimizer"],body[data-page="ocean-wave-simulation"],body[data-page="qr-code-generator"],body[data-page="utm-batch-builder"] ){--tool-accent:var(--primary);--tool-accent-strong:color-mix(in srgb,var(--primary) 68%,#0A1A1F 32%);--tool-accent-soft:color-mix(in srgb,var(--primary) 24%,transparent);--tool-surface:color-mix(in srgb,var(--surface) 88%,#09121c 12%);--tool-surface-strong:color-mix(in srgb,var(--surface) 78%,#050b12 22%)}:is( .bgtool-hero,.imgopt-hero,.wordfreq-top-panel,.textcompare-top-panel,.povcheck-top-panel,.oxford-top-panel,.nbsp-hero,.ocean-wave-hero,.qrtool-hero,.utmtool-hero ){position:relative;overflow:hidden;padding:clamp(3rem,7vh,5rem) 0;background:radial-gradient(900px circle at 8% 12%,color-mix(in srgb,var(--tool-accent) 24%,transparent),transparent 60%),radial-gradient(800px circle at 92% 0%,color-mix(in srgb,var(--tool-accent) 20%,#ffffff 8%),transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--tool-surface) 90%,#070e15 10%) 0%,color-mix(in srgb,var(--tool-surface-strong) 78%,#050b12 22%) 100%);border-bottom:1px solid color-mix(in srgb,var(--tool-accent) 25%,transparent);box-shadow:0 30px 60px rgba(0,0,0,.4)}:is( .bgtool-hero,.imgopt-hero,.wordfreq-top-panel,.textcompare-top-panel,.povcheck-top-panel,.oxford-top-panel,.nbsp-hero,.ocean-wave-hero,.qrtool-hero,.utmtool-hero ) .wrapper{max-width:var(--container-max);display:grid;gap:clamp(1.4rem,2.8vw,2.1rem)}:is( .bgtool-lead,.imgopt-lead,.wordfreq-top-lead,.textcompare-top-lead,.povcheck-top-lead,.oxford-top-lead,.nbsp-lead,.ocean-wave-lead,.qrtool-lead,.utmtool-lead ){margin:0;max-width:64ch;color:var(--text-muted);font-size:1.1rem;line-height:1.7}:is( .bgtool-steps,.imgopt-steps,.wordfreq-steps,.povcheck-steps,.oxford-steps,.nbsp-steps,.ocean-wave-steps,.qrtool-steps,.utmtool-steps ){display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(12px,2vw,16px)}:is( .bgtool-step,.imgopt-step,.wordfreq-step,.povcheck-step,.oxford-step,.nbsp-step,.ocean-wave-step,.qrtool-step,.utmtool-step ){display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--tool-accent) 22%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--tool-surface) 92%,#060d14 8%) 0%,color-mix(in srgb,var(--tool-surface) 82%,#040a11 18%) 100%);box-shadow:0 16px 32px rgba(0,0,0,.28)}:is( .bgtool-step-number,.imgopt-step-number,.wordfreq-step-number,.povcheck-step-number,.oxford-step-number,.nbsp-step-number,.ocean-wave-step-number,.qrtool-step-number,.utmtool-step-number ){width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:color-mix(in srgb,#ffffff 94%,var(--bg) 6%);background:linear-gradient(135deg,color-mix(in srgb,var(--tool-accent) 78%,#ffffff 22%) 0%,color-mix(in srgb,var(--tool-accent-strong) 62%,#071219 38%) 100%);box-shadow:0 12px 22px rgba(0,0,0,.28)}:is( .bgtool-step,.imgopt-step,.wordfreq-step,.povcheck-step,.oxford-step,.nbsp-step,.ocean-wave-step,.qrtool-step,.utmtool-step ) h3{margin:0 0 4px;font-size:1.02rem;letter-spacing:.01em}:is( .bgtool-step,.imgopt-step,.wordfreq-step,.povcheck-step,.oxford-step,.nbsp-step,.ocean-wave-step,.qrtool-step,.utmtool-step ) p{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.6}:is( .bgtool-section,.imgopt-section,.wordfreq-section,.textcompare-section,.povcheck-section,.oxford-section,.nbsp-section,.ocean-wave-section,.qrtool-section,.utmtool-section ){padding:clamp(2.8rem,6vh,3.8rem) 0}:is( .bgtool-card,.imgopt-card,.wordfreq-card,.textcompare-card,.povcheck-card,.oxford-card,.nbsp-card,.ocean-wave-card,.qrtool-card ){background:linear-gradient(160deg,color-mix(in srgb,var(--tool-surface) 92%,#04090f 8%) 0%,color-mix(in srgb,var(--tool-surface-strong) 84%,#04090f 16%) 100%);border:1px solid color-mix(in srgb,var(--tool-accent) 24%,transparent);border-radius:20px;padding:clamp(1.4rem,2.4vw,2rem);box-shadow:0 20px 42px rgba(0,0,0,.32)}:is( .bgtool-card,.imgopt-card,.wordfreq-card,.textcompare-card,.povcheck-card,.oxford-card,.nbsp-card,.ocean-wave-card,.qrtool-card ){animation:tool-rise .6s ease both}:is( .bgtool-step,.imgopt-step,.wordfreq-step,.povcheck-step,.oxford-step,.nbsp-step,.ocean-wave-step,.qrtool-step ){animation:tool-rise .5s ease both}@keyframes tool-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){:is( body[data-page="word-frequency"],body[data-page="text-compare"],body[data-page="point-of-view-checker"],body[data-page="oxford-comma-checker"],body[data-page="nbsp-cleaner"],body[data-page="background-remover"],body[data-page="image-optimizer"],body[data-page="ocean-wave-simulation"],body[data-page="qr-code-generator"],body[data-page="utm-batch-builder"] ) :is( .bgtool-hero,.imgopt-hero,.wordfreq-top-panel,.textcompare-top-panel,.povcheck-top-panel,.oxford-top-panel,.nbsp-hero,.ocean-wave-hero,.qrtool-hero,.utmtool-hero ),body[data-page="screen-recorder"] .screenrec-hero{padding:var(--mobile-section-y-tight) 0;box-shadow:0 12px 26px rgba(0,0,0,.28)}:is( body[data-page="word-frequency"],body[data-page="text-compare"],body[data-page="point-of-view-checker"],body[data-page="oxford-comma-checker"],body[data-page="nbsp-cleaner"],body[data-page="background-remover"],body[data-page="image-optimizer"],body[data-page="ocean-wave-simulation"],body[data-page="qr-code-generator"],body[data-page="utm-batch-builder"] ) :is( .bgtool-hero,.imgopt-hero,.wordfreq-top-panel,.textcompare-top-panel,.povcheck-top-panel,.oxford-top-panel,.nbsp-hero,.ocean-wave-hero,.qrtool-hero,.utmtool-hero ) .wrapper,body[data-page="screen-recorder"] .screenrec-hero .wrapper{gap:14px;padding-inline:var(--mobile-page-gutter)}:is( body[data-page="word-frequency"],body[data-page="text-compare"],body[data-page="point-of-view-checker"],body[data-page="oxford-comma-checker"],body[data-page="nbsp-cleaner"],body[data-page="background-remover"],body[data-page="image-optimizer"],body[data-page="ocean-wave-simulation"],body[data-page="qr-code-generator"],body[data-page="utm-batch-builder"] ) :is( .bgtool-steps,.imgopt-steps,.wordfreq-steps,.povcheck-steps,.oxford-steps,.nbsp-steps,.ocean-wave-steps,.qrtool-steps,.utmtool-steps ),body[data-page="screen-recorder"] .screenrec-steps{grid-template-columns:1fr;gap:10px}:is( body[data-page="word-frequency"],body[data-page="text-compare"],body[data-page="point-of-view-checker"],body[data-page="oxford-comma-checker"],body[data-page="nbsp-cleaner"],body[data-page="background-remover"],body[data-page="image-optimizer"],body[data-page="ocean-wave-simulation"],body[data-page="qr-code-generator"],body[data-page="utm-batch-builder"] ) :is( .bgtool-step,.imgopt-step,.wordfreq-step,.povcheck-step,.oxford-step,.nbsp-step,.ocean-wave-step,.qrtool-step,.utmtool-step ),body[data-page="screen-recorder"] .screenrec-step{padding:12px;border-radius:12px;box-shadow:none}:is( body[data-page="word-frequency"],body[data-page="text-compare"],body[data-page="point-of-view-checker"],body[data-page="oxford-comma-checker"],body[data-page="nbsp-cleaner"],body[data-page="background-remover"],body[data-page="image-optimizer"],body[data-page="ocean-wave-simulation"],body[data-page="qr-code-generator"],body[data-page="utm-batch-builder"] ) :is( .bgtool-section,.imgopt-section,.wordfreq-section,.textcompare-section,.povcheck-section,.oxford-section,.nbsp-section,.ocean-wave-section,.qrtool-section,.utmtool-section ),body[data-page="screen-recorder"] .screenrec-section{padding:var(--mobile-section-y) 0}:is( body[data-page="word-frequency"],body[data-page="text-compare"],body[data-page="point-of-view-checker"],body[data-page="oxford-comma-checker"],body[data-page="nbsp-cleaner"],body[data-page="background-remover"],body[data-page="image-optimizer"],body[data-page="ocean-wave-simulation"],body[data-page="qr-code-generator"],body[data-page="utm-batch-builder"] ) :is( .bgtool-card,.imgopt-card,.wordfreq-card,.textcompare-card,.povcheck-card,.oxford-card,.nbsp-card,.ocean-wave-card,.qrtool-card ),body[data-page="screen-recorder"] .screenrec-card{padding:var(--mobile-card-pad);border-radius:12px;box-shadow:none}body[data-page="text-compare"] .textcompare-textarea,body[data-page="point-of-view-checker"] .povcheck-textarea,body[data-page="oxford-comma-checker"] .oxford-textarea,body[data-page="nbsp-cleaner"] .nbsp-textarea{min-height:220px}body[data-page="word-frequency"] .wordfreq-textarea{min-height:240px}}@media (prefers-reduced-motion:reduce){:is( .bgtool-card,.imgopt-card,.wordfreq-card,.textcompare-card,.povcheck-card,.oxford-card,.nbsp-card,.ocean-wave-card,.qrtool-card,.bgtool-step,.imgopt-step,.wordfreq-step,.povcheck-step,.oxford-step,.nbsp-step,.ocean-wave-step,.qrtool-step ){animation:none}}}@layer components{:is( body[data-tools-layout="text"],body[data-tools-layout="media"],body[data-tools-layout="admin"],body[data-tools-layout="directory"] ){--tools-shell-width:min(1560px,calc(100vw - 36px));--tools-shell-gap:clamp(14px,2vw,22px);--tools-shell-top:calc(var(--nav-height,72px) + 10px);--tools-pane-height:calc(100svh - var(--nav-height,72px) - 118px)}:is( body[data-tools-layout="text"],body[data-tools-layout="media"],body[data-tools-layout="admin"],body[data-tools-layout="directory"] ) .tools-hero{padding:clamp(.75rem,2vh,1.1rem) 0 clamp(.9rem,2.4vh,1.35rem);box-shadow:none}:is( body[data-tools-layout="text"],body[data-tools-layout="media"],body[data-tools-layout="admin"],body[data-tools-layout="directory"] ) .tools-hero .wrapper{max-width:var(--tools-shell-width)}:is( body[data-tools-layout="text"],body[data-tools-layout="media"],body[data-tools-layout="admin"],body[data-tools-layout="directory"] ) .tools-hero .hero-eyebrow{letter-spacing:.12em;font-size:.76rem}:is( body[data-tools-layout="text"],body[data-tools-layout="media"],body[data-tools-layout="admin"],body[data-tools-layout="directory"] ) .tools-account-dock-inner{max-width:var(--tools-shell-width)}:is( body[data-tools-layout="text"],body[data-tools-layout="media"],body[data-tools-layout="admin"],body[data-tools-layout="directory"] ) .tools-account-bar{padding:10px 0;border:0;border-radius:0;background:transparent;box-shadow:none}:is( body[data-tools-layout="text"],body[data-tools-layout="media"],body[data-tools-layout="admin"],body[data-tools-layout="directory"] ) .tools-account-dock{position:relative;top:auto;z-index:2;padding:0;border-bottom:1px solid color-mix(in srgb,var(--brand-midnight,#091f3b) 10%,transparent);background:#fff;box-shadow:none}:is( body[data-tools-layout="text"],body[data-tools-layout="media"],body[data-tools-layout="admin"],body[data-tools-layout="directory"] ) .tools-account-dock:has(.tools-account-bar:empty){display:none}:is( body[data-tools-layout="text"],body[data-tools-layout="media"],body[data-tools-layout="admin"] ) .footer{margin-top:clamp(1.5rem,4vh,2.3rem)}:is( body[data-tools-layout="text"],body[data-tools-layout="media"],body[data-tools-layout="admin"] ) .speed-dial{opacity:.88}body[data-tools-layout="text"] #main,body[data-tools-layout="media"] #main,body[data-tools-layout="admin"] #main,body[data-tools-layout="directory"] #main{width:var(--tools-shell-width);max-width:var(--tools-shell-width);margin-inline:auto}@media (min-width:1100px) and (min-height:760px){body[data-tools-layout="text"] #main{display:grid;grid-template-columns:minmax(400px,.9fr) minmax(500px,1.1fr);gap:var(--tools-shell-gap);align-items:stretch;min-height:var(--tools-pane-height);padding:var(--tools-shell-gap) 0 clamp(20px,3vh,28px)}body[data-tools-layout="text"] #main > .surface-band{padding:0;background:none;min-height:0}body[data-tools-layout="text"] #main > .surface-band > .wrapper{max-width:none;padding-inline:0;height:100%}body[data-tools-layout="text"] #main > .surface-band > .wrapper > :is( .textcompare-card,.wordfreq-card,.povcheck-card,.oxford-card,.nbsp-card ){height:100%;min-height:0;border-radius:8px}body[data-tools-layout="text"] :is( .textcompare-input-card,.wordfreq-input-card,.povcheck-input-card,.oxford-input-card,.nbsp-input-card ),body[data-tools-layout="text"] :is( .textcompare-results-card,.wordfreq-results-card,.povcheck-results-card,.oxford-results-card,.nbsp-results-card ){max-height:var(--tools-pane-height);overflow:auto;scrollbar-gutter:stable}body[data-page="text-compare"] .textcompare-grid{grid-template-columns:1fr}body[data-page="text-compare"] .textcompare-output{max-height:none;min-height:min(420px,calc(var(--tools-pane-height) - 220px))}body[data-page="word-frequency"] .wordfreq-textarea{min-height:min(420px,calc(var(--tools-pane-height) - 300px))}body[data-page="word-frequency"] .wordfreq-results{columns:1}body[data-page="word-frequency"] .wordfreq-fulltext{max-height:min(420px,calc(var(--tools-pane-height) - 360px))}body[data-page="point-of-view-checker"] .povcheck-textarea{min-height:min(320px,calc(var(--tools-pane-height) - 360px))}body[data-page="point-of-view-checker"] .povcheck-stat{height:min(420px,calc(var(--tools-pane-height) - 360px));border-radius:8px}body[data-page="point-of-view-checker"] .povcheck-output{min-height:min(320px,calc(var(--tools-pane-height) - 420px));overflow:auto;scrollbar-gutter:stable}body[data-page="oxford-comma-checker"] .oxford-output{min-height:min(380px,calc(var(--tools-pane-height) - 290px));overflow:auto;scrollbar-gutter:stable}body[data-page="nbsp-cleaner"] .nbsp-textarea{min-height:min(320px,calc(var(--tools-pane-height) - 250px))}body[data-page="nbsp-cleaner"] .nbsp-preview{max-height:180px;overflow:auto;scrollbar-gutter:stable}}@media (min-width:1180px) and (min-height:780px){body[data-tools-layout="media"] .tools-section{padding:clamp(14px,2.5vh,20px) 0 clamp(20px,3vh,28px)}body[data-page="image-optimizer"] .imgopt-section > .wrapper,body[data-page="background-remover"] .bgtool-section > .wrapper{max-width:var(--tools-shell-width);padding-inline:0;display:grid;gap:var(--tools-shell-gap);align-items:start}body[data-page="image-optimizer"] .imgopt-section > .wrapper{grid-template-columns:minmax(320px,.76fr) minmax(0,1.24fr);grid-template-areas:"settings intake" "settings results";grid-template-rows:minmax(0,auto) minmax(0,1fr);height:var(--tools-pane-height)}body[data-page="image-optimizer"][data-tools-state="empty"] .imgopt-section > .wrapper{grid-template-areas:"settings intake";grid-template-rows:minmax(0,1fr);height:auto}body[data-page="background-remover"] .bgtool-section > .wrapper{grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);grid-template-areas:"sidebar preview" "sidebar results";grid-template-rows:minmax(0,1.06fr) minmax(280px,.94fr);height:var(--tools-pane-height)}body[data-page="background-remover"][data-tools-state="empty"] .bgtool-section > .wrapper{grid-template-areas:"sidebar preview";grid-template-rows:minmax(0,1fr);height:auto}body[data-page="image-optimizer"] .imgopt-grid{display:contents}body[data-page="background-remover"] .bgtool-grid{grid-area:sidebar;display:grid;grid-template-columns:1fr;gap:var(--tools-shell-gap);align-self:stretch;min-height:0;overflow:auto;scrollbar-gutter:stable}body[data-page="image-optimizer"] .imgopt-controls-card{grid-area:settings;align-self:stretch;height:100%;min-height:0;overflow:auto;scrollbar-gutter:stable}body[data-page="image-optimizer"] .imgopt-drop-card{grid-area:intake;margin-top:0}body[data-page="image-optimizer"] .imgopt-filelist{max-height:min(320px,calc(var(--tools-pane-height) - 260px));overflow:auto;scrollbar-gutter:stable}body[data-page="background-remover"] .bgtool-drop-card{position:static;max-height:none;overflow:visible}body[data-page="background-remover"] .bgtool-controls-card{position:static;max-height:none;overflow:visible}body[data-page="image-optimizer"] .imgopt-results-card{grid-area:results;margin-top:0;align-self:stretch;height:100%;min-height:0;overflow:auto;scrollbar-gutter:stable}body[data-page="image-optimizer"][data-tools-state="empty"] .imgopt-results-card{display:none}body[data-page="background-remover"] .bgtool-preview-card{grid-area:preview;margin-top:0;align-self:stretch;height:100%;min-height:0;overflow:auto;scrollbar-gutter:stable}body[data-page="background-remover"] .bgtool-results-card{grid-area:results;margin-top:0;align-self:stretch;height:100%;min-height:0;overflow:auto;scrollbar-gutter:stable}body[data-page="background-remover"][data-tools-state="empty"] .bgtool-results-card{display:none}body[data-page="image-optimizer"] .imgopt-card,body[data-page="background-remover"] .bgtool-card,body[data-page="qr-code-generator"] .qrtool-card,body[data-page="screen-recorder"] .screenrec-card,body[data-page="transcribe"] .whispermon-card,body[data-page="ocean-wave-simulation"] .ocean-wave-card{border-radius:8px}body[data-page="qr-code-generator"] .qrtool-workspace{grid-template-columns:minmax(460px,.96fr) minmax(360px,.84fr);min-height:var(--tools-pane-height)}body[data-page="qr-code-generator"] .qrtool-preview-card{position:sticky;top:calc(var(--tools-shell-top) + 50px);max-height:calc(var(--tools-pane-height) - 6px);overflow:auto;scrollbar-gutter:stable}body[data-page="qr-code-generator"] .qrtool-controls-card{max-height:var(--tools-pane-height);overflow:auto;scrollbar-gutter:stable}body[data-page="screen-recorder"] .screenrec-grid{grid-template-columns:minmax(340px,.82fr) minmax(520px,1.18fr);min-height:var(--tools-pane-height)}body[data-page="screen-recorder"] .screenrec-controls{position:sticky;top:calc(var(--tools-shell-top) + 50px);max-height:calc(var(--tools-pane-height) - 6px);overflow:auto;scrollbar-gutter:stable}body[data-page="screen-recorder"] .screenrec-preview{max-height:var(--tools-pane-height);overflow:auto;scrollbar-gutter:stable}body[data-page="transcribe"] .whispermon-grid{grid-template-columns:1fr}body[data-page="transcribe"] .whispermon-card-wide{display:grid;gap:14px}body[data-page="transcribe"] .whispermon-card-wide form.contact-form{display:grid;gap:14px 18px;align-items:start;grid-template-columns:minmax(0,1fr);max-width:min(1080px,100%);margin-inline:auto}body[data-page="ocean-wave-simulation"] .ocean-wave-grid{grid-template-columns:minmax(520px,1.15fr) minmax(320px,.85fr);min-height:var(--tools-pane-height)}body[data-page="ocean-wave-simulation"] .ocean-wave-stage-card{max-height:var(--tools-pane-height);overflow:hidden}body[data-page="ocean-wave-simulation"] .ocean-wave-controls-card{position:sticky;top:calc(var(--tools-shell-top) + 50px);max-height:calc(var(--tools-pane-height) - 6px);overflow:auto;scrollbar-gutter:stable}}@media (min-width:1080px){body[data-tools-layout="admin"] #main{padding-top:clamp(12px,2vh,18px)}body[data-page="tools-dashboard"] .tools-dashboard-grid.is-stacked{grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr)}body[data-page="tools-dashboard"] .tools-dashboard-card{border-radius:8px;max-height:calc(100svh - var(--nav-height,72px) - 150px);overflow:auto;scrollbar-gutter:stable}body[data-page="job-application-tracker"] .jobtrack-tabs-section{padding-top:clamp(12px,2vh,18px)}body[data-page="job-application-tracker"] .jobtrack-tablist{position:sticky;top:calc(var(--nav-height,72px) + 18px);z-index:10}body[data-page="job-application-tracker"] .jobtrack-card{border-radius:8px}body[data-page="short-links"] .shortlinks-mode-tabs{position:sticky;top:calc(var(--nav-height,72px) + 18px);z-index:10;padding:8px 0 2px;background:linear-gradient( 180deg,color-mix(in srgb,var(--bg) 72%,transparent) 0%,color-mix(in srgb,var(--bg) 94%,transparent) 68%,transparent 100% );backdrop-filter:blur(10px)}body[data-page="short-links"] .shortlinks-shell-card{border-radius:8px}body[data-page="ga4-utm-performance"] .ga4-quickstart{border-radius:8px}body[data-page="ga4-utm-performance"] .ga4-panel-card{border-radius:8px}body[data-page="utm-batch-builder"] .utmtool-shell{min-height:var(--tools-pane-height);display:grid}body[data-page="utm-batch-builder"] #utm-batch-builder-root{min-height:inherit}}body[data-tools-layout="directory"] .tools-section{padding:clamp(18px,4vh,28px) 0 clamp(30px,6vh,42px)}.tools-resume-panel{display:grid;gap:8px;margin:10px 0 0;padding:10px 12px;border-radius:8px;border:1px solid color-mix(in srgb,var(--brand-midnight,#091f3b) 9%,transparent);background:color-mix(in srgb,#ffffff 84%,var(--brand-mist,#eef2f7) 16%);color:var(--brand-midnight,var(--text-light));box-shadow:none}.tools-resume-panel[hidden]{display:none !important}.tools-resume-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.tools-resume-head-copy{display:grid;gap:4px}.tools-resume-kicker{margin:0;color:var(--brand-slate,var(--text-muted));font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tools-resume-title{margin:0;font-size:.94rem;line-height:1.2;letter-spacing:0}.tools-resume-status{min-height:0;margin:0;color:var(--brand-slate,var(--text-muted));font-size:.82rem;line-height:1.5}.tools-resume-status:empty{display:none}.tools-resume-content,.tools-resume-groups,.tools-resume-group,.tools-resume-list{display:grid;gap:12px}.tools-resume-group-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 12px}.tools-resume-group-title{margin:0;font-size:1rem;line-height:1.3}.tools-resume-group-note{margin:0;color:var(--brand-slate,var(--text-muted));font-size:.9rem;line-height:1.5}.tools-resume-card{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 16px;padding:12px 14px;border-radius:8px;border:1px solid color-mix(in srgb,var(--brand-midnight,#091f3b) 10%,transparent);background:color-mix(in srgb,var(--brand-mist,#edf4f7) 58%,#ffffff 42%)}.tools-resume-card-main{min-width:0;flex:1 1 220px}.tools-resume-card-title{margin:0;font-size:1rem;line-height:1.35}.tools-resume-card-title a{color:inherit;text-decoration:none}.tools-resume-card-meta{margin:4px 0 0;color:var(--brand-slate,var(--text-muted));font-size:.9rem;line-height:1.5}.tools-resume-card-actions,.tools-resume-prompt-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;justify-content:flex-end}.tools-resume-empty,.tools-resume-prompt{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 12px;padding:0;border:0;background:transparent}.tools-resume-empty p,.tools-resume-prompt p{margin:0}.tools-resume-prompt-copy{display:grid;gap:6px;max-width:44rem}body[data-tools-layout="directory"] .tool-card{border-radius:8px;box-shadow:none}body[data-tools-layout="directory"] .tool-card[hidden]{display:none !important}@media (min-width:980px){.tools-resume-groups{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start}}@media (max-width:768px){:is( body[data-tools-layout="text"],body[data-tools-layout="media"],body[data-tools-layout="admin"],body[data-tools-layout="directory"] ){--tools-shell-width:100%;--tools-shell-gap:12px;--tools-pane-height:auto;--tools-shell-top:calc(var(--nav-height,72px) + 6px)}body[data-tools-layout="text"] #main,body[data-tools-layout="media"] #main,body[data-tools-layout="admin"] #main,body[data-tools-layout="directory"] #main{width:100%;max-width:100%}:is( body[data-tools-layout="text"],body[data-tools-layout="media"],body[data-tools-layout="admin"],body[data-tools-layout="directory"] ) .tools-hero{padding:var(--mobile-section-y-tight) 0;box-shadow:none}:is( body[data-tools-layout="text"],body[data-tools-layout="media"],body[data-tools-layout="admin"],body[data-tools-layout="directory"] ) .tools-hero .wrapper,:is( body[data-tools-layout="text"],body[data-tools-layout="media"],body[data-tools-layout="admin"],body[data-tools-layout="directory"] ) .tools-account-dock-inner{padding-inline:var(--mobile-page-gutter)}:is( body[data-tools-layout="text"],body[data-tools-layout="media"],body[data-tools-layout="admin"],body[data-tools-layout="directory"] ) .tools-section{padding:var(--mobile-section-y) 0}:is( body[data-tools-layout="text"],body[data-tools-layout="media"],body[data-tools-layout="admin"],body[data-tools-layout="directory"] ) #main > .surface-band > .wrapper{padding-inline:var(--mobile-page-gutter)}:is( body[data-tools-layout="text"],body[data-tools-layout="media"],body[data-tools-layout="admin"],body[data-tools-layout="directory"] ) .tools-account-bar,.tools-resume-panel{box-shadow:none}.tools-resume-panel{padding:var(--mobile-card-pad)}}}