/* Final preview 1.0 — scoped refinements of the approved BDO/AION interface. */



html[data-aion-view="true"],body[data-view="aion2"]{overflow-x:clip;overflow-y:visible}
.topbar-aion-video,.aion-header-motion{display:none}
body[data-view="aion2"] .topbar-hero-link{position:relative}
body[data-view="aion2"][data-aion-header-motion="playing"] .topbar-aion-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
body[data-view="aion2"] .aion-header-motion{position:absolute;left:16px;bottom:16px;z-index:5;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid #b79a71;border-radius:8px;background:#fffaf2;color:#4d321f;font:600 13px/1.4 'Segoe UI',sans-serif;cursor:pointer}
body[data-view="aion2"] .aion-header-motion:hover{background:#f0e1c9}
body[data-view="aion2"] .aion-header-motion:focus-visible{outline:2px solid #507b35;outline-offset:4px}
.aion-header-motion svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#app #view-aion2{color-scheme:light;accent-color:#6a4426;scrollbar-color:#ad8e67 #f3e8d6}
#app #view-aion2 ::selection{color:#fffaf2;background:#6a4426}
#app #view-aion2 :is(input,select){caret-color:#4d321f}
#app #view-aion2 .aion-section-nav{position:sticky;top:0;z-index:12;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:10px 24px}
#app #view-aion2 .aion-section-nav a{justify-content:center;min-width:0;font-size:14px;min-height:44px;text-underline-offset:7px}
#app #view-aion2 .aion-section-nav a[aria-current]{color:#35541f;text-decoration-thickness:2px}
#app #view-aion2 :is(.section,.legal-document){scroll-margin-top:88px}
#app #view-aion2 :is(a,button,summary,select,input,[tabindex]):focus-visible{outline:2px solid #507b35;outline-offset:4px}
#app #view-aion2 :is(button,a){touch-action:manipulation}
#app #view-aion2 .section-heading :is(h2,p),#app #view-aion2 .pro-heading :is(h2,p){max-width:70ch}
#app #view-aion2 :is(.app-section,.pro-features,.sounds-section,.updates-section){padding-block:64px}
#app #view-aion2 .app-description p,#app #view-aion2 .panel-reading p,#app #view-aion2 .faq-list details p{font-size:14px}
#app #view-aion2 .app-tabs button span{font-size:13px;line-height:1.5}
#app #view-aion2 .version-label{display:inline;font-size:12px;white-space:normal}
#app #view-aion2 .gallery-pagination .icon-button,#app #view-aion2 .release-pagination .icon-button{min-width:44px;min-height:44px}
#app #view-aion2 .gallery-pagination strong{color:#fff5e8}
#app #view-aion2 .segmented button{min-height:44px;font-size:13px}
#app #view-aion2 .pro-heading h2{font-family:Cinzel,Georgia,serif;font-size:32px;line-height:1.3}
#app #view-aion2 .sample-intro{font-size:14px;line-height:1.75;color:#73533d;max-width:74ch;margin:0 0 24px}
#app #view-aion2 .font-fields label{font-size:13px}
#app #view-aion2 .font-status{min-height:24px;margin-top:8px}
#app #view-aion2 .font-fields :is(input,select)[aria-invalid="true"]{border-color:#963b31;outline:1px solid #963b31}
#app #view-aion2 .font-retry{min-height:44px;padding:8px 0;background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;color:#5b3f2b;font-size:13px}
#app #view-aion2 .gif-colors-layout figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px}
#app #view-aion2 #gif-colors-zoom{min-height:44px;font-size:13px;color:#5b3f2b}
#app #view-aion2 .sample-about{margin-top:24px}
#app #view-aion2 .gif-path p{padding-bottom:8px}
#app #view-aion2 .audio-row small{font-size:12px;line-height:1.5}
#app #view-aion2 .audio-controller p,#app #view-aion2 .audio-scope{font-size:12px;line-height:1.75}
#app #view-aion2 .image-viewport{scrollbar-color:#ad8e67 #f3e8d6}
#app #view-aion2 #dialog-image.gif-detail{width:960px;max-width:100%;height:auto}
#app #view-aion2 .pro-overview :is(dt,dd){line-height:1.75}
#app #view-aion2 .pro-overview>summary{cursor:pointer;min-height:60px;line-height:1.6;color:#4d321f;font-size:18px;padding-bottom:8px}
#app #view-aion2 .pro-overview>summary span{display:block;font-size:13px;font-weight:400;color:#73533d;margin-top:6px}
#app #view-aion2 .pro-overview dl{margin-top:16px}
#app #view-aion2 #download-note{scroll-margin-top:90px}
#app #view-aion2 .download-note-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;flex-wrap:wrap}
#app #view-aion2 #close-download-note{min-height:44px;margin:0;font-size:13px}
#app #view-aion2 .dialog-bar{align-items:start;flex-wrap:wrap;gap:12px 20px}
#app #view-aion2 .dialog-bar h2{flex:1;min-width:180px;line-height:1.5}
#app #view-aion2 .dialog-actions{display:flex;gap:8px;flex-wrap:wrap}
#app #view-aion2 .image-viewport{max-height:calc(100dvh - 280px)}
#app #view-aion2 #dialog-image{max-width:100%;max-height:calc(100dvh - 320px);width:auto;height:auto;object-fit:contain}
#app #view-aion2 #dialog-image.panel-detail{width:1240px}
#app #view-aion2 #dialog-image.gif-detail{width:960px}
#app #view-aion2 .is-native-size #dialog-image{max-width:none;max-height:none;width:auto}
@media(max-width:940px){#app #view-aion2 .hero{grid-template-columns:1fr;gap:32px}#app #view-aion2 .hero-product{justify-self:center;max-width:370px;width:100%}#app #view-aion2 .hero-copy>p:not(.hero-note){max-width:58ch}}
@media(max-width:940px){#app #view-aion2 .aion-section-nav{padding-inline:12px}#app #view-aion2 .aion-section-nav a{font-size:13px}}
@media(max-width:700px){

 body[data-view="aion2"] .aion-header-motion{bottom:8px;left:12px;width:44px;min-height:44px;padding:10px}
 body[data-view="aion2"] #app #navAccount.header-account-overlay{z-index:1!important;padding-left:68px!important}
 .aion-header-motion span{display:none}
 #app #view-aion2 .aion-section-nav{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 12px}
 #app #view-aion2 :is(.section,.legal-document){scroll-margin-top:124px}
 #app #view-aion2 :is(.app-section,.pro-features,.sounds-section,.updates-section){padding-block:44px}
 #app #view-aion2 .section-heading h2,#app #view-aion2 .pro-heading h2{font-size:27px;line-height:1.3}
 #app #view-aion2 .app-tabs button{min-height:90px}
 #app #view-aion2 .app-tabs button strong{font-size:14px}
 #app #view-aion2 .app-tabs button span{font-size:12px}
 #app #view-aion2 .sample-intro{font-size:14px}
 #app #view-aion2 .font-status{font-size:12px}
 #app #view-aion2 .gif-toolbar{flex-wrap:wrap;gap:8px;padding-bottom:20px}
 #app #view-aion2 .gif-toolbar p{font-size:12px}
 #app #view-aion2 .audio-row strong{font-size:14px}
 #app #view-aion2 .install-steps p{font-size:14px}
 #app #view-aion2 .faq-list summary{font-size:14px}
 #app #view-aion2 .panel-figure figcaption,#app #view-aion2 .image-note{font-size:12px;line-height:1.7}
 #app #view-aion2 .version-label{font-size:12px}
 #app #view-aion2 #download-note{scroll-margin-top:124px}
 #app #view-aion2 .dialog-bar h2{flex-basis:100%}
 #app #view-aion2 .dialog-actions .button{min-height:44px;font-size:12px}
}