/* Real native UI captures. Keep artwork in the app, never rebuild its controls in CSS. */
.native-atmospheres{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:36px;align-items:center;min-height:0;padding-block:82px;background:#080c13;isolation:isolate}
.native-atmospheres .showcase-copy{max-width:none;min-width:0}
.native-atmospheres .showcase-copy h2{font-size:clamp(42px,4.1vw,64px)}
.native-atmospheres .showcase-copy>p:not(.eyebrow){font-size:13px;color:#b6bfce}
.native-atmospheres .showcase-options{max-width:none;margin-top:25px;gap:8px}
.native-atmospheres .showcase-options button{display:flex;align-items:center;gap:7px;min-height:46px;padding:12px 9px;font-size:11px;border-radius:6px;transition:border-color .2s,background .2s,translate .2s}
.native-atmospheres .showcase-options button:hover{translate:0 -2px;border-color:var(--art-color)}
.showcase-options i{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#efbd6c}
.showcase-options [data-art-theme=horror] i{background:#e55c62}.showcase-options [data-art-theme=scifi] i{background:#86d6ff}.showcase-options [data-art-theme=drama] i{background:#b8cec5}.showcase-options [data-art-theme=noir] i{background:#dce1e4}.showcase-options [data-art-theme=romance] i{background:#eaa3bb}
.native-atmospheres[data-art-theme=noir]{--art-color:#dce1e4}.native-atmospheres[data-art-theme=drama]{--art-color:#b8cec5}
.native-atmospheres .showcase-copy .showcase-selected{font-size:9px!important;line-height:1.8;letter-spacing:.06em;margin-top:18px!important;min-height:34px}
.native-atmospheres .showcase-copy .native-capture-note{font-size:10px!important;line-height:1.9;color:#8995aa;margin-top:15px}
.native-atmosphere-window{margin:0;min-width:0;position:relative;border:1px solid #7f91b34d;border-radius:12px;background:#10151e;box-shadow:0 20px 50px #0008,0 0 28px color-mix(in srgb,var(--art-color) 10%,transparent);transition:box-shadow .35s,border-color .35s;overflow:hidden}
.native-window-label{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 15px;font-size:8px;letter-spacing:.08em;color:#8e9cb0;border-bottom:1px solid #ffffff12}
.native-window-label>span:first-child{color:#c0c9d6;white-space:nowrap}.native-window-label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--art-color);margin-right:5px;box-shadow:0 0 7px var(--art-color)}
.native-atmosphere-capture{display:block;width:100%;padding:0;border:0;border-radius:0;background:#171717;position:relative;cursor:zoom-in;line-height:0}
.native-atmosphere-capture img{display:block;width:100%;height:auto;aspect-ratio:1340/870;object-fit:contain;filter:none;transform:none}
.native-atmosphere-capture .capture-expand{right:12px;bottom:12px;font-size:17px;line-height:1;background:#111a;backdrop-filter:blur(6px);color:#fff;border:1px solid #fff4}
.native-atmosphere-window figcaption{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;font-size:9px;line-height:1.5;color:#a5afc0;border-top:1px solid #ffffff12}
.native-atmosphere-window figcaption>span:last-child{font-size:7px;letter-spacing:.06em;color:#6f7e95}
.atmosphere-preview{background:#16191f!important;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.atmosphere-mini-capture{padding:0;border:0;width:100%;height:100%;background:#15181e;cursor:zoom-in}
.atmosphere-mini-image{display:block;width:100%;height:100%;object-fit:contain;filter:none!important}
@media(max-width:1100px){.native-atmospheres{grid-template-columns:1fr;gap:30px;padding-block:65px}.native-atmospheres .showcase-copy{max-width:660px}.native-atmospheres .showcase-options{max-width:500px}.native-atmosphere-window{width:100%}.native-atmospheres .showcase-copy h2{font-size:54px}.native-window-label{font-size:9px}}
@media(max-width:540px){.native-atmospheres{gap:24px;padding-block:52px}.native-atmospheres .showcase-copy h2{font-size:42px}.native-atmospheres .showcase-copy>p:not(.eyebrow){font-size:13px}.native-atmospheres .showcase-options button{font-size:12px;padding:12px 8px;gap:6px}.native-atmospheres .showcase-copy .native-capture-note{font-size:11px!important}.native-window-label{font-size:8px;padding:11px}.native-window-label>span:last-child{display:none}.native-atmosphere-window figcaption{padding:11px;font-size:10px}.native-atmosphere-window figcaption>span:last-child{font-size:7px;max-width:85px;text-align:right}}
@media(prefers-reduced-motion:reduce){.native-atmosphere-window,.native-atmospheres button{transition:none}.native-atmospheres .showcase-options button:hover{translate:none}}