:root { --studio-ink:#292923; --studio-muted:#716c61; --studio-paper:#fcfaf6; --studio-line:#e8e1d4; --studio-gold:#bf9654; }
body { background:#f3eee5; color:var(--studio-ink); }
button,input,textarea,select { font:inherit; }
button,a,input,textarea,select { -webkit-tap-highlight-color:transparent; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline:2px solid #a77a39; outline-offset:3px; }
[hidden] { display:none !important; }
.studio-header { position:fixed; inset:0 0 auto; height:76px; display:flex; align-items:center; gap:16px; padding:0 28px; z-index:80; background:var(--studio-paper); border-bottom:1px solid var(--studio-line); }
.studio-header > div:first-child { margin-inline-end:auto; min-width:0; }
.studio-brand { color:#292923; text-decoration:none; font-family:'Playfair Display',Georgia,serif; font-size:24px; font-style:italic; }
.studio-kicker { display:none; }
.studio-tools { display:flex; align-items:center; gap:8px; margin:0; flex-shrink:0; }
.studio-tools button,.studio-secondary { border:1px solid var(--studio-line); background:transparent; color:var(--studio-ink); border-radius:7px; padding:9px 14px; font-size:12px; cursor:pointer; }
.studio-tools button:disabled { opacity:.4; cursor:default; }
#draft-status { font-size:11px; color:var(--studio-muted); margin-right:14px; }
.studio-header .top-controls { position:static; inset:auto !important; flex-shrink:0; z-index:100; }
.top-controls .top-btn { padding:9px 13px; border:1px solid var(--studio-line); border-radius:7px; box-shadow:none; background:var(--studio-paper); font-size:12px; min-height:36px; }
.top-controls .top-btn svg { width:17px; height:17px; }
.sidebar { padding-top:76px; background:var(--studio-paper); width:450px; border-color:var(--studio-line); box-shadow:none; }
.sidebar-content { padding:24px; }
.sidebar-footer { background:var(--studio-paper); padding:18px 24px; border-color:var(--studio-line); }
.wizard-progress { margin-bottom:26px; }
.step-header h2 { color:var(--studio-ink); font-size:27px; font-weight:500; }
.step-header p { font-size:12px; color:var(--studio-muted); }
.step-tip { background:#f4f0e8; border-color:var(--studio-line); color:#766c5c; padding:12px 14px; font-size:11px; line-height:1.7; border-radius:8px; margin:18px 0; }
.sidebar label { font-size:12px; }
.modern-btn-group { background:#f3efe7; border-color:var(--studio-line); }
.modern-btn { font-size:12px; }
.modern-btn.active { border-color:#b99355 !important; background:#fffdf7 !important; color:#3b3020 !important; box-shadow:none !important; }
.input-group input,.input-group textarea,.sidebar select { border-color:#ddd5c7; background:#fffefb; border-radius:8px; font-size:13px; }
.wizard-nav { background:var(--studio-paper); border-color:var(--studio-line); gap:12px; }
.wizard-nav .btn-next,.wizard-nav .btn-finish { background:#d8b77d !important; color:#28231c !important; box-shadow:none; letter-spacing:.04em; font-size:11px; font-weight:700; }
.wizard-nav .btn-back { background:#ece6dc !important; color:#625b50; font-size:11px; }
.preview-area { height:100dvh; padding-top:76px; background:radial-gradient(ellipse at 50% 40%,#fbf8f1,#e9e1d3); overflow:hidden; display:grid; place-items:center; }
.preview-area #poster { position:absolute; top:50%; left:50%; margin:38px 0 0; max-height:none; max-width:none; box-shadow:0 24px 55px #4a392025; flex-shrink:0; transform-origin:center center; }
.preview-live-note { top:102px; color:#857969 !important; font-size:11px; border:none; padding:0; background:transparent !important; box-shadow:none; }
.preview-lock-overlay { display:none !important; }
body.wizard-build-step #poster { filter:none; opacity:1; }
.studio-preview-actions { position:absolute; bottom:25px; left:0; right:0; display:flex; align-items:center; justify-content:center; gap:12px; z-index:15; }
.studio-preview-actions button { background:#fffaf1; border:1px solid #d8cbb8; border-radius:7px; padding:11px 16px; color:#5a4930; cursor:pointer; font-size:12px; }
.studio-section { margin:20px 0 25px; }
.studio-section-title { font-size:11px; color:#796c56; letter-spacing:.1em; text-transform:uppercase; margin-bottom:12px; }
.occasion-options { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.occasion-card { text-align:left; border:1px solid var(--studio-line); padding:13px 12px; border-radius:8px; background:#fffdf9; color:var(--studio-ink); cursor:pointer; font-size:12px; }
.occasion-card span { display:block; font-size:10px; color:var(--studio-muted); margin-top:5px; }
.occasion-card[aria-pressed=true],.style-card[aria-pressed=true] { border-color:#b58b46; background:#f5ebd8; }
.style-options { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.style-card { border:1px solid var(--studio-line); border-radius:8px; padding:10px 8px; text-align:left; background:#fffdf9; color:var(--studio-ink); cursor:pointer; }
.style-sample { height:78px; display:grid; place-items:center; background:var(--sample-bg); margin-bottom:10px; border-radius:3px; }
.style-sample::after { content:'✦'; color:var(--sample-star); font-size:27px; background:var(--sample-map); border-radius:50%; width:48px; height:48px; display:grid; place-items:center; }
.style-card strong { font-size:11px; font-weight:600; }
.style-card small { display:block; font-size:9px; line-height:1.5; color:var(--studio-muted); margin-top:4px; }
.resume-card { background:#f0e5d1; border:1px solid #d4bc91; border-radius:10px; padding:15px; margin-bottom:24px; }
.resume-card h3 { font:20px 'Playfair Display',Georgia,serif; margin-bottom:8px; }
.resume-card p { font-size:11px; color:#6c5d46; line-height:1.5; margin-bottom:12px; }
.resume-card .studio-secondary { background:#fffaf0; }
.gift-box { border:1px solid var(--studio-line); border-radius:10px; padding:18px; background:#f5f0e7; }
.gift-toggle { display:flex; align-items:center; gap:10px; font-weight:600; }
.gift-box p { font-size:11px; line-height:1.6; color:var(--studio-muted); margin:8px 0 16px; }
.gift-field { display:block; margin:12px 0; font-size:11px; }
.gift-field input,.gift-field textarea { display:block; width:100%; margin-top:7px; padding:10px; background:#fffdf9; border:1px solid #dcd2c2; border-radius:7px; resize:vertical; }
.gift-link-actions { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.gift-link-actions a { text-decoration:none; }
#gift-error { color:#a03727; font-size:12px; line-height:1.6; margin-top:10px; }
#gift-link { display:block; width:100%; padding:9px; border:1px solid #d8cbb8; border-radius:6px; font-size:11px; margin-top:12px; }
#gift-qr { width:100px; height:100px; margin-top:12px; }
.studio-dialog { margin:auto; width:min(1000px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; border:1px solid #dacfbf; border-radius:15px; padding:25px; background:var(--studio-paper); color:var(--studio-ink); }
.studio-dialog::backdrop { background:#171b22bb; backdrop-filter:blur(5px); }
.studio-dialog-head { display:flex; align-items:start; justify-content:space-between; gap:16px; margin-bottom:18px; }
.studio-dialog h2 { font:32px 'Playfair Display',Georgia,serif; font-weight:400; }
.studio-dialog-head p { font-size:12px; color:var(--studio-muted); margin-top:8px; }
.room-scene { position:relative; width:100%; aspect-ratio:3/2; overflow:hidden; border-radius:7px; }
.room-photo { width:100%; height:100%; object-fit:cover; display:block; }
.room-art { position:absolute; left:50%; top:30%; transform:translate(-50%,-50%); background:white; box-shadow:6px 8px 9px #241b1730; }
.room-art img { width:100%; height:100%; display:block; object-fit:fill; }
.room-art.has-frame { border:5px solid #24211c; box-shadow:inset 0 0 3px #0008,6px 8px 9px #241b1730; }
.room-art.has-frame[data-frame=white] { border-color:#fafafa; }
.room-art.has-frame[data-frame=gold] { border-color:#b79a59; }
.room-art.has-frame[data-frame=silver] { border-color:#a4a6a4; }
.room-art.has-frame[data-frame=natural] { border-color:#c4aa87; }
.room-art.has-frame[data-frame=brown] { border-color:#654831; }
.room-art.has-frame[data-frame=dark_grey] { border-color:#51514e; }
.room-art.has-frame[data-frame=light_grey] { border-color:#bbbcb8; }
.room-controls { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin-top:16px; }
.room-controls label { font-size:11px; display:grid; gap:6px; }
.room-controls select { padding:9px; border:1px solid #d8cbb8; border-radius:6px; background:#fffdf8; }
.room-controls button[aria-pressed=true] { border-color:#b58b46; background:#f0e3ca; }
#room-status,#room-size-caption { font-size:11px; color:#756954; margin-top:12px; line-height:1.6; }
.studio-helper { font-size:11px; line-height:1.7; color:var(--studio-muted); margin:12px 0; }
.cart-panel { background:var(--studio-paper); }
.swatch-container { cursor:pointer; }
@media (min-width:901px) and (max-width:1150px) { .studio-kicker { display:none; } #draft-status { max-width:140px; } }
body.studio-preview-expanded { overflow:hidden; }
body.studio-preview-expanded .preview-area { position:fixed; inset:76px 0 0; width:100%; height:calc(100dvh - 76px); z-index:5000; padding:0; }
body.studio-preview-expanded .preview-area #poster { margin:0; }
body.studio-preview-expanded .preview-live-note { top:22px; }
body.studio-preview-expanded #see-on-wall { display:none; }
@media (min-width:901px) and (max-width:1200px) {
    .studio-header { gap:10px; padding-inline:20px; }
    .studio-header #draft-status { display:none; }
}
@media (max-width:900px) {
    html { scroll-padding-top:var(--studio-scroll-offset,76px); scroll-padding-bottom:110px; }
    .sidebar input,.sidebar textarea,.sidebar button { scroll-margin-top:12px; scroll-margin-bottom:12px; }
    body { height:auto; overflow:auto; display:flex; flex-direction:column; padding-top:64px; }
    .studio-header { height:64px; padding:0 12px; gap:8px; }
    .studio-brand { font-size:21px; }
    .studio-kicker { display:none; }
    .studio-tools { margin:0; gap:5px; }
    #draft-status { display:none; }
    .studio-header .studio-tools button { height:36px; min-height:36px; padding:0 7px; line-height:1; box-sizing:border-box; display:grid; place-items:center; }
    .top-controls { top:14px !important; right:10px; gap:5px; }
    .studio-header .top-controls .top-btn { width:36px; min-width:36px; height:36px; min-height:36px; padding:7px; box-sizing:border-box; }
    .top-controls .top-btn span:not(.cart-count) { display:none; }
    .preview-area { order:1; flex:none; position:sticky; top:64px; z-index:30; width:100%; height:clamp(240px,42svh,360px); min-height:0; padding:0; border-bottom:1px solid #e1d5c1; }
    .preview-area #poster { margin:0; }
    body:not(.studio-preview-expanded) .preview-area #poster { left:50%; top:calc(50% - 24px); }
    .preview-live-note { display:none; }
    .studio-preview-actions { left:12px; right:12px; top:auto; bottom:10px; transform:none; flex-direction:row; gap:8px; align-items:center; }
    .studio-preview-actions button { min-height:44px; padding:10px 14px; font-size:11px; background:#fffaf4e8; }
    .sidebar { order:2; height:auto; width:100%; padding-top:0; overflow:visible; }
    .sidebar-content { padding:18px 20px; height:auto; overflow:visible; }
    .sidebar-footer { padding:0 20px 120px; }
    .sidebar-footer .wizard-nav { padding:10px 16px calc(12px + env(safe-area-inset-bottom)); background:#fcfaf6f5; }
    .mobile-step3-strip { background:var(--studio-paper); }
    .wizard-progress { margin-bottom:22px; }
    .step-header h2 { font-size:25px; }
    .mobile-scroll-cue { display:none !important; }
    .step-slide { position:relative !important; height:auto !important; }
    .wizard-steps-container { height:auto !important; }
    .wizard-nav .btn { min-height:46px; }
    body.studio-preview-expanded { overflow:hidden; }
    body.studio-preview-expanded .preview-area { position:fixed; inset:64px 0 0; height:calc(100dvh - 64px); z-index:5000; }
    body.studio-preview-expanded .studio-preview-actions { left:0; right:0; top:auto; bottom:20px; transform:none; align-items:center; }
    body.studio-preview-expanded #see-on-wall { display:none; }
    .studio-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); padding:16px; }
    .studio-dialog h2 { font-size:25px; }
    .room-controls { gap:8px; }
}
@media (max-width:359px) {
    .studio-brand { font-size:17px; }
    .studio-tools { margin:0; }
    .studio-tools button { font-size:0; }
    .studio-tools #undo-design::after { content:'↶'; font-size:17px; }
    .studio-tools #redo-design::after { content:'↷'; font-size:17px; }
}
/* One quiet motion language for the studio, without blur, shake or bouncing. */
.step-slide { display:none; transform:none; opacity:1; filter:none; transition:none; animation:none !important; will-change:auto; }
.step-slide.active { display:flex; transform:none; filter:none; }
.step-slide.prev { transform:none; filter:none; }
.step-slide > * { opacity:1; transform:none; transition:none; }
.occasion-card,.style-card,.studio-secondary,.studio-preview-actions button { transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease; }
.occasion-card:hover,.style-card:hover { border-color:#b58b46; }
.map-container { isolation:isolate; }
.map-container img.map-transition-image { position:absolute; inset:0; width:100%; height:100%; z-index:2; pointer-events:none; }
.map-container img { transition:none; }
.modal,.modal-overlay { padding:16px; z-index:6000; background:#171b22a6; }
.modal-content,.share-modal-content.glass-panel { background:var(--studio-paper) !important; color:var(--studio-ink); border:1px solid var(--studio-line); border-radius:18px; max-height:calc(100dvh - 32px); overflow:auto; transform:none; transition:none; }
.modal-content h2,.share-modal-content h2 { font-weight:500; }
.modal-buttons .btn { min-height:44px; border-radius:8px; }
.modal-content input { min-width:0; padding:12px; border:1px solid #dcd2c2; border-radius:8px; }
#map-modal .modal-content { height:calc(100dvh - 48px); max-height:750px; }
#leaflet-map { min-height:180px; }
.modal-close-btn,.cart-close { min-width:44px; min-height:44px; }
.cart-overlay { transition:none; z-index:6000; }
.cart-panel { transition:none; z-index:6001; }
.studio-dialog::backdrop { animation:studio-backdrop-in .3s ease both; }
.studio-dialog.is-closing::backdrop { animation:studio-backdrop-out .2s ease both; }
#toast-container { width:min(360px,calc(100vw - 32px)); bottom:90px; }
.toast { width:100%; padding:12px 16px; font-size:12px; line-height:1.5; border-radius:10px; opacity:1; transform:none; animation:none; pointer-events:none; }
.toast-icon { flex-shrink:0; }
.mobile-scroll-cue { display:none !important; }
/* Artwork edits share the same timing as the studio's dialogs and drawers. */
body .preview-area #poster { transition:background-color .46s ease,color .46s ease,box-shadow .46s ease,border-color .46s ease; }
#poster .map-container { transition:background-color .46s ease,border-color .46s ease,border-width .46s ease,box-shadow .46s ease; }
#poster h2,#poster p,#poster-meta,.map-caption { transition:color .46s ease,border-color .46s ease; }
.modern-btn,.mobile-tab,.frame-item,.swatch-border,.toggle-item,.room-controls button { transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease; }
.frame-mini { transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease; }
.frame-drawer,.advanced-panel,#gift-fields,#gift-result,#section-include-frame,#custom-location-container,#save-email-container { transition:none !important; overflow:hidden !important; }
[data-motion-closing][hidden] { display:block !important; }
.studio-motion-ghost { overflow:visible; }
.studio-image-ghost { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; z-index:1; }
.room-art { z-index:2; transition:width .52s cubic-bezier(.22,1,.36,1),height .52s cubic-bezier(.22,1,.36,1),border-color .46s ease,box-shadow .46s ease; }
.room-art img.studio-image-ghost { height:100%; }
.preview-area #poster::before { content:''; position:absolute; inset:calc(var(--poster-width,500px) * var(--poster-padding,.08) * .5); border:1px solid var(--poster-text); opacity:0; pointer-events:none; transition:opacity .4s ease,border-color .46s ease; }
.preview-area #poster.poster-border-modern::before { opacity:.6; }
@keyframes studio-backdrop-in { from { background:#171b2200; backdrop-filter:blur(0); } to { background:#171b22bb; backdrop-filter:blur(5px); } }
@keyframes studio-backdrop-out { from { background:#171b22bb; backdrop-filter:blur(5px); } to { background:#171b2200; backdrop-filter:blur(0); } }
@media (max-width:900px) {
    body .mobile-tabs { display:grid !important; grid-template-columns:repeat(3,1fr); gap:6px; margin:0 0 22px; padding:5px; background:#f0e9dc; border:1px solid var(--studio-line); border-radius:12px; }
    body .mobile-tab { min-height:44px; color:#736855; border:0; border-radius:8px; background:transparent; padding:9px; font-size:12px; letter-spacing:0; text-transform:none; }
    body .mobile-tab.active { background:#fffcf7; color:#3e3424; box-shadow:0 2px 6px #58432312; }
    body .sidebar-content .wizard-progress { display:none !important; }
    .studio-tools button { font-size:0; min-width:32px; min-height:36px; }
    .studio-tools #undo-design::after { content:'↶'; font-size:20px; }
    .studio-tools #redo-design::after { content:'↷'; font-size:20px; }
    .sidebar input,.sidebar textarea,.sidebar select,.gift-field input,.gift-field textarea,.modal input,.modal-overlay input,.studio-dialog select { font-size:16px !important; }
    .sidebar input,.sidebar select { min-height:46px; }
    .modern-btn,.occasion-card { min-height:46px; }
    .step-tip { margin:12px 0 18px; }
    .studio-section { margin:18px 0 24px; }
    .occasion-card { padding:14px 12px; }
    .occasion-card span { line-height:1.5; }
    .modal,.modal-overlay { padding:10px; }
    .modal-content,.share-modal-content.glass-panel { width:100%; max-height:calc(100dvh - 20px); padding:20px; }
    #map-modal .modal-content { height:calc(100dvh - 20px); }
    .cart-panel { height:100dvh; }
    .cart-footer { padding-bottom:calc(20px + env(safe-area-inset-bottom)); }
    body.studio-preview-expanded .preview-area #poster { top:calc(50% - 24px); }
    body.studio-keyboard-open:not(.studio-preview-expanded) .preview-area { height:150px; }
    body.studio-keyboard-open:not(.studio-preview-expanded) .studio-preview-actions { display:none; }
    body.studio-keyboard-open:not(.studio-preview-expanded) .preview-area #poster { top:50%; }
}
@media (max-height:620px) and (max-width:900px) {
    /* Short screens need the preview to scroll away so every control stays reachable. */
    body:not(.studio-preview-expanded) .preview-area { position:relative; top:0; height:clamp(240px,48svh,300px); }
    body.studio-keyboard-open:not(.studio-preview-expanded) .preview-area { height:150px; }
}
/* A quiet, skippable first visit introduction. */
#onboarding-dialog { width:min(440px,calc(100vw - 24px)); padding:26px; border-radius:20px; box-shadow:0 24px 80px #10172240; }
.onboarding-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.onboarding-top > span { color:#8c7c65; font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
#onboarding-dialog button { min-height:44px; border:1px solid #d9ccb8; padding:10px 18px; border-radius:8px; background:transparent; color:#615440; font-size:12px; cursor:pointer; transition:background-color .25s ease,color .25s ease; }
#onboarding-dialog #onboarding-skip { border:0; padding:8px 0 8px 10px; white-space:nowrap; color:#81776a; }
#onboarding-dialog button:hover { background:#eee6d8; }
#onboarding-dialog button:disabled { cursor:default; }
.onboarding-art { position:relative; height:180px; margin:14px 0 24px; display:grid; place-items:center; border-radius:14px; background:radial-gradient(ellipse at center,#eee3cf,#f6f0e6 70%); overflow:hidden; }
.onboarding-orbit { position:absolute; width:246px; height:124px; border:1px solid #cdb99255; border-radius:50%; transform:rotate(-24deg); }
.onboarding-poster { width:106px; height:144px; padding:14px 12px; background:#fffdf7; border:1px solid #e0d7c6; color:#353229; box-shadow:0 12px 22px #47371820; transform:rotate(-6deg); display:flex; flex-direction:column; align-items:center; gap:5px; transition:transform .5s cubic-bezier(.22,1,.36,1),background-color .46s ease,color .46s ease,box-shadow .46s ease; }
.onboarding-sky { width:78px; height:78px; flex:none; }
.onboarding-poster span { margin:3px 0 2px; font:6px Georgia,serif; white-space:nowrap; }
.onboarding-poster > i { display:block; width:22px; height:1px; background:currentColor; opacity:.22; }
.onboarding-poster > i:last-child { width:15px; }
.onboarding-tag { position:absolute; bottom:16px; left:18px; padding:8px 12px; border:1px solid #e0d5c2; background:#fffaf1f2; border-radius:7px; font:italic 12px Georgia,serif; color:#746143; box-shadow:0 4px 12px #604b2210; }
.onboarding-swatches { position:absolute; right:18px; top:44px; display:flex; flex-direction:column; gap:9px; opacity:0; transform:translateX(12px); transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1); }
.onboarding-swatches i { width:19px; height:19px; background:#fcfaf6; border:2px solid #fff; border-radius:50%; box-shadow:0 2px 5px #29292320; }
.onboarding-swatches i:nth-child(2) { background:#152236; }.onboarding-swatches i:nth-child(3) { background:#c5a475; }
[data-screen="1"] .onboarding-poster { transform:rotate(0) scale(1.03); background:#152236; color:#f7eedc; }
[data-screen="1"] .onboarding-swatches { opacity:1; transform:none; }
[data-screen="2"] .onboarding-poster { transform:rotate(3deg); box-shadow:0 0 0 4px #c6af89,0 0 0 5px #a28a65,0 12px 22px #47371825; }
.onboarding-copy { text-align:center; min-height:142px; }
#onboarding-step { margin:0 0 9px; color:#a48657; font-size:10px; letter-spacing:.18em; }
#onboarding-dialog h2 { margin:0 0 12px; font:29px 'Playfair Display',Georgia,serif; font-weight:400; line-height:1.2; }
#onboarding-copy { margin:0 auto; max-width:335px; font-size:13px; line-height:1.75; color:#7c7265; }
.onboarding-bottom { margin-top:16px; }
.onboarding-progress { display:flex; justify-content:center; gap:6px; margin-bottom:22px; }
.onboarding-progress i { width:6px; height:6px; border-radius:4px; background:#dfd5c5; transition:width .35s cubic-bezier(.22,1,.36,1),background-color .35s ease; }
.onboarding-progress i.active { width:22px; background:#ba955c; }
.onboarding-actions { display:flex; justify-content:space-between; gap:10px; }
#onboarding-dialog #onboarding-next { margin-left:auto; min-width:138px; background:#d8b77d; border-color:#d8b77d; color:#322919; }
#onboarding-dialog #onboarding-next:hover { background:#cbaa71; }
@media (max-width:480px) { #onboarding-dialog { padding:20px; }.onboarding-art { height:156px; margin-bottom:22px; }#onboarding-dialog h2 { font-size:26px; }.onboarding-top > span { font-size:9px; letter-spacing:.09em; } }
@media (max-height:500px) { .onboarding-art { height:108px; margin:8px 0 16px; }.onboarding-poster { transform:rotate(-6deg) scale(.65); }[data-screen="1"] .onboarding-poster { transform:scale(.7); }[data-screen="2"] .onboarding-poster { transform:rotate(3deg) scale(.65); }.onboarding-progress { margin-bottom:14px; } }
html[data-studio-motion=reduced] *,html[data-studio-motion=reduced] *::before,html[data-studio-motion=reduced] *::after { animation:none !important; scroll-behavior:auto !important; transition:none !important; }
@media (prefers-reduced-motion:reduce) { html:not([data-studio-motion=smooth]) *,html:not([data-studio-motion=smooth]) *::before,html:not([data-studio-motion=smooth]) *::after { animation:none !important; scroll-behavior:auto !important; transition:none !important; } }