/* Shared header/footer and interactive mockup workspaces. */
body .at-header{background:#f8f7f3!important;box-shadow:none;border-bottom:1px solid #dfe3e8}
body .at-header-inner{max-width:1280px;height:86px;gap:24px}
body .at-nav a{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#101c33}
body .at-header-right{gap:16px}
body .at-header .at-header-cta{display:inline-flex;align-items:center;gap:9px;background:#1258f9;color:white;border-radius:8px;padding:12px 18px;white-space:nowrap;font-size:13px}
.ufx-header-search{position:relative;color:#101c33}.ufx-header-search summary{list-style:none;cursor:pointer;display:flex;padding:8px}.ufx-header-search summary::-webkit-details-marker{display:none}.ufx-header-search form{position:absolute;right:0;top:42px;background:white;padding:20px;width:min(340px,85vw);border:1px solid #dfe3e8;border-radius:10px;box-shadow:0 10px 40px #101c3326;z-index:100}.ufx-header-search label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.ufx-header-search input{width:100%;padding:12px;border:1px solid #c7d2e3;border-radius:6px}.ufx-header-search button{margin-top:10px;background:#1258f9;color:white;border:0;border-radius:6px;padding:10px 16px;cursor:pointer}
body .at-footer{background:#14212d!important;color:#c4cfda;padding:54px 0 20px}body .at-footer-grid{display:grid;grid-template-columns:1.8fr 1fr .8fr .8fr;gap:40px}body .at-footer h4{color:white;font-size:15px}body .at-footer-list a,body .at-footer p{color:#c4cfda}body .at-footer-list li{margin-bottom:10px}body .at-footer .at-logo{background:white;padding:8px 12px;display:inline-flex;border-radius:7px}body .at-footer .ufx-footer-heading{color:white;font-size:clamp(27px,3vw,39px);letter-spacing:-1.3px;line-height:1.12;margin:24px 0 18px}.ufx-footer-accent{display:block;width:65px;height:5px;background:#cafa62;border-radius:4px;margin-bottom:22px}body .at-footer-bottom{border-color:#425160;margin-top:36px}
body .at-mobile-nav:not(.is-open){display:none!important}
.ufx-control-bar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ufx-control-bar button,.ufx-copy-output{border:1px solid #ccd8e7;border-radius:6px;background:white;color:#13243c;padding:10px 14px;cursor:pointer;font:inherit;font-size:13px}
.ufx-tool-word-counter .at-tool-grid-2{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)!important}.ufx-tool-word-counter #wc-input{min-height:360px}.ufx-tool-word-counter .at-stat-list-val{color:#cafa62!important;font-size:28px}.ufx-tool-word-counter .at-stat-list-lbl{color:#eaf0f8!important}
.ufx-pct-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.ufx-pct-layout .at-tabs{grid-column:1/-1}.ufx-pct-layout .at-result-box{grid-column:2;grid-row:2/8;margin:0;background:#102846;color:white;border-radius:10px;padding:30px;display:flex;flex-direction:column;justify-content:center}.ufx-pct-layout .at-result-num{font-size:68px;color:white}.ufx-pct-layout .at-result-lbl{color:#b9cce5}.ufx-pct-layout .at-pct-mode{grid-column:1}.ufx-pct-layout .at-grid-2{grid-template-columns:1fr}.ufx-pct-layout #pct-copy{color:white!important;border-color:#9badc6!important;background:transparent!important}
.ufx-media-preview{width:100%;margin:15px 0;border-radius:8px;background:#102846}.ufx-waveform{display:block;width:100%;height:160px;background:#eef5ff;border-radius:8px;margin:14px 0}.ufx-trim-ranges{display:grid;gap:12px;margin:20px 0}.ufx-trim-ranges label{display:grid;gap:6px;color:var(--at-text);font-size:13px}.ufx-trim-ranges input{width:100%;accent-color:#1258f9}.ufx-media-summary{border-radius:7px;background:#eaf3ff;color:#13243c;padding:15px;font-weight:700;margin:12px 0}
.ufx-comparison{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:9px;background:#edf3fa}.ufx-comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#edf3fa}.ufx-comparison input{position:absolute;bottom:12px;left:5%;width:90%;z-index:3;accent-color:#1258f9}.ufx-comparison .ufx-after{clip-path:inset(0 50% 0 0)}.ufx-comparison-label{position:absolute;top:10px;left:10px;z-index:4;color:#102846;background:white;padding:5px 10px;border-radius:5px;font-size:11px}.ufx-comparison-label:last-of-type{left:auto;right:10px}
body.ufx-family-developer-tools textarea[readonly]{background:#102846!important;color:#d9eaff!important;font-family:monospace;border-color:#294261!important}
body .ufx-result-card{background:transparent!important;color:inherit!important;font-size:27px;overflow-wrap:anywhere}body .ufx-result-card strong{display:block;font-size:16px;margin-bottom:16px}body .ufx-result-card p{font-size:13px}
.ufx-tool-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:22px 0;border-top:1px solid var(--at-border);border-bottom:1px solid var(--at-border);margin-top:28px}.ufx-tool-benefits>div{display:flex;gap:12px;align-items:center;font-size:13px}.ufx-tool-benefits svg{color:#1258f9}.ufx-tool-benefits small{display:block;color:var(--at-text-muted)}
body.at-dark .at-header{background:#111a24!important}body.at-dark .at-header a,body.at-dark .ufx-header-search{color:#eaf0f8}
@media(max-width:1050px){body .at-header-inner{gap:12px}body .at-nav a{font-size:12px}body .at-header-right{gap:7px}body .at-header-cta{padding:10px!important}}
@media(max-width:760px){body .at-header-inner{height:72px}body .at-header-cta{display:none!important}body .at-footer-grid{grid-template-columns:1fr 1fr;gap:30px}body .at-footer-brand{grid-column:1/-1}.ufx-pct-layout{grid-template-columns:1fr}.ufx-pct-layout .at-result-box{grid-column:1;grid-row:auto}.ufx-tool-word-counter .at-tool-grid-2{grid-template-columns:1fr!important}.ufx-tool-benefits{grid-template-columns:1fr;gap:14px}}
.ufx-directory-search{display:flex;max-width:800px;gap:8px;background:white;border:1px solid #cdd7e5;padding:8px;border-radius:9px;margin:25px 0}.ufx-directory-search input[type=search]{flex:1;min-width:0;border:0;padding:12px;background:transparent;color:#102846;font:inherit}.ufx-directory-search button{display:flex;align-items:center;gap:10px;background:#1258f9;color:white;border:0;border-radius:6px;padding:10px 18px;cursor:pointer}.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.ufx-comparison[hidden],.at-btn[hidden]{display:none!important}