:root{--color-bg: #f8fafc;--color-surface: #f1f5f9;--color-card: #ffffff;--color-text: #0f172a;--color-muted: #64748b;--color-text-muted: #64748b;--color-border: #dbe3ef;--color-border-strong: #b9c6d8;--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-soft: #eff6ff;--color-success: #059669;--color-warning: #b45309;--color-danger: #dc2626;--color-danger-soft: #fef2f2;--radius: 12px;--radius-sm: 10px;--radius-lg: 16px;--container: 1180px;--header-height: 72px;--section-space: clamp(2rem, 5vw, 4rem);--card-padding: clamp(1rem, 3vw, 1.5rem)}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;max-width:100%;overflow-x:hidden;scroll-behavior:smooth;color-scheme:light;background:var(--color-bg)}body{margin:0;min-width:320px;max-width:100%;overflow-x:hidden;background:linear-gradient(180deg,#ffffff 0,#f8fbff 360px,var(--color-bg) 100%);color:var(--color-text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;text-rendering:optimizeLegibility}img,video,canvas,svg,iframe{display:block;max-width:100%}table,pre,code{max-width:100%}pre,code{white-space:pre-wrap;overflow-wrap:anywhere}a{color:var(--color-primary);text-decoration:none;text-underline-offset:3px}a:hover{color:var(--color-primary-dark);text-decoration:underline}button,input,select,textarea,progress{font:inherit}button{cursor:pointer}button:disabled,.btn:disabled,.menu-toggle:disabled,.dropdown-toggle:disabled,a[aria-disabled=true]{pointer-events:none;cursor:not-allowed;opacity:.55}h1,h2,h3,h4,h5,h6{margin:0 0 .85rem;color:var(--color-text);font-weight:800;line-height:1.15;letter-spacing:-.025em}h1{max-width:860px;font-size:clamp(2.35rem,7vw,4.65rem)}h2{font-size:clamp(1.45rem,3vw,2rem)}h3{font-size:1.125rem}p{margin:0 0 1rem}p:last-child{margin-bottom:0}ul,ol{margin:0 0 1rem;padding-left:1.25rem}dl{margin:0}.site-shell{min-height:100vh;max-width:100%;display:flex;flex-direction:column;overflow-x:clip}.container,.container-shell{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem);min-width:0}.main-content{flex:1;min-width:0;max-width:100%}.section,.page-section{padding-block:var(--section-space)}.page-section+.page-section{padding-top:clamp(1rem,3vw,2rem)}.page-section-muted{background:transparent;border:0}.section-heading{max-width:760px;margin-bottom:1.25rem;padding:clamp(1.25rem,3vw,1.75rem);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card)}.page-section>.container,.page-section>.container-shell{display:grid;gap:1.25rem}.section-heading h2{margin-bottom:.65rem}.section-heading p,.muted,.text-muted,.content-section p,.content-section li,.footer-col p,.footer-block p{color:var(--color-muted)}.site-header{position:sticky;top:0;z-index:50;width:100%;max-width:100%;min-width:0;min-height:var(--header-height);display:flex;align-items:center;border-bottom:1px solid rgba(219,227,239,.95);background:#fffffff0;backdrop-filter:blur(14px)}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:1rem;width:100%;max-width:var(--container);min-height:var(--header-height);min-width:0}.brand{display:inline-flex;align-items:center;gap:.75rem;min-width:0;max-width:min(16rem,calc(100% - 4rem));flex:0 1 auto;color:var(--color-text);font-size:1.05rem;font-weight:800;letter-spacing:-.02em;text-decoration:none}.brand span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand:hover{color:var(--color-text);text-decoration:none}.brand-mark,.brand-icon,.tool-card-icon,.feature-icon{width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid #bfdbfe;border-radius:var(--radius);background:var(--color-primary-soft);color:var(--color-primary)}.menu-toggle{width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-card);color:var(--color-text);transition:background-color .16s ease,border-color .16s ease,color .16s ease}.menu-toggle:hover{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.topnav{position:absolute;top:calc(100% + 1px);left:0;right:0;z-index:40;display:none;flex-direction:column;width:100%;max-width:100%;min-width:0;gap:.35rem;padding:.8rem clamp(1rem,4vw,2rem) 1rem;border-bottom:1px solid var(--color-border);background:var(--color-card);max-height:calc(100vh - var(--header-height));overflow-y:auto}.topnav[data-open=true]{display:flex}.topnav a,.dropdown-toggle{width:100%;max-width:100%;min-width:0;min-height:2.5rem;display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .75rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:#475569;font-size:.92rem;font-weight:700;text-decoration:none;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.topnav a span,.dropdown-toggle span{min-width:0;overflow:hidden;text-overflow:ellipsis}.topnav i,.footer-nav i,.footer-links i{width:1.1rem;flex:0 0 1.1rem;text-align:center}.topnav a:hover,.dropdown-toggle:hover,.dropdown-toggle[aria-expanded=true]{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);text-decoration:none}.topnav a[aria-current=page]{border-color:#bfdbfe;background:var(--color-primary-soft);color:var(--color-primary)}.nav-tools,.dropdown{position:relative;width:100%;max-width:100%;min-width:0}.dropdown-toggle{justify-content:flex-start}.nav-tools-menu,.dropdown-menu{display:grid;width:100%;max-width:100%;max-height:0;gap:0;overflow:hidden;padding:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-.25rem);transition:max-height .18s ease,opacity .16s ease,transform .16s ease,padding .16s ease}.dropdown.is-open .nav-tools-menu,.dropdown.is-open .dropdown-menu{max-height:760px;gap:.15rem;padding-block:.5rem;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.dropdown-menu a{width:100%}.hero-section{padding-block:clamp(2.5rem,7vw,5.5rem);border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 8% 10%,rgba(37,99,235,.09),transparent 28rem),linear-gradient(180deg,#fff,#f8fbff)}.hero-grid{display:grid;gap:clamp(1.25rem,4vw,2.5rem);align-items:stretch;min-width:0}.hero-grid>div:first-child,.hero-card{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffeb}.hero-grid>div:first-child{padding:clamp(1.4rem,4vw,2.5rem)}.hero-card{align-self:start}.hero-eyebrow,.eyebrow{display:inline-flex;align-items:center;width:fit-content;margin-bottom:.9rem;padding:.35rem .65rem;border:1px solid #bfdbfe;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-description,.hero-copy,.intro{max-width:760px;color:#475569;font-size:clamp(1rem,2vw,1.16rem);line-height:1.75;overflow-wrap:anywhere}.hero-privacy-note,.privacy-note,.hero-local-note{display:flex;align-items:flex-start;gap:.65rem;margin-top:1.25rem;padding:.9rem 1rem;border:1px solid #bfdbfe;border-radius:var(--radius);background:var(--color-primary-soft);color:#1e3a8a;font-size:.92rem}.hero-privacy-note i,.privacy-note i,.hero-local-note i{margin-top:.22rem;color:var(--color-primary)}.hero-actions,.cta-actions,.btn-group,.action-group,.actions,.result-actions,.not-found-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;min-width:0}.hero-card,.card,.panel,.tool-panel,.preview-card,.content-card,.footer-block,.cta-card{min-width:0;width:100%;padding:var(--card-padding);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card)}.panel,.tool-panel{overflow:hidden;scroll-margin-top:calc(var(--header-height) + 1rem)}.hero-card h2,.card-header h2,.panel-header h2{margin-bottom:.35rem;font-size:1.2rem}.card-header,.panel-header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.card-header>*,.panel-header>*{min-width:0}.card-header p,.panel-header p{color:var(--color-muted)}.hero-card ul{margin:0;padding:0;list-style:none}.hero-card li{display:flex;align-items:flex-start;gap:.65rem;padding-block:.65rem;border-bottom:1px solid var(--color-border);color:#475569;font-size:.94rem}.hero-card li:last-child{border-bottom:0}.hero-card li i{margin-top:.25rem;color:var(--color-success)}.tool-stack,.tool-page-stack,.tool-section-stack{display:grid;gap:1.25rem;min-width:0}.tool-panel{margin-bottom:1.5rem}.results-section,.page-section>.container>.panel+.panel,.page-section>.container-shell>.panel+.panel{margin-top:1.5rem}.tool-grid,.settings-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:end}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem;align-items:stretch;width:100%;min-width:0;margin-top:1.25rem}.settings-grid>.action-group,.settings-panel>.action-group,.tool-grid>.action-group{align-self:end;margin-top:0}.field,.field-group{display:flex;flex-direction:column;gap:.4rem;min-width:0}.settings-grid>.field-group,.settings-panel>.field-group{justify-content:flex-start;width:100%;min-width:0;min-height:100%;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:#fbfdff;transition:border-color .16s ease,background-color .16s ease}.settings-grid>.field-group:focus-within,.settings-panel>.field-group:focus-within{border-color:#93c5fd;background:#fff}label,.field-group label,.progress-wrap label{display:block;color:var(--color-text);font-size:.9rem;font-weight:800}.field-group .muted{margin-top:.15rem;color:var(--color-muted);font-size:.84rem;line-height:1.45}.field-row,.target-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(5.5rem,.35fr);gap:.65rem;width:100%;min-width:0}.target-row input,.target-row select,.field-row input,.field-row select{min-width:0}.checkbox-group{align-content:start;justify-content:center;gap:.55rem;background:var(--color-primary-soft)!important;border-color:#bfdbfe!important}.checkbox-row,.checkbox-label{display:flex;align-items:flex-start;gap:.6rem;color:#334155;font-size:.92rem;cursor:pointer}.checkbox-group .checkbox-row,.checkbox-group .checkbox-label{width:100%;align-items:center;min-height:2.85rem;padding:.75rem .85rem;border:1px solid #bfdbfe;border-radius:var(--radius-sm);background:#fff;color:#1e3a8a;font-weight:800}.checkbox-group .muted{color:#315b92}.checkbox-row input,.checkbox-label input{flex:0 0 auto;width:1.05rem;height:1.05rem;margin-top:.25rem;accent-color:var(--color-primary)}input[type=text],input[type=number],input[type=email],input[type=url],input[type=search],input[type=file],select,textarea,.form-control{width:100%;min-height:2.85rem;padding:.65rem .8rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-text);font-size:.95rem;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input[type=file]{padding-block:.55rem;overflow:hidden;text-overflow:ellipsis}input:hover,select:hover,textarea:hover{border-color:#93a4bb}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible,summary:focus-visible,.dropzone:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;border-color:#d9e2ef;background:var(--color-surface);color:var(--color-muted)}select{appearance:none;padding-right:2.25rem;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}textarea{min-height:8rem;resize:vertical}.dropzone{min-height:clamp(180px,28vw,240px);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;overflow:hidden;border:2px dashed #adc0d8;border-radius:var(--radius-lg);background:#f8fafc;color:#475569;text-align:center;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.dropzone:hover,.dropzone.drag-active{border-color:var(--color-primary);background:var(--color-primary-soft);color:#1e3a8a}.dropzone[aria-disabled=true]{pointer-events:none;cursor:not-allowed;opacity:.6}.dropzone-content,.dropzone-inner{max-width:32rem;width:100%;min-width:0;padding:1.4rem;text-align:center}.dropzone-content i,.dropzone-inner i,.dropzone-icon{display:block;margin:0 auto .85rem;color:var(--color-primary);font-size:2.1rem}.dropzone-title{margin:0 0 .25rem;color:var(--color-text);font-weight:800}.btn,button.btn,a.btn,.primary-button,.secondary-button,a.primary-button,a.secondary-button{min-height:2.85rem;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.65rem 1rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:.92rem;font-weight:800;line-height:1.1;text-align:center;text-decoration:none;transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.btn:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px);text-decoration:none}.btn-primary,.primary-button{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.btn-primary:hover,.primary-button:hover{border-color:var(--color-primary-dark);background:var(--color-primary-dark);color:#fff}.btn-secondary,.secondary-button{border-color:var(--color-border-strong);background:var(--color-card);color:var(--color-text)}.btn-secondary:hover,.secondary-button:hover{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.btn-danger,.danger-button{border-color:#fecaca;background:var(--color-danger-soft);color:#b91c1c}.btn-danger:hover,.danger-button:hover{border-color:#fca5a5;background:#fee2e2;color:#991b1b}.btn:disabled:hover,.primary-button:disabled:hover,.secondary-button:disabled:hover{transform:none}.settings-grid>.action-group,.settings-panel>.action-group,.tool-grid>.action-group{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;align-items:stretch;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff}.settings-grid>.action-group .btn,.settings-grid>.action-group button,.settings-grid>.action-group a,.settings-panel>.action-group .btn,.settings-panel>.action-group button,.settings-panel>.action-group a,.tool-grid>.action-group .btn,.tool-grid>.action-group button,.tool-grid>.action-group a{width:100%;min-width:0;margin:0}.notice,.status-box,#settings-summary,#video-settings-summary{margin-top:1rem;padding:.85rem 1rem;overflow-wrap:anywhere;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:#475569;font-size:.92rem;line-height:1.55;min-width:0}.settings-grid+.notice,.settings-grid+.notice+.notice,#settings-summary,#video-settings-summary{width:100%;max-width:100%}.notice.warning{border-color:#facc15;background:#fffbeb;color:var(--color-warning)}.notice.success{border-color:#86efac;background:#ecfdf5;color:#047857}.notice.error{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.notice.status,.notice.info{border-color:#bfdbfe;background:var(--color-primary-soft);color:#1d4ed8}.progress-wrap{margin-top:1rem}.progress-wrap label{margin-bottom:.5rem}progress{width:100%;height:.65rem;display:block;overflow:hidden;border:0;border-radius:999px}progress::-webkit-progress-bar{background:var(--color-surface);border-radius:999px}progress::-webkit-progress-value{background:var(--color-primary);border-radius:999px}progress::-moz-progress-bar{background:var(--color-primary)}.preview-grid,.results-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0}.preview-card{display:grid;align-content:start;gap:1rem;min-width:0}.preview-card h3{margin-bottom:0;font-size:1rem}.preview-frame{min-height:clamp(180px,28vw,260px);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-muted);text-align:center;font-size:.9rem}.preview-frame img,.preview-frame video,.preview-frame canvas{max-width:100%;max-height:360px;object-fit:contain}.empty-state{color:var(--color-muted);text-align:center;font-size:.92rem}.selected-card,.preview-card.has-result{border-color:#86efac}.stats-list{display:grid;gap:0;margin:0}.stat-item,.stat-row{display:grid;grid-template-columns:minmax(0,1fr);gap:.25rem;padding-block:.65rem;border-bottom:1px solid var(--color-border);font-size:.92rem}.stat-item:last-child,.stat-row:last-child{border-bottom:0}.stat-item dt,.stat-label{color:var(--color-muted);font-weight:800}.stat-item dd,.stat-value{margin:0;overflow-wrap:anywhere}.content-grid,.tools-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0}.tool-card,.content-card,.feature-card{min-width:0;display:flex;flex-direction:column;gap:.85rem;padding:clamp(1rem,3vw,1.35rem);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);color:inherit;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.tool-card:hover{border-color:var(--color-primary);background:#fbfdff;transform:translateY(-2px);text-decoration:none}.content-card:hover,.feature-card:hover{border-color:var(--color-border-strong);background:#fbfdff}.tool-card-icon,.feature-icon{margin-bottom:.1rem;font-size:1.2rem}.tool-card h3,.content-card h3{margin:0 0 .2rem;color:var(--color-text);font-size:1.08rem}.tool-card p,.content-card p{flex:1;margin:0;color:var(--color-muted);font-size:.94rem}.compact-tool-card .btn{align-self:flex-start;margin-top:.35rem}.tool-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-top:auto}.badge{display:inline-flex;align-items:center;min-height:1.8rem;padding:.25rem .65rem;border:1px solid var(--color-border);border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap}.badge-available{border-color:#86efac;background:#ecfdf5;color:#047857}.badge-soon{background:var(--color-surface);color:var(--color-muted)}.faq-list,.faq-accordion{display:grid;gap:.75rem}.faq-item,.faq-accordion details{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-card)}.faq-item summary,.faq-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;color:var(--color-text);font-weight:800;list-style:none;cursor:pointer}.faq-item:hover,.faq-accordion details:hover{border-color:var(--color-border-strong)}.faq-item summary::-webkit-details-marker,.faq-accordion summary::-webkit-details-marker{display:none}.faq-item summary:after,.faq-accordion summary:after{content:"❯";display:inline-block;flex-shrink:0;color:var(--color-muted);font-size:.85rem;transform:rotate(90deg);transition:transform .16s ease}.faq-item[open] summary:after,.faq-accordion details[open] summary:after{transform:rotate(270deg)}.faq-item p,.faq-accordion details p{margin:0;padding:0 1.1rem 1rem;color:var(--color-muted);font-size:.94rem;line-height:1.7}.cta-section{padding-top:0}.cta-card{display:grid;gap:1.25rem;align-items:center;background:linear-gradient(180deg,#fff,#f8fbff)}.cta-actions{align-items:center;justify-content:flex-start}.cta-card p{color:var(--color-muted)}.site-footer{margin-top:auto;width:100%;max-width:100%;min-width:0;border-top:1px solid var(--color-border);background:#fff}.footer-inner,.footer-row{padding-block:2.5rem}.footer-grid{display:grid;gap:1rem}.footer-col,.footer-block{min-width:0;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-card)}.footer-col h3,.footer-block h2{margin-bottom:.8rem;color:var(--color-text);font-size:.84rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.footer-nav,.footer-links{display:flex;flex-direction:column;gap:.42rem}.footer-nav a,.footer-links a{display:flex;align-items:flex-start;gap:.5rem;color:var(--color-muted);font-size:.9rem;text-decoration:none}.footer-nav a:hover,.footer-links a:hover{color:var(--color-primary);text-decoration:none}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.footer-credit{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;color:var(--color-muted);font-size:.9rem}.footer-credit a{color:var(--color-muted);text-decoration:underline}.not-found-section{padding-block:5rem;text-align:center}.not-found-icon{margin-bottom:1.5rem;color:var(--color-muted);font-size:4rem}.not-found-title{margin-bottom:.75rem;font-size:clamp(1.9rem,5vw,2.5rem)}.not-found-description{max-width:36rem;margin-inline:auto;margin-bottom:2rem;color:var(--color-muted);font-size:1.08rem}.not-found-actions{justify-content:center}.not-found-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem}.not-found-suggestions a{padding:.55rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-muted);font-size:.9rem;text-decoration:none}.not-found-suggestions a:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.break-anywhere{overflow-wrap:anywhere}@media (min-width: 480px){.field-row,.target-row{grid-template-columns:minmax(0,1fr) auto}}@media (min-width: 640px){.btn,button.btn,a.btn,.primary-button,.secondary-button,a.primary-button,a.secondary-button{width:auto}.settings-grid,.settings-panel,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid>.action-group,.settings-panel>.action-group,.tool-grid>.action-group{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-grid,.content-grid,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-item,.stat-row{grid-template-columns:minmax(0,1fr) auto;gap:1rem}.stat-item dd,.stat-value{text-align:right}.cta-card{grid-template-columns:minmax(0,1fr) auto;padding:1.75rem}}@media (max-width: 767px){.site-header{position:sticky}.topbar{gap:.75rem;padding-block:.55rem}.brand{max-width:calc(100% - 3.5rem)}.topnav{padding-block:.75rem 1rem;border-top:1px solid var(--color-border)}.topnav[data-open=true]{display:grid;grid-template-columns:minmax(0,1fr)}.dropdown.is-open .nav-tools-menu,.dropdown.is-open .dropdown-menu{max-height:680px;padding:.4rem;border:1px solid var(--color-border);border-radius:var(--radius);background:#f8fafc}.hero-actions .btn,.hero-actions .primary-button,.hero-actions .secondary-button,.cta-actions .btn,.cta-actions .primary-button,.cta-actions .secondary-button,.result-actions .btn,.result-actions .primary-button,.result-actions .secondary-button,.not-found-actions .btn,.not-found-actions .primary-button,.not-found-actions .secondary-button{width:100%}.footer-bottom{align-items:flex-start}.footer-credit{flex-direction:column}}@media (min-width: 768px){.preview-grid,.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.menu-toggle{display:none}.topnav{position:static;display:flex!important;flex-direction:row;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.25rem;min-width:0;max-width:100%;padding:0;border-bottom:0;background:transparent;overflow:visible}.topnav a,.dropdown-toggle{width:auto;max-width:100%;white-space:nowrap}.nav-tools,.dropdown{width:auto;max-width:100%}.nav-tools-menu,.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:50;width:min(20rem,92dvw);min-width:286px;max-width:min(340px,92dvw);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-card)}.dropdown.is-open .nav-tools-menu,.dropdown.is-open .dropdown-menu{padding:.55rem}.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr)}.settings-grid,.settings-panel,.tool-grid,.tools-grid,.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid>.action-group,.settings-panel>.action-group,.tool-grid>.action-group{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}.footer-grid{grid-template-columns:1.2fr repeat(3,minmax(0,.9fr))}}@media (min-width: 1024px) and (max-width: 1120px){.topnav a,.dropdown-toggle{padding-inline:.55rem;font-size:.86rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn:hover,.primary-button:hover,.secondary-button:hover,.tool-card:hover{transform:none}}@media (min-width: 1280px){.hero-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr)}}@media (max-width: 380px){h1{font-size:2rem}.hero-grid>div:first-child,.hero-card,.card,.panel,.tool-panel,.preview-card,.content-card,.footer-block,.cta-card{padding:1rem}}@media print{.site-header,.site-footer,.menu-toggle,.hero-actions,.btn,.dropzone,.result-actions{display:none!important}body{background:#fff}.hero-grid>div:first-child,.hero-card,.card,.panel,.tool-panel,.preview-card,.content-card,.footer-block,.cta-card{border-color:#cbd5e1}}