@layer tokens,base,layout,components,utilities,overrides;@layer components{.tools-hero{position:relative;overflow:hidden;padding:clamp(1.2rem,3.2vh,1.9rem) 0 clamp(1.5rem,4vh,2.3rem);background:radial-gradient(900px circle at 8% 12%,color-mix(in srgb,var(--primary) 28%,transparent),transparent 60%),radial-gradient(800px circle at 92% 0%,color-mix(in srgb,var(--primary) 22%,#ffffff 8%),transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--surface) 90%,#070e15 10%) 0%,color-mix(in srgb,var(--surface) 78%,#050b12 22%) 100%);border-bottom:1px solid color-mix(in srgb,var(--primary) 25%,transparent);box-shadow:0 30px 60px rgba(0,0,0,.4)}.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:68rem}.tools-hero-lead{margin:0;max-width:62rem;color:var(--text-muted);font-size:clamp(1rem,2vw,1.22rem);line-height:1.65}@media (max-width:640px){.tools-hero{padding:clamp(1.6rem,5vh,2.2rem) 0 clamp(1.8rem,5.6vh,2.6rem)}}.tools-section{padding:clamp(2.8rem,6vh,3.6rem) 0}.tools-directory-controls{display:grid;gap:16px;margin-bottom:clamp(1.6rem,4vw,2.3rem);padding-bottom:clamp(1.4rem,3vw,2rem);border-bottom:1px solid color-mix(in srgb,var(--primary) 16%,transparent)}.tools-directory-head{display:grid;gap:6px;max-width:72ch}.tools-directory-kicker{margin:0;color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tools-directory-head h2{margin:0;font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.15;letter-spacing:0}.tools-directory-head p{margin:0;color:var(--text-muted);font-size:1rem;line-height:1.65}.tools-filter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:760px;align-items:center}.tools-filter-input{width:100%;min-width:0;min-height:46px;padding:0 14px;border-radius:8px;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);background:color-mix(in srgb,var(--surface) 90%,#000 10%);color:var(--text-light);font:inherit}.tools-filter-input:focus{outline:2px solid var(--focus);outline-offset:2px}.tools-filter-clear{min-height:46px}.tools-filter-status{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.45}.tools-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:0}.tools-nav-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);background:color-mix(in srgb,var(--surface) 90%,#000 10%);color:color-mix(in srgb,var(--text-light) 92%,#ffffff 8%);font-weight:600;font-size:.95rem;letter-spacing:.01em;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease}.tools-nav-link:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--primary) 14%,transparent);border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.tools-category{scroll-margin-top:calc(var(--nav-height,72px) + 18px)}.tools-category + .tools-category{margin-top:clamp(2rem,6vh,2.8rem);padding-top:clamp(1.8rem,5vh,2.4rem);border-top:1px solid color-mix(in srgb,var(--primary) 14%,transparent)}.tools-category[data-tools-filter-hidden="true"],.tool-card[data-tools-filter-hidden="true"]{display:none !important}.tools-category-head{display:grid;gap:10px;margin-bottom:16px;max-width:74ch}.tools-category-head .section-title{margin:0}.tools-category-head p{margin:0;color:var(--text-muted);font-size:1.02rem;line-height:1.7}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(16px,3vw,22px);align-items:stretch}.tool-card{display:grid;gap:12px;align-content:start;padding:clamp(1.1rem,2vw,1.4rem);border-radius:16px;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 94%,#040910 6%) 0%,color-mix(in srgb,var(--surface) 82%,#040910 18%) 100%);box-shadow:0 16px 32px rgba(0,0,0,.28);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tool-card:hover,.tool-card:focus-within{transform:translateY(-2px);box-shadow:0 20px 42px rgba(0,0,0,.35);border-color:color-mix(in srgb,var(--primary) 36%,transparent);outline:none}.tool-card > a{color:inherit;text-decoration:none;display:grid;gap:12px;height:100%}.tool-top{display:flex;gap:12px;align-items:center}.tool-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(140deg,color-mix(in srgb,var(--primary) 84%,#ffffff 16%) 0%,color-mix(in srgb,var(--primary) 56%,#071219 44%) 100%);display:inline-flex;align-items:center;justify-content:center;color:color-mix(in srgb,#ffffff 94%,var(--bg) 6%);box-shadow:0 10px 22px rgba(0,0,0,.26);flex-shrink:0}.tool-icon svg{width:24px;height:24px;color:currentColor;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tool-icon .icon-fill{fill:currentColor;stroke:none}.tool-card h3{margin:0;letter-spacing:.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.tool-card p{margin:0;color:var(--text-muted);font-size:.98rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:6.4em}.tool-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--text-muted);font-size:.9rem;min-height:3.2em}.tool-pill{padding:6px 10px;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:.9rem;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}.tools-empty-state{margin:clamp(1.4rem,3vw,2rem) 0 0;padding:14px 16px;border-radius:8px;border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);color:var(--text-muted);background:color-mix(in srgb,var(--surface) 92%,#000 8%)}@media (max-width:560px){.tools-filter{grid-template-columns:1fr}.tools-filter-clear{width:100%}}}@layer components{.tools-account-dock{position:relative;z-index:2;padding:clamp(14px,3vh,18px) 0 0}.tools-account-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 94%,#040910 6%) 0%,color-mix(in srgb,var(--surface) 82%,#040910 18%) 100%);box-shadow:0 16px 32px rgba(0,0,0,.24)}.tools-account-status{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;flex-basis:100%;margin:0;color: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(--primary) 18%,transparent);background:color-mix(in srgb,var(--surface) 92%,#000 8%);color:color-mix(in srgb,var(--text-light) 92%,#ffffff 8%);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(--primary) 14%,transparent);border-color:color-mix(in srgb,var(--primary) 40%,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(--primary) 18%,transparent);background:color-mix(in srgb,var(--surface) 92%,#000 8%);color:color-mix(in srgb,var(--text-light) 92%,#ffffff 8%);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:linear-gradient(150deg,color-mix(in srgb,var(--surface) 94%,#040910 6%) 0%,color-mix(in srgb,var(--surface) 82%,#040910 18%) 100%);box-shadow:0 12px 24px rgba(0,0,0,.22)}.tools-dashboard-overview-label{margin:0;color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tools-dashboard-overview-value{margin:0;color: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(--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(--primary) 18%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 94%,#040910 6%) 0%,color-mix(in srgb,var(--surface) 82%,#040910 18%) 100%);box-shadow:0 16px 32px rgba(0,0,0,.24)}.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(--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-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:'Poppins';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:'Poppins';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 (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:0 14px 26px rgba(0,0,0,.28)}: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:8px 10px;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.2)}:is(body[data-tools-layout="text"],body[data-tools-layout="media"]) .tools-account-dock{position:sticky;top:var(--tools-shell-top);z-index:16;padding-top:10px}body[data-tools-layout="admin"] .tools-account-dock,body[data-tools-layout="directory"] .tools-account-dock{padding-top:10px}: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="whisper-transcribe-monitor"] .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="whisper-transcribe-monitor"] .whispermon-grid{grid-template-columns:1fr}body[data-page="whisper-transcribe-monitor"] .whispermon-card-wide{display:grid;gap:14px}body[data-page="whisper-transcribe-monitor"] .whispermon-card-wide form.contact-form{display:grid;gap:14px 18px;align-items:start}body[data-page="whisper-transcribe-monitor"][data-tools-state="results"] .whispermon-card-wide form.contact-form{grid-template-columns:minmax(340px,.95fr) minmax(380px,1.05fr)}body[data-page="whisper-transcribe-monitor"]:is([data-tools-state="empty"],[data-tools-state="ready"],[data-tools-state="working"]) .whispermon-card-wide form.contact-form{grid-template-columns:minmax(0,1fr);max-width:min(920px,100%);margin-inline:auto}body[data-page="whisper-transcribe-monitor"] .whispermon-card-wide form.contact-form >:is( .form-field,.whispermon-audio-meta,.whispermon-meter-block,.whispermon-upload-progress,.form-actions.whispermon-actions,.contact-form-status#whispermon-run-status ){grid-column:1}body[data-page="whisper-transcribe-monitor"]:is([data-tools-state="empty"],[data-tools-state="ready"],[data-tools-state="working"]) .whispermon-output{display:none}body[data-page="whisper-transcribe-monitor"] .whispermon-output{border-radius:8px}body[data-page="whisper-transcribe-monitor"][data-tools-state="results"] .whispermon-output{display:grid;grid-column:2;grid-row:1 / span 8;align-self:stretch;min-height:min(480px,calc(var(--tools-pane-height) - 130px));margin-top:0;padding-top:0;border-top:none}body[data-page="whisper-transcribe-monitor"][data-tools-state="results"] .whispermon-output textarea{min-height:min(420px,calc(var(--tools-pane-height) - 220px))}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:14px;margin:0 0 clamp(18px,3vw,26px);padding:clamp(14px,2.4vw,20px);border-radius:8px;border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 94%,#040910 6%) 0%,color-mix(in srgb,var(--surface) 82%,#040910 18%) 100%);box-shadow:0 14px 28px rgba(0,0,0,.22)}.tools-resume-panel[hidden]{display:none !important}.tools-resume-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 16px}.tools-resume-head-copy{display:grid;gap:4px}.tools-resume-kicker{margin:0;color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tools-resume-title{margin:0;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.2;letter-spacing:0}.tools-resume-status{min-height:1.2em;margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.5}.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(--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(--primary) 14%,transparent);background:color-mix(in srgb,var(--surface) 92%,#000 8%)}.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(--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:12px 16px;padding:12px 14px;border-radius:8px;border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);background:color-mix(in srgb,var(--surface) 92%,#000 8%)}.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:0 12px 24px rgba(0,0,0,.22)}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:979px){:is(body[data-tools-layout="text"],body[data-tools-layout="media"]) .tools-account-dock{position:static}}}