/* Full-width software previews, scoped to the Home customization section. */
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-intro{max-width:960px;margin-bottom:32px}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-preview{
 min-width:0;padding:24px;border:1px solid var(--ui-control-border);border-radius:24px;
 background:var(--ui-surface);box-shadow:inset 0 1px 0 var(--ui-highlight),var(--ui-shadow);
}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-selector{flex:1 1 470px;min-width:0}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-mode{min-width:0;max-width:100%;flex:0 1 auto}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-label{display:block;margin-bottom:10px;font:500 13px/1.5 var(--atc-body);color:var(--ui-muted)}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize :is(.atc-interface-tabs,.atc-interface-themes){display:flex;flex-wrap:wrap;gap:8px}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize :is(.atc-interface-tabs,.atc-interface-themes) button{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:46px;max-width:100%;padding:10px 16px;
 border:1px solid var(--ui-control-border);border-radius:10px;background:var(--ui-raised);color:var(--ui-fg);
 box-shadow:inset 0 1px 0 var(--ui-highlight),0 3px 8px oklch(from var(--ui-bg) .04 c h / .12);
 font:600 14px/1.45 var(--atc-body);text-align:center;white-space:normal;cursor:pointer;
}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize :is(.atc-interface-tabs,.atc-interface-themes) button:hover{color:var(--ui-fg);background:var(--ui-raised);border-color:var(--ui-fg);box-shadow:inset 0 1px 0 var(--ui-highlight),0 3px 8px oklch(from var(--ui-bg) .04 c h / .24)}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-tabs button[aria-selected="true"]{border-color:var(--ui-fg);box-shadow:inset 0 -3px 0 var(--ui-fg),inset 0 1px 0 var(--ui-highlight)}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-themes button[aria-checked="true"]{background:var(--atc-accent);color:var(--atc-action-ink);border-color:var(--atc-accent)}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-themes button[aria-checked="true"]:hover{background:var(--atc-accent-hover);color:var(--atc-action-ink);border-color:var(--atc-action-ink)}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize :is(.atc-interface-tabs,.atc-interface-themes) button:focus-visible{outline:3px solid var(--ui-accent-text);outline-offset:3px}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-themes svg{width:18px;height:18px;flex:none}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-description{margin:24px 0 16px;color:var(--ui-fg);font:400 16px/1.65 var(--atc-body);text-wrap:pretty}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-screen{
 position:relative;isolation:isolate;display:grid;place-items:center;min-width:0;width:100%;aspect-ratio:1500/868;
 padding:8px;border:1px solid var(--ui-control-border);border-radius:16px;background:var(--ui-field);overflow:visible;
}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-screen img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;object-fit:contain;border-radius:8px;filter:none;transform:none}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize [hidden]{display:none!important}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-notes{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:16px}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-notes p{max-width:65ch;margin:0;color:var(--ui-muted);font:400 13px/1.6 var(--atc-body)}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0 20px}
body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-benefits .custom-row{min-width:0;margin:0}
@media(max-width:700px){
 body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-preview{padding:16px;border-radius:18px}
 body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-toolbar{gap:20px}
 body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-tabs{display:grid;grid-template-columns:minmax(0,1fr)}
 body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize :is(.atc-interface-mode,.atc-interface-themes){width:100%}
 body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-themes button{flex:1 1 100px}
 body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-screen{padding:4px;border-radius:10px}
 body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-screen img{border-radius:6px}
 body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-benefits{grid-template-columns:minmax(0,1fr)}
}
@media(forced-colors:active){
 body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-tabs button[aria-selected="true"],
 body.atc-responsive.atc-unified#top[data-atc-page="home"] #customize .atc-interface-themes button[aria-checked="true"]{outline:2px solid Highlight;outline-offset:-4px}
}