.invoice-preview{--invoice-accent:#334155;background:#fff;color:#0f172a;padding:1.4rem;border-radius:10px}.invoice-preview>header{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:start;padding-bottom:1rem;border-bottom:3px solid var(--invoice-accent)}.invoice-preview h1{font-size:1.8rem;margin:0}.invoice-preview p{margin:.25rem 0}.invoice-logo{width:90px;max-height:58px;object-fit:contain}.invoice-preview table{width:100%;border-collapse:collapse;margin:1rem 0}.invoice-preview th,.invoice-preview td{padding:.65rem;border-bottom:1px solid #cbd5e1;text-align:left}.invoice-preview th{background:var(--invoice-accent);color:#fff}.invoice-totals{width:min(320px,100%);margin-left:auto}.invoice-totals div{display:flex;justify-content:space-between;gap:1rem;padding:.25rem 0}.invoice-totals div:last-child{font-size:1.15rem;font-weight:800;border-top:2px solid var(--invoice-accent)}.invoice-signature{display:grid;justify-items:end;margin-top:1rem}.invoice-signature img{max-width:140px;max-height:60px;object-fit:contain}.invoice-signature span{border-top:1px solid #64748b;padding-top:.3rem}.invoice-modern{--invoice-accent:#2563eb}.invoice-dark{--invoice-accent:#0f172a;background:#f1f5f9}.print-invoice{max-width:900px;margin:2rem auto}@media(max-width:620px){.invoice-preview{padding:.8rem;overflow-x:auto}.invoice-preview>header{grid-template-columns:1fr}.invoice-logo{grid-row:1}.invoice-preview table{min-width:560px}}

/* Release-readiness refinements: compact workspaces, bounded navigation, and privacy controls. */
.link-button{appearance:none;border:0;background:transparent;color:var(--accent-dark);padding:.72rem 0;border-radius:0;font-weight:700;text-align:left;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.16em;box-shadow:none}.link-button:hover{background:transparent;color:var(--accent);box-shadow:none;text-decoration-thickness:.14em}
.tool-page .tool-intro{margin:.45rem auto 1.15rem}.tool-page .tool-intro .tool-title{font-size:clamp(2rem,4vw,3.2rem)}.tool-page .tool-intro .lead{font-size:1rem;line-height:1.5}.tool-page .breadcrumbs{padding-bottom:.35rem}.tool-page .tool-free{margin-top:.7rem}.action-first .tool-main>.tool-panel{scroll-margin-top:90px}
@media(max-width:1024px){.site-header{max-height:100dvh}.nav{align-content:start}.nav-links.open{display:flex;max-height:calc(100dvh - 138px);overflow-y:auto;overscroll-behavior:contain;padding:.55rem .2rem 1rem;scrollbar-gutter:stable}.nav-links.open:focus-within{scroll-behavior:auto}.nav-mega{max-height:none;overflow:visible}.nav-open{overflow:hidden}.tool-page .tool-intro{text-align:left;margin:.2rem 0 .9rem}.tool-page .tool-intro .lead{margin:.45rem 0 0}.tool-page .tool-free{justify-content:flex-start}}
@media(max-width:540px){.tool-page .breadcrumbs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-page .tool-title{font-size:1.95rem;margin:.25rem 0 .4rem}.tool-page .tool-intro{margin:.2rem 0 .75rem;padding:.95rem 1rem}.tool-page .tool-free{margin:.55rem 0 0;gap:.35rem .7rem}.action-first .file-input{min-height:108px;padding:2rem .75rem}}
.menu-button{display:none;padding:.45rem .7rem}.output-code{font-family:'IBM Plex Mono',monospace;max-height:420px}.check-row{display:flex;gap:.6rem;align-items:center;margin:.45rem 0}.check-row input{width:auto}.timer{font:800 clamp(3rem,10vw,6rem)/1 'IBM Plex Mono',monospace;letter-spacing:-.08em;margin:1rem 0}.swatches{display:grid;grid-template-columns:repeat(5,1fr);height:130px;margin-top:1rem}.swatch{display:flex;align-items:end;padding:.5rem;color:#fff;text-shadow:0 1px 3px #000}.preview-box{height:180px;border:1px solid var(--line);margin-top:1rem}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.meter{height:10px;background:var(--line);margin:.6rem 0}.meter>span{display:block;height:100%;background:var(--accent);width:0}.tool-loading{color:var(--muted)}
@media(max-width:1024px){.menu-button{display:block;margin-left:auto}.nav-links{display:none;width:100%;order:4;flex-direction:column;align-items:stretch;border-top:1px solid var(--line);padding:.6rem 0}.nav-links.open{display:flex}.nav-links a{display:block!important}.search{margin-left:0}.two-up{grid-template-columns:1fr}}
.file-input{width:100%;padding:.8rem;border:1px dashed #8f9a92;background:#f8faf8}.canvas-wrap{margin-top:1rem;padding:1rem;background:#e7ebe7;overflow:auto;text-align:center}.canvas-wrap canvas,.canvas-wrap img,.canvas-wrap svg{max-width:100%;height:auto;background:#fff}.download-list{display:grid;gap:.5rem;margin-top:1rem}.download-list a{display:block;padding:.65rem;border:1px solid var(--line);background:#fff}.download-row{border:1px solid var(--line);border-radius:12px;padding:.6rem;background:#fbfcfb}.download-row a{border:0!important;padding:.05rem 0!important}.chain-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.7rem;padding-top:.7rem;border-top:1px dashed var(--line)}.chain-label{font:700 .82rem/1.3 'IBM Plex Mono',monospace;color:var(--muted);margin-right:.15rem}.chain-actions .button{padding:.5rem .85rem;font-size:.88rem}.workspace-banner{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:1rem}.workspace-banner button{padding:.5rem .85rem}.progress-text{font-family:'IBM Plex Mono',monospace;color:var(--muted)}.doc-preview{background:#fff;color:#20242a;margin-top:1rem;padding:2rem;border:1px solid var(--line);min-height:260px}.doc-preview table{width:100%;border-collapse:collapse}.doc-preview th,.doc-preview td{padding:.5rem;border-bottom:1px solid #ddd;text-align:left}
.result-empty{color:var(--muted);border-left-color:var(--line)}button:disabled,.button[aria-disabled="true"]{cursor:not-allowed;opacity:.52}.meta-health,.tts-stats,.range-values{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.7rem;color:var(--muted);font:600 .82rem/1.4 'IBM Plex Mono',monospace}.mode-tabs{display:flex;gap:.5rem;margin-top:1.25rem;border-bottom:1px solid var(--line);padding-bottom:.65rem}.mode-tabs button.active{background:var(--accent);color:#fff}.tts-pane{padding-top:.5rem}.tts-pane input[type="range"]{width:100%;accent-color:var(--accent)}.tts-pane progress{width:100%;height:1rem;margin-top:1rem}.tts-pane audio{width:100%;margin-top:.25rem}.over-limit{color:var(--danger)}
.category-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.category-guide>div,.category-jump,.alternative-note{background:#fff;border:1px solid #dbe4f0;border-radius:16px;padding:1.15rem}.category-guide h2{font-size:1.1rem;margin-top:0}.category-jump{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.category-jump a{display:inline-flex;padding:.42rem .7rem;border-radius:999px;background:#eef4ff;text-decoration:none}.alternative-note{margin-top:1.5rem;border-left:4px solid #06b6d4}.alternative-note h2{margin-top:0}.last-updated{color:#475569;font-size:.95rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #dbe4f0}
@media (max-width:760px){.category-guide{grid-template-columns:1fr}}
.file-queue,.page-grid{display:grid;gap:.75rem;margin:1rem 0}.file-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.75rem;align-items:center;border:1px solid #cbd5e1;border-radius:12px;padding:.8rem;background:#fff}.file-card>div:first-child{display:flex;flex-direction:column;min-width:0}.file-card strong{overflow-wrap:anywhere}.file-card span{color:#64748b;font-size:.9rem}.card-actions{display:flex;gap:.35rem}.card-actions button{padding:.45rem .65rem}.page-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.page-thumb{min-height:115px;border:1px solid #cbd5e1;border-radius:12px;background:linear-gradient(145deg,#fff,#eef4ff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:.65rem;text-align:center}.watermark-preview{position:relative;display:flex;align-items:center;justify-content:center;min-height:280px;margin:1rem auto;background:#fff;border:1px solid #cbd5e1;box-shadow:0 8px 24px rgba(15,23,42,.08);overflow:hidden}.watermark-preview span{font-weight:800;font-size:clamp(1.2rem,5vw,2.7rem);max-width:80%;overflow-wrap:anywhere}.watermark-preview[data-position="top-left"]{align-items:flex-start;justify-content:flex-start;padding:1.5rem}.watermark-preview[data-position="top"]{align-items:flex-start;padding:1.5rem}.watermark-preview[data-position="top-right"]{align-items:flex-start;justify-content:flex-end;padding:1.5rem}.watermark-preview[data-position="left"]{justify-content:flex-start;padding:1.5rem}.watermark-preview[data-position="right"]{justify-content:flex-end;padding:1.5rem}.watermark-preview[data-position="bottom-left"]{align-items:flex-end;justify-content:flex-start;padding:1.5rem}.watermark-preview[data-position="bottom"]{align-items:flex-end;padding:1.5rem}.watermark-preview[data-position="bottom-right"]{align-items:flex-end;justify-content:flex-end;padding:1.5rem}.watermark-preview[data-position="tile"] span{font-size:1.1rem;background:repeating-linear-gradient(135deg,currentColor 0 2px,transparent 2px 80px);padding:5rem;width:100%;height:100%}
@media (max-width:680px){.file-card{grid-template-columns:1fr}.card-actions{flex-wrap:wrap}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.file-preview{width:72px;height:72px;object-fit:cover;border-radius:9px;border:1px solid #cbd5e1}.crop-stage{position:relative;width:max-content;max-width:100%;margin:1rem auto;line-height:0;overflow:auto}.crop-stage canvas{display:block;max-width:none}.crop-box{position:absolute;border:2px solid #2563eb;box-shadow:0 0 0 9999px rgba(15,23,42,.48);cursor:move;touch-action:none;min-width:12px;min-height:12px}.crop-box:focus{outline:3px solid #f59e0b;outline-offset:2px}.crop-box i{position:absolute;width:16px;height:16px;background:#fff;border:2px solid #2563eb;border-radius:50%}.crop-box [data-handle="nw"]{left:-9px;top:-9px;cursor:nwse-resize}.crop-box [data-handle="ne"]{right:-9px;top:-9px;cursor:nesw-resize}.crop-box [data-handle="sw"]{left:-9px;bottom:-9px;cursor:nesw-resize}.crop-box [data-handle="se"]{right:-9px;bottom:-9px;cursor:nwse-resize}
.repeat-row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(80px,.5fr) minmax(100px,.7fr) auto;gap:.55rem;margin:.55rem 0}.repeat-card{border:1px solid #cbd5e1;border-radius:12px;padding:.8rem;margin:.65rem 0;background:#fff}.repeat-card textarea{min-height:85px;margin:.55rem 0}@media(max-width:680px){.repeat-row{grid-template-columns:1fr 1fr}.repeat-row input:first-child,.repeat-row button{grid-column:1/-1}}
.consent-banner{position:fixed;z-index:1000;left:1rem;right:1rem;bottom:1rem;max-width:980px;margin:auto;background:#fff;border:1px solid #bfdbfe;border-left:5px solid #2563eb;border-radius:16px;box-shadow:0 18px 55px rgba(15,23,42,.24);padding:1rem 1.2rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.consent-banner[hidden]{display:none}.consent-banner p{margin:.35rem 0}.consent-banner .actions{margin:0;justify-content:flex-end}@media(max-width:700px){.consent-banner{grid-template-columns:1fr;max-height:calc(100vh - 2rem);overflow:auto}.consent-banner .actions{justify-content:stretch}.consent-banner button{flex:1}}
.card-heading{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.9rem;align-items:center;margin-bottom:.85rem}.card-heading .tool-icon{margin:0}.card-title{display:block;min-width:0}.card-title h2,.card-title h3{margin:.28rem 0 0;line-height:1.22}.tool-card>p{padding-left:calc(44px + .9rem)}
@media(max-width:420px){.card-heading{gap:.75rem}.tool-card>p{padding-left:0}}
.nav{position:relative}.nav-links{position:static}.nav-dropdown{position:static;--nav-color:#2563eb}.nav-dropdown[data-category="pdf"]{--nav-color:#ef4444}.nav-dropdown[data-category="image"]{--nav-color:#8b5cf6}.nav-dropdown[data-category="text"]{--nav-color:#2563eb}.nav-dropdown[data-category="media"]{--nav-color:#ec4899}.nav-dropdown[data-category="calculators"]{--nav-color:#f59e0b}.nav-dropdown[data-category="developer"]{--nav-color:#06b6d4}.nav-dropdown[data-category="generators"]{--nav-color:#14b8a6}.nav-dropdown[data-category="productivity"]{--nav-color:#6366f1}.nav-dropdown[data-category="seo"]{--nav-color:#0ea5e9}.nav-dropdown summary{display:flex;align-items:center;gap:.38rem;color:var(--ink-soft);cursor:pointer;list-style:none;white-space:nowrap}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:hover,.nav-dropdown[open] summary{color:var(--accent)}.nav-chevron{width:.48rem;height:.48rem;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .16s}.nav-dropdown[open] .nav-chevron{transform:rotate(225deg) translate(-1px,-1px)}.nav-mega{position:absolute;z-index:60;top:100%;left:50%;transform:translateX(-50%);width:min(860px,calc(100vw - 2rem));max-height:calc(100vh - 90px);padding:1.15rem 1.25rem;background:#fff;border:1px solid #dbe4f0;border-top:4px solid var(--nav-color);border-radius:0 0 18px 18px;box-shadow:0 22px 55px rgba(15,23,42,.18);display:flex;flex-direction:column}.nav-mega::before{content:'';position:absolute;top:-12px;left:0;right:0;height:12px}.nav-mega-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.15rem .2rem .75rem;border-bottom:1px solid #e2e8f0;flex-shrink:0}.nav-mega-head>div{display:grid}.nav-mega-head strong{font:800 1.05rem/1.25 'Space Grotesk',system-ui}.nav-mega-head>a{font-size:.84rem;font-weight:700;color:var(--nav-color);text-decoration:none}.nav-mega-head>a:hover{text-decoration:underline}.nav-eyebrow{font:750 .66rem/1.3 'IBM Plex Mono',monospace;color:var(--nav-color);letter-spacing:.07em;text-transform:uppercase}.nav-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:.32rem .6rem;padding-top:.75rem;max-height:min(480px,calc(100vh - 180px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(67,80,103,.28) transparent;padding-right:4px}.nav-tool-link{display:grid!important;grid-template-columns:36px minmax(0,1fr);gap:.65rem;align-items:center;padding:.45rem .55rem!important;border-radius:10px;color:var(--ink)!important;text-decoration:none;transition:background .12s}.nav-tool-link:hover,.nav-tool-link:focus-visible{background:color-mix(in srgb,var(--nav-color) 8%,white);text-decoration:none}.nav-tool-link>span:last-child{display:grid;min-width:0}.nav-tool-link strong{font-size:.85rem;line-height:1.25;color:#1a2333}.nav-tool-link small{color:#64748b;font-size:.72rem;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-tool-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:color-mix(in srgb,var(--nav-color) 11%,white);color:var(--nav-color);font:800 .60rem/1 'IBM Plex Mono',monospace;flex-shrink:0}
@media(min-width:1025px) and (max-width:1200px){.site-header .nav{gap:10px}.nav-links{gap:1px}.nav-dropdown summary{padding:6px 7px;font-size:.79rem}.nav-all{margin-left:4px;padding:6px 10px!important;font-size:.79rem}}
@media(max-width:1024px){.nav-links{gap:.1rem}.nav-dropdown{width:100%}.nav-dropdown summary{padding:.52rem .3rem;font-size:1rem}.nav-mega{position:static;transform:none;width:100%;max-height:none;overflow:visible;padding:.7rem;border:1px solid #dbe4f0;border-top:3px solid var(--nav-color);border-radius:12px;box-shadow:none}.nav-mega-head{align-items:center}.nav-mega-head strong{font-size:1rem}.nav-tool-grid{grid-template-columns:1fr;gap:.12rem;max-height:none;overflow:visible;padding-right:0}.nav-tool-link{grid-template-columns:38px minmax(0,1fr);padding:.42rem!important}.nav-tool-link small{display:none}.nav-tool-mark{width:38px;height:38px}.nav-links>.nav-all{padding:.52rem .3rem!important}}
.video-studio{--vs-bg:#0b0c0f;--vs-panel:#16181d;--vs-panel-2:#1e2128;--vs-border:#2a2d35;--vs-text:#f1f2f4;--vs-muted:#9aa0ac;--vs-accent:#2563eb;background:var(--vs-bg);color:var(--vs-text);border:1px solid var(--vs-border);border-radius:16px;overflow:hidden;margin:1rem 0}.video-studio .notice{color:var(--vs-muted);background:transparent;border:0;padding:0;margin:0 0 .7rem}.video-studio .progress-text{color:var(--vs-muted)}.video-studio .result{background:var(--vs-panel-2);border:1px solid var(--vs-border);color:var(--vs-text)}.video-studio .result a{color:#7db2ff}.video-studio .result.error{border-color:#7a2e2e;color:#ffb4b4}.vs-topbar{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:var(--vs-panel);border-bottom:1px solid var(--vs-border)}.vs-title{font:700 .95rem/1.2 system-ui,sans-serif}.vs-icon-btn{background:transparent;border:1px solid var(--vs-border);color:var(--vs-text);border-radius:8px;padding:.4rem .8rem;font-size:.82rem;cursor:pointer}.vs-icon-btn:hover{background:var(--vs-panel-2)}.vs-stage{position:relative;min-height:220px;max-height:60vh;background:#000;display:flex;align-items:center;justify-content:center}.vs-stage-video{width:100%;max-height:60vh;display:block}.vs-stage-video[hidden]{display:none}.vs-stage-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--vs-muted);padding:2.5rem 1rem;text-align:center}.vs-stage-empty[hidden]{display:none}.vs-stage-empty svg{width:42px;height:42px;opacity:.7}.vs-stage-empty p{margin:0}.vs-add-btn{background:var(--vs-accent);color:#fff;border:0;border-radius:999px;padding:.65rem 1.35rem;font-weight:700;cursor:pointer}.vs-add-btn:hover{filter:brightness(1.08)}.vs-timeline{padding:.75rem 1rem;background:var(--vs-panel);border-top:1px solid var(--vs-border);border-bottom:1px solid var(--vs-border)}.vs-filmstrip{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.2rem}.vs-filmstrip:empty::before{content:'No clips yet — use Media below to add your first clip.';color:var(--vs-muted);font-size:.85rem}.vs-clip-card{flex:0 0 auto;width:190px;background:var(--vs-panel-2);border:1px solid var(--vs-border);border-radius:10px;padding:.6rem;display:flex;flex-direction:column;gap:.4rem}.vs-clip-card strong{font-size:.82rem;overflow-wrap:anywhere;color:var(--vs-text)}.vs-clip-card span.meta{color:var(--vs-muted);font-size:.75rem}.vs-clip-card label{display:flex;justify-content:space-between;gap:.3rem;font-size:.72rem;color:var(--vs-muted);align-items:center}.vs-clip-card input[type=number]{width:60px;background:var(--vs-bg);border:1px solid var(--vs-border);color:var(--vs-text);border-radius:6px;padding:.15rem .3rem}.vs-clip-actions{display:flex;gap:.3rem;margin-top:.2rem}.vs-clip-actions button{flex:1;background:#262a33;border:1px solid var(--vs-border);color:var(--vs-text);border-radius:6px;padding:.3rem;font-size:.75rem;cursor:pointer}.vs-clip-actions button:hover{background:#30343e}.vs-clip-actions button:disabled{opacity:.4;cursor:not-allowed}.vs-panels{background:var(--vs-panel);padding:1rem;border-bottom:1px solid var(--vs-border)}.vs-panel[hidden]{display:none}.vs-panel .controls{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.vs-panel label{color:var(--vs-muted);font-size:.85rem;display:block;margin-bottom:.25rem}.vs-panel input,.vs-panel select{background:var(--vs-bg);border:1px solid var(--vs-border);color:var(--vs-text);border-radius:8px;padding:.5rem;width:100%}.vs-panel input[type=color]{width:56px;height:40px;padding:.2rem;cursor:pointer}.vs-panel .check-row{color:var(--vs-text)}.vs-toolbar{display:flex;align-items:stretch;background:var(--vs-panel);padding:.5rem .75rem;gap:.35rem;flex-wrap:wrap}.vs-tab{flex:1;min-width:68px;display:flex;flex-direction:column;align-items:center;gap:.3rem;background:transparent;border:0;color:var(--vs-muted);padding:.5rem .3rem;border-radius:10px;font-size:.72rem;cursor:pointer}.vs-tab:hover{background:var(--vs-panel-2)}.vs-tab.active{color:#fff;background:var(--vs-panel-2)}.vs-tab svg{width:20px;height:20px}.vs-export-btn{flex:0 0 auto;display:flex;align-items:center;gap:.4rem;background:var(--vs-accent);color:#fff;border:0;border-radius:10px;padding:0 1.2rem;font-weight:700;cursor:pointer;align-self:center}.vs-export-btn svg{width:18px;height:18px}.vs-export-btn:disabled{opacity:.55;cursor:not-allowed}.vs-foot{padding:.85rem 1rem;background:var(--vs-bg)}.vs-foot #cancel{margin-bottom:.5rem}@media(max-width:680px){.vs-clip-card{width:150px}.vs-toolbar{overflow-x:auto}.vs-tab span{display:none}.vs-tab{min-width:44px}}

/* Focused layouts for the 2026-09 tool additions. */
.editor-toolbar{display:flex;gap:.65rem;flex-wrap:wrap;margin-bottom:.75rem}.editor-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:stretch}.editor-split>div{min-width:0}.editor-split textarea{min-height:300px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.editor-split iframe{display:block;width:100%;min-height:300px;border:1px solid var(--line,#cbd5e1);border-radius:12px;background:#fff}.field-label{display:block;font-weight:700;margin-bottom:.45rem}.team-grid,.clock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin-top:1rem}.team-card,.clock-card{border:1px solid var(--line,#cbd5e1);border-radius:14px;background:#fff;padding:1rem}.team-card h3,.clock-card h3{margin-top:0}.team-card h3 span{float:right;color:#64748b;font-size:.9rem}.yes-no-result{display:grid;place-items:center;min-height:180px;border-radius:20px;background:#eef4ff;color:#1d4ed8;font-size:clamp(3rem,12vw,6rem);font-weight:900;letter-spacing:.08em;transition:transform .15s,background .2s}.yes-no-result.yes{background:#dcfce7;color:#15803d;transform:scale(1.02)}.yes-no-result.no{background:#fee2e2;color:#b91c1c;transform:scale(1.02)}.timezone-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.4rem}.timezone-options label{display:flex;align-items:center;gap:.45rem}.qr-preview{display:block;max-width:100%;height:auto;margin:1rem auto;border-radius:12px}.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#dbeafe 25%,transparent 25%),linear-gradient(-45deg,#dbeafe 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dbeafe 75%),linear-gradient(-45deg,transparent 75%,#dbeafe 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
@media(max-width:700px){.editor-split{grid-template-columns:1fr}.editor-split textarea,.editor-split iframe{min-height:240px}.yes-no-result{min-height:140px}}

/* Text Diff workspace */
.diff-toolbar{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr)) repeat(2,max-content);gap:.8rem 1rem;align-items:end;margin-bottom:1rem}.diff-toolbar .check-row{min-height:46px;margin:0}.diff-toolbar input[type=checkbox]{width:auto}.diff-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.diff-inputs section{min-width:0}.diff-inputs textarea{min-height:230px;font-family:'IBM Plex Mono',ui-monospace,monospace;resize:vertical}.diff-inputs small{display:block;margin-top:.35rem;color:var(--muted)}.diff-input-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.4rem}.file-button{display:inline-flex!important;align-items:center;cursor:pointer;padding:.38rem .65rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--accent-dark);font-size:.82rem;white-space:nowrap}.file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.diff-summary{margin-top:1rem;padding:.8rem 1rem;border:1px solid #bfdbfe;border-left:4px solid var(--accent);background:#eff6ff;border-radius:10px;font-weight:700}.diff-summary.error{border-color:#fecaca;border-left-color:#dc2626;background:#fef2f2;color:#991b1b}.diff-summary.diff-no-change{border-color:#bbf7d0;border-left-color:#16a34a;background:#f0fdf4;color:#166534}.diff-output{margin-top:.8rem;overflow:auto;border-radius:12px}.diff-output:empty{display:none}.diff-side-head{display:grid;grid-template-columns:1fr 1fr;background:#0f172a;color:#fff;font-weight:800}.diff-side-head span{padding:.65rem 1rem}.diff-side-lines{min-width:580px;border:1px solid var(--line);border-top:0}.diff-row{display:grid;grid-template-columns:3rem minmax(0,1fr) 3rem minmax(0,1fr);border-top:1px solid #e2e8f0;background:#fff}.diff-row:first-child{border-top:0}.diff-row>span{padding:.5rem;text-align:right;color:#64748b;background:#f8fafc;user-select:none}.diff-row code{display:block;padding:.5rem;white-space:pre-wrap;overflow-wrap:anywhere}.diff-row.diff-add code:last-child,.diff-inline .diff-add,.diff-unified .diff-add{background:#dcfce7;color:#166534}.diff-row.diff-remove code:first-of-type,.diff-inline .diff-remove,.diff-unified .diff-remove{background:#fee2e2;color:#991b1b}.diff-side{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.diff-side section{min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.diff-side h3{margin:0;padding:.6rem .8rem;background:#0f172a;color:#fff;font-size:.95rem}.diff-inline{padding:1rem;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;font-family:'IBM Plex Mono',ui-monospace,monospace}.diff-inline span{border-radius:3px}.diff-unified{margin:0;padding:1rem;min-width:max-content;background:#fff;border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}.diff-unified span{display:block;padding:.12rem .4rem}.diff-actions{gap:.55rem}
@media(max-width:760px){.diff-toolbar{grid-template-columns:1fr 1fr}.diff-inputs,.diff-side{grid-template-columns:1fr}.diff-side-head{display:none}.diff-inputs textarea{min-height:180px}.diff-actions button{flex:1 1 145px}}

/* Approved homepage template extended across every generated page type. */
.template-v2,.tool-page{--page-accent:#2563eb;--page-tint:#eef4ff}.category-pdf{--page-accent:#ef4444;--page-tint:#fff1f2}.category-image{--page-accent:#8b5cf6;--page-tint:#f5f3ff}.category-text{--page-accent:#2563eb;--page-tint:#eef4ff}.category-calculators{--page-accent:#f59e0b;--page-tint:#fffbeb}.category-media{--page-accent:#ec4899;--page-tint:#fdf2f8}.category-developer{--page-accent:#06b6d4;--page-tint:#ecfeff}.category-generators{--page-accent:#14b8a6;--page-tint:#f0fdfa}.category-productivity{--page-accent:#6366f1;--page-tint:#eef2ff}.category-seo{--page-accent:#0ea5e9;--page-tint:#f0f9ff}
.header-search{display:block;margin:0}.header-search .search{display:block}.button.secondary{background:#fff;color:var(--accent-dark);border-color:#bfcef0}.button.secondary:hover{background:var(--accent-soft)}
.category-rail{display:flex;gap:.55rem;align-items:center;margin:1rem 0 2rem;padding:.45rem;overflow-x:auto;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(15,23,42,.05);scrollbar-width:thin}.category-rail a{display:inline-flex;align-items:center;gap:.45rem;flex:0 0 auto;padding:.55rem .8rem;border-radius:11px;color:var(--ink-soft);font-size:.82rem;font-weight:800;text-decoration:none;white-space:nowrap}.category-rail a>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--rail-color,#2563eb) 12%,white);color:var(--rail-color,#2563eb);font:850 .58rem/1 'IBM Plex Mono',monospace}.category-rail a[data-category=pdf]{--rail-color:#ef4444}.category-rail a[data-category=image]{--rail-color:#8b5cf6}.category-rail a[data-category=text]{--rail-color:#2563eb}.category-rail a[data-category=calculators]{--rail-color:#f59e0b}.category-rail a[data-category=media]{--rail-color:#ec4899}.category-rail a[data-category=developer]{--rail-color:#06b6d4}.category-rail a[data-category=generators]{--rail-color:#14b8a6}.category-rail a[data-category=productivity]{--rail-color:#6366f1}.category-rail a[data-category=seo]{--rail-color:#0ea5e9}.category-rail a:hover,.category-rail a[aria-current=page]{background:color-mix(in srgb,var(--rail-color) 10%,white);color:var(--ink)}.category-rail a[aria-current=page]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rail-color) 35%,white)}
.page-main{padding-top:.5rem}.breadcrumbs{display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden}.breadcrumbs>*{flex:0 0 auto}.breadcrumbs>span:last-child{overflow:hidden;text-overflow:ellipsis}.tool-page .tool-intro{max-width:none;padding:clamp(1.35rem,3vw,2.25rem);margin:.25rem 0 1.25rem;text-align:left;background:linear-gradient(135deg,var(--page-tint),#ecfeff);border:1px solid color-mix(in srgb,var(--page-accent) 20%,white);border-radius:22px}.tool-identity{display:flex;align-items:flex-start;gap:1.15rem}.tool-identity>div{min-width:0}.hero-tool-mark{display:grid;place-items:center;flex:0 0 auto;width:58px;height:58px;border-radius:17px;background:#fff;color:var(--page-accent);box-shadow:0 12px 28px color-mix(in srgb,var(--page-accent) 17%,transparent);font:900 .78rem/1 'IBM Plex Mono',monospace}.tool-page .tool-title{font-size:clamp(2.1rem,4vw,3.4rem);margin:.3rem 0 .55rem}.tool-page .tool-intro .lead{max-width:70ch;margin:0}.tool-page .tool-free{justify-content:flex-start;margin:.9rem 0 0 73px}.tool-page .tool-free span:before{color:var(--page-accent)}.tool-main>.tool-panel{border-top-color:var(--page-accent);box-shadow:0 20px 52px color-mix(in srgb,var(--page-accent) 10%,transparent)}.content-card{max-width:none!important;margin-top:1.25rem!important;padding:clamp(1.4rem,3vw,2.35rem)!important;background:#fff;border:1px solid var(--line);border-radius:20px}.content-card>h2:first-child{display:flex;align-items:center;gap:.65rem}.content-card>h2:first-child:before{content:'01';display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--page-tint);color:var(--page-accent);font:850 .68rem/1 'IBM Plex Mono',monospace}.related-card{border-top:4px solid var(--page-accent);padding:1.3rem}.related-card .kicker{color:var(--page-accent)}.related-card h2{margin:.35rem 0 .5rem}.related-card .link-list a{display:flex;justify-content:space-between;gap:.7rem;color:var(--ink)}.related-card .link-list a span{color:var(--page-accent)}.related-card>.button{display:block;margin-top:1rem;text-align:center}
.directory-hero.page-hero,.directory-page .directory-hero,.hub-page .directory-hero,.trust-page .longform-card>div:first-child{background:linear-gradient(135deg,var(--page-tint,#eef4ff),#ecfeff)}.page-hero,.directory-hero{position:relative;margin-top:1rem;padding:clamp(2.5rem,6vw,4.8rem) clamp(1.2rem,5vw,4rem);border:1px solid color-mix(in srgb,var(--page-accent,#2563eb) 18%,white);border-radius:26px;overflow:hidden}.page-hero:after,.directory-hero:after{content:'';position:absolute;width:220px;height:220px;right:-85px;top:-95px;border-radius:50%;background:color-mix(in srgb,var(--page-accent,#06b6d4) 10%,transparent);pointer-events:none}.page-hero .hero-tool-mark{margin:0 auto 1rem}.page-hero .trust-line{margin-top:1.3rem}.hub-page .category-guide{margin:1.25rem 0}.hub-page .category-guide>div{position:relative;overflow:hidden;padding:1.35rem}.guide-number{position:absolute;right:.8rem;top:.45rem;color:color-mix(in srgb,var(--page-accent) 16%,white);font:900 3.2rem/1 'Space Grotesk',system-ui}.hub-page .category-guide h2{position:relative;margin:.15rem 0 .6rem}.hub-page .category-jump{border-left:4px solid var(--page-accent)}.hub-page .category-jump a{background:var(--page-tint);color:var(--ink-soft)}.result-count{display:inline-flex;padding:.42rem .75rem;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted);font-size:.82rem;font-weight:800}.hub-note{margin:0 auto 2rem!important}
.directory-page .page-hero{padding-bottom:2.6rem}.directory-page .category-rail{margin-top:-1.05rem;position:relative;z-index:2}.directory-results{padding:1.5rem 0 3rem}.directory-results .filters{justify-content:flex-start;margin:.25rem 0 2rem;padding-bottom:.35rem;overflow-x:auto;flex-wrap:nowrap}.directory-results .filter{flex:0 0 auto}.directory-results .directory-tools{margin:0}.directory-results .section-head{margin:0 0 1.2rem}
.prose-shell{position:relative;padding:2.3rem 0}.prose-shell:before{content:'';position:absolute;z-index:-1;left:50%;top:0;transform:translateX(-50%);width:100vw;height:360px;background:linear-gradient(135deg,#eef4ff,#ecfeff);border-bottom:1px solid #dbeafe}.longform-card{max-width:900px!important;margin:0 auto;padding:clamp(1.5rem,5vw,4rem)!important;background:#fff;border:1px solid var(--line);border-top:5px solid var(--accent);border-radius:24px;box-shadow:var(--shadow)}.longform-card>.kicker{display:inline-flex;padding:.4rem .7rem;border-radius:999px;background:var(--accent-soft)}.longform-card>.tool-title{font-size:clamp(2.4rem,5vw,4rem);margin:.8rem 0 1rem}.longform-card>.lead{font-size:1.18rem}.longform-card h2{font-size:clamp(1.4rem,2.4vw,1.9rem);padding-top:.55rem}.longform-card table{display:block;max-width:100%;overflow-x:auto}
.site-footer{padding-top:0}.footer-promise{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--line)}.footer-promise h2{margin:.25rem 0;font-size:clamp(1.5rem,3vw,2.1rem)}.footer-promise p{margin:0;color:var(--muted)}.footer-promise .button{flex:0 0 auto}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);padding-top:2.5rem}.footer-grid>div>strong{font-family:'Space Grotesk',system-ui}.footer-grid .link-list a{padding:.45rem 0;color:var(--ink-soft);font-size:.9rem}
@media(max-width:980px){.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.footer-grid>div:last-child{grid-column:2}.category-rail a{padding:.5rem .65rem}.tool-layout{gap:1.25rem}}
@media(max-width:820px){.header-search{width:100%;order:5}.header-search .search{width:100%}.tool-page .category-rail{margin-bottom:1.2rem}.tool-page .tool-free{margin-left:0}.related-card{position:static}.footer-promise{align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}}
@media(max-width:540px){.page-main{width:min(100% - 1rem,1180px)}.category-rail{margin:0 0 1rem;border-radius:12px}.category-rail a{padding:.4rem .55rem}.category-rail a>span{width:27px;height:27px}.tool-page .tool-intro{border-radius:16px;padding:.85rem 1rem;margin:.2rem 0 .8rem}.tool-identity{gap:.8rem}.hero-tool-mark{width:44px;height:44px;border-radius:12px}.tool-page .tool-title{font-size:1.85rem;margin:.2rem 0 .35rem}.tool-page .tool-intro .lead{font-size:.92rem;line-height:1.4}.tool-page .tool-free{font-size:.8rem;margin-top:.5rem;gap:.35rem .7rem}.content-card{border-radius:16px}.page-hero,.directory-hero{margin-top:.5rem;padding:2.2rem 1rem;border-radius:18px}.page-hero .tool-title,.directory-hero .tool-title{font-size:2.35rem}.hub-page .category-guide{gap:.7rem}.footer-promise{display:grid;padding:1.5rem 0}.footer-grid{grid-template-columns:1fr}.footer-grid>div{padding-bottom:.7rem;border-bottom:1px solid var(--line)}.footer-grid>div:last-child{border:0}.footer-promise .button{justify-self:start}}
.category-rail{flex-wrap:wrap}.category-rail a{flex:1 1 auto;justify-content:center}@media(max-width:540px){.category-rail{flex-wrap:nowrap}.category-rail a{flex:0 0 auto}}
@media(max-width:540px){.tool-page .category-rail{display:none}}

/* Batch 11: Live Web Diagnostics and Creative Tools Enhancements */
.live-result-wrap { margin-top: 1.25rem; display: flex; flex-direction: column; gap: 1rem; }
.audit-summary-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.25rem; padding: 0.85rem 1.25rem; background: var(--surface-subtle, #f8fafc); border: 1px solid var(--border, #e2e8f0); border-radius: 8px; }
.stat-pill { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.92rem; }
.badge { display: inline-flex; align-items: center; padding: 0.2rem 0.6rem; border-radius: 999px; font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; }
.badge-green { background: #dcfce7; color: #166534; }
.badge-blue { background: #e0f2fe; color: #0369a1; }
.badge-amber { background: #fef3c7; color: #92400e; }
.badge-red { background: #fee2e2; color: #991b1b; }
.score-badge { display: inline-flex; align-items: center; justify-content: center; padding: 0.25rem 0.7rem; border-radius: 999px; font-weight: 800; font-size: 0.95rem; }
.score-badge.large { font-size: 1.25rem; padding: 0.35rem 1rem; }
.score-good { background: #dcfce7; color: #166534; }
.score-warn { background: #fef3c7; color: #92400e; }
.score-danger { background: #fee2e2; color: #991b1b; }
.audit-card { padding: 1.2rem; border: 1px solid var(--border, #e2e8f0); border-radius: 8px; background: var(--surface, #ffffff); }
.audit-card-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem; }
.audit-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; }
.sec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 0.85rem; }
.sec-item { padding: 0.85rem; border-radius: 6px; border: 1px solid #e2e8f0; }
.sec-pass { border-left: 4px solid #16a34a; background: #f0fdf4; }
.sec-fail { border-left: 4px solid #d97706; background: #fffbeb; }
.sec-item-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.35rem; }
.sec-desc { font-size: 0.82rem; color: var(--text-muted, #64748b); margin: 0.25rem 0; }
.header-val { display: block; word-break: break-all; font-size: 0.82rem; padding: 0.35rem; background: rgba(0,0,0,0.04); border-radius: 4px; }
.missing-text { font-size: 0.82rem; color: #b45309; font-style: italic; }
.data-table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
.data-table th, .data-table td { padding: 0.6rem 0.75rem; border-bottom: 1px solid var(--border, #e2e8f0); text-align: left; }
.data-table th { background: var(--surface-subtle, #f8fafc); font-weight: 600; }
.scores-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 1rem; margin: 1rem 0; }
.score-box { display: flex; flex-direction: column; align-items: center; padding: 1.25rem 0.75rem; border-radius: 8px; border: 1px solid transparent; }
.score-val { font-size: 2.2rem; font-weight: 800; line-height: 1; margin-bottom: 0.35rem; }
.score-lbl { font-size: 0.88rem; font-weight: 600; text-align: center; }
.metrics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.85rem; margin-top: 0.75rem; }
.metric-card { padding: 0.85rem; border-radius: 6px; background: var(--surface-subtle, #f8fafc); border: 1px solid var(--border, #e2e8f0); }
.metric-lbl { display: block; font-size: 0.82rem; color: var(--text-muted, #64748b); margin-bottom: 0.25rem; }
.metric-val { display: block; font-size: 1.35rem; font-weight: 700; color: var(--text, #0f172a); }
.hop-item { padding: 0.6rem 0; border-bottom: 1px solid var(--border, #e2e8f0); }
.actions-inline { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
.compact { padding: 0.25rem 0.6rem!important; font-size: 0.82rem!important; min-height: unset!important; }
.username-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 0.75rem; margin: 1rem 0; }
.username-card { display: flex; flex-direction: column; justify-content: space-between; padding: 0.75rem; border: 1px solid var(--border, #e2e8f0); border-radius: 6px; background: var(--surface, #ffffff); }
.username-text { font-family: monospace; font-size: 1.05rem; font-weight: 700; word-break: break-all; margin-bottom: 0.5rem; }
.username-actions { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
.platform-links { display: flex; gap: 0.35rem; }
.platform-links a { font-size: 0.75rem; text-decoration: none; padding: 0.15rem 0.35rem; background: var(--surface-subtle, #f1f5f9); border-radius: 4px; color: var(--text-muted, #475569); }
.platform-links a:hover { color: var(--accent, #2563eb); background: #e0f2fe; }
.stops-container { display: flex; flex-direction: column; gap: 0.5rem; margin: 0.75rem 0; }
.stop-row { display: flex; align-items: center; gap: 0.75rem; }
.stop-row input[type="color"] { width: 44px; height: 36px; padding: 0; border: none; cursor: pointer; border-radius: 4px; }
.stop-row input[type="range"] { flex: 1; }
.slogans-list { display: flex; flex-direction: column; gap: 0.5rem; margin: 1rem 0; }
.slogan-card { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; border: 1px solid var(--border, #e2e8f0); border-radius: 6px; background: var(--surface, #ffffff); }
.slogan-text { font-size: 1.02rem; font-weight: 500; }
.avatar-preview-wrap { display: flex; justify-content: center; align-items: center; padding: 1.5rem; background: var(--surface-subtle, #f8fafc); border-radius: 8px; margin: 1rem 0; }