/* Tuesday Studio. The world stays behind the controls. */
.studio-dialog { --st-paper:#efe9dc; --st-muted:#9ba5b6; --st-line:#ffffff12; --st-panel:#101623; --st-soft:#ffffff07; color:var(--st-paper); background:var(--st-panel); border:1px solid #dedbc322; padding:36px; width:min(480px,calc(100vw - 32px)); max-height:calc(100dvh - 48px); margin:auto; border-radius:18px; box-shadow:0 28px 120px #0008; overflow:auto; font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:400; line-height:1.7; scrollbar-width:thin; scrollbar-color:#50576a transparent; }
.studio-dialog *, .studio-shared-note * { box-sizing:border-box; }
.studio-dialog[open] { animation:studio-arrive .24s ease-out; }
.studio-dialog::backdrop { background:#03060b8c; backdrop-filter:blur(7px); }
.studio-dialog button,.studio-dialog input,.studio-dialog textarea { font:inherit; }
.studio-dialog button { cursor:pointer; -webkit-tap-highlight-color:transparent; }
.studio-dialog button:disabled { cursor:default; opacity:.55; }
.studio-dialog button:focus-visible,.studio-dialog input:focus-visible,.studio-dialog textarea:focus-visible,.studio-shared-note button:focus-visible { outline:2px solid #d8c5a6; outline-offset:4px; }
.studio-dialog [hidden] { display:none!important; }
.studio-dialog svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.studio-close { position:absolute; right:17px; top:17px; z-index:3; width:32px; height:32px; display:grid; place-items:center; border:1px solid transparent; border-radius:50%; color:#b8c0cc; background:#11182780; transition:background .15s,color .15s; }
.studio-close:hover { color:#fff; background:#ffffff12; }
.studio-eyebrow { color:#c7bda6; font-size:11px; letter-spacing:.19em; font-weight:400; margin-bottom:10px; }
.studio-dialog h2 { font-family:var(--serif,Georgia,serif); font-style:italic; font-weight:300; font-size:40px; letter-spacing:-1.2px; line-height:1.08; margin:0 0 12px; color:#f0e9da; }
.studio-dialog-deck { font-size:13px; line-height:1.9; color:var(--st-muted); margin-bottom:24px; }
.studio-primary,.studio-secondary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; width:100%; padding:12px 16px; border-radius:6px; border:1px solid #e7ddc1; color:#171c26; background:#e7dfcd; font-size:13px!important; transition:background .18s,transform .18s,border-color .18s; }
.studio-primary:hover:not(:disabled) { background:#fbf2de; border-color:#fbf2de; transform:translateY(-1px); }
.studio-secondary { justify-content:center; color:#d3d8df; background:transparent; border-color:#ffffff22; }
.studio-secondary:hover:not(:disabled) { background:#ffffff09; border-color:#ffffff40; }
.studio-text-button { display:flex; align-items:center; justify-content:center; gap:8px; border:0; padding:8px 0; color:#c7c9cb; background:transparent; font-size:12px!important; text-align:left; }
.studio-text-button:hover { color:#f2e3c4; }
.studio-notice { margin-top:14px; padding:11px 13px; border:1px solid #9da98a35; border-radius:5px; background:#7c99700b; color:#bdcbb3; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.studio-notice.is-error { border-color:#d29d8f40; background:#d29d8f09; color:#e2b4a6; }
.studio-privacy { margin:13px 0 0; color:#929baa; font-size:11px; line-height:1.95; }
.studio-helper { color:#929cac; font-size:11px; line-height:1.8; margin:5px 0 9px; }
.studio-field-label { display:block; font-size:12px; color:#d5d7d9; margin:17px 0 7px; }
.studio-field-label span { color:#7e899a; font-size:11px; }
.studio-input { display:block; width:100%; border:1px solid #ffffff19; background:#05091150; border-radius:5px; min-height:42px; padding:11px 12px; color:#e5e5e1; caret-color:#e5d5b1; line-height:1.6; font-size:13px!important; transition:border-color .15s; }
.studio-input::placeholder { color:#818b9b; opacity:1; }
.studio-input:focus { border-color:#cebc9359; outline:0; }
.studio-dialog textarea { resize:vertical; min-height:72px; max-height:160px; }

.studio-drawer { position:fixed; inset:12px 12px 12px auto; width:380px; max-width:calc(100vw - 24px); max-height:none; height:calc(100dvh - 24px); margin:0; padding:0; border-radius:12px; overflow:hidden; }
.studio-drawer[open] { display:flex; flex-direction:column; animation:studio-drawer-in .28s ease-out; }
.studio-drawer::backdrop { background:#02040b38; backdrop-filter:none; }
.studio-drawer-heading { flex-shrink:0; padding:28px 24px 19px; border-bottom:1px solid var(--st-line); background:linear-gradient(135deg,#b6a37a09,transparent 85%); }
.studio-drawer-heading .studio-eyebrow { margin-bottom:8px; font-size:10px; }
.studio-drawer-heading h2 { font-size:31px; margin-bottom:7px; letter-spacing:-.8px; }
.studio-drawer-heading p { color:#9aa3b1; font-size:12px; }
.studio-drawer-scroll { flex:1; overflow-y:auto; min-height:0; padding:21px 24px 24px; scrollbar-width:thin; scrollbar-color:#3a4455 transparent; overscroll-behavior:contain; }
.studio-fieldset { border:0; margin:0 0 24px; padding:0; min-width:0; }
.studio-fieldset legend { font-size:12px; letter-spacing:.015em; color:#d7d8d6; padding:0; margin:0 0 10px; }
.studio-scene-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.studio-scene-card { position:relative; display:flex; flex-direction:column; min-width:0; padding:0 0 9px; background:#ffffff02; color:#aeb8c5; border:1px solid #ffffff14; border-radius:6px; overflow:hidden; text-align:left; transition:border-color .2s,background .2s; }
.studio-scene-card:hover { border-color:#c7bda655; background:#ffffff05; }
.studio-scene-card.is-selected { border-color:#d8c5a6a6; background:#b6a37a0a; color:#f0e6d4; }
.studio-scene-number { font-size:9px; color:#7e8898; padding:7px 8px 2px; letter-spacing:.1em; }
.studio-scene-name { padding:0 8px; font-size:10px; line-height:1.7; min-height:24px; display:flex; align-items:center; }
.studio-scene-check { display:none; position:absolute; right:5px; top:5px; width:14px; height:14px; border-radius:50%; background:#e0d1b3; color:#151b27; line-height:14px; text-align:center; font-size:12px; }
.studio-scene-card.is-selected .studio-scene-check { display:block; }
.studio-scene-art { display:block; position:relative; width:100%; height:63px; overflow:hidden; isolation:isolate; background:#0b1326; }
.studio-scene-art::before { content:""; position:absolute; inset:0; background-image:radial-gradient(circle at 13% 17%,#e3e2d5 0 .6px,transparent 1px),radial-gradient(circle at 77% 19%,#d4deec99 0 .5px,transparent 1px),radial-gradient(circle at 87% 42%,#cad5f088 0 .5px,transparent 1px),radial-gradient(circle at 28% 46%,#d2def180 0 .5px,transparent 1px),radial-gradient(circle at 52% 7%,#d2def188 0 .5px,transparent 1px); }
.studio-scene-art i,.studio-scene-art b,.studio-scene-art em { position:absolute; display:block; font-style:normal; }
.studio-art-observatory { background:radial-gradient(ellipse at 45% 80%,#57495b 0,transparent 50%),#111a2b; }
.studio-art-observatory i { bottom:-7px; left:-10%; width:120%; height:29px; border-radius:50% 65% 0 0; background:#080d18; transform:rotate(-5deg); }
.studio-art-observatory b { width:16px; height:13px; background:#1c2639; border-radius:9px 9px 0 0; bottom:14px; left:56%; }
.studio-art-observatory b::after { content:""; position:absolute; left:7px; top:-1px; height:10px; width:1px; background:#8c8192; transform:rotate(15deg); }
.studio-art-observatory em { left:18%; top:13px; width:9px; height:9px; border-radius:50%; box-shadow:2px 1px 0 0 #e1d6bf; transform:rotate(-18deg); }
.studio-art-aurora { background:radial-gradient(ellipse at 50% 100%,#224758,transparent 65%),#0d182a; }
.studio-art-aurora i { inset:-20px 15% 15px -10%; background:linear-gradient(115deg,transparent 20%,#9cd3ae10 35%,#78b9a270 46%,#74b39505 60%); border-radius:50%; transform:rotate(-18deg) skewY(24deg); filter:blur(3px); }
.studio-art-aurora b { bottom:-12px; height:25px; width:120%; left:-10%; background:#091b27; border-radius:45% 70% 0 0; }
.studio-art-coast { background:linear-gradient(#18293c 20%,#6e7381 68%,#3f5e70 69%,#142638); }
.studio-art-coast i { width:13px; height:13px; border-radius:50%; background:#e5d6b4; box-shadow:0 0 20px #efdfae40; left:66%; top:20px; }
.studio-art-coast b { height:1px; width:33%; background:#c7c3a94a; top:47px; left:56%; box-shadow:0 4px #c7c3a92a,4px 8px #c7c3a914; }
.studio-art-coast em { bottom:-8px; left:-6%; height:17px; width:53%; border-radius:50% 70% 0 0; background:#111b28; transform:rotate(-12deg); }
.studio-art-dunes { background:linear-gradient(#242238,#554152); }
.studio-art-dunes i { width:13px; height:13px; left:65%; top:12px; border-radius:50%; background:#d9bda0; }
.studio-art-dunes b { width:120%; height:35px; left:-9%; bottom:-13px; border-radius:80% 35% 0 0; background:#89665e; transform:rotate(-14deg); }
.studio-art-dunes em { width:110%; height:30px; left:0; bottom:-16px; border-radius:20% 90% 0 0; background:#382d39; transform:rotate(7deg); }
.studio-art-forest { background:radial-gradient(ellipse at 50% 10%,#54726d,transparent 75%),#152b35; }
.studio-art-forest i { width:12px; height:12px; border-radius:50%; left:56%; top:10px; background:#d9ddc2; box-shadow:0 0 20px #e4f2c724; }
.studio-art-forest b,.studio-art-forest em { width:0; height:0; border-left:13px solid transparent; border-right:13px solid transparent; border-bottom:44px solid #0c2028; bottom:-1px; left:13%; }
.studio-art-forest em { border-left-width:19px; border-right-width:19px; border-bottom:59px solid #071a21; left:65%; bottom:-9px; }
.studio-art-forest b::after { content:""; position:absolute; width:2px; height:22px; top:31px; left:-1px; background:#0b2028; }
.studio-art-cosmos { background:radial-gradient(ellipse at 30% 20%,#6f507950,transparent 58%),radial-gradient(ellipse at 65% 80%,#405f7e60,transparent 55%),#111125; }
.studio-art-cosmos i { width:37px; height:37px; top:17px; left:39%; border-radius:50%; background:radial-gradient(circle at 29% 27%,#8d829b,#37344b 50%,#161728 75%); box-shadow:0 0 25px #9583bb18; }
.studio-art-cosmos b { width:75px; height:18px; border-radius:50%; border:2px solid #9487a571; top:25px; left:22%; transform:rotate(-23deg); }
.studio-palette-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; }
.studio-palette { border:0; background:transparent; color:#8f9bab; padding:4px 0 0; font-size:9px!important; text-align:center; }
.studio-palette .studio-swatch { display:block; position:relative; width:28px; height:28px; margin:0 auto 7px; border-radius:50%; background:linear-gradient(135deg,var(--sw1),var(--sw2)); box-shadow:inset 0 0 0 1px #ffffff19; }
.studio-palette.is-selected { color:#e6ddca; }
.studio-palette.is-selected .studio-swatch::after { content:""; position:absolute; inset:-4px; border:1px solid #d7c5a0a0; border-radius:50%; }
.studio-palette-midnight { --sw1:#15253f; --sw2:#8291a7; }.studio-palette-lavender { --sw1:#4a3e74; --sw2:#b7a1c7; }.studio-palette-ember { --sw1:#643f42; --sw2:#e3a077; }.studio-palette-glacier { --sw1:#26546a; --sw2:#a1cece; }.studio-palette-rose { --sw1:#573c58; --sw2:#d2a0a3; }.studio-palette-mono { --sw1:#2b3240; --sw2:#bec1c5; }
.studio-segments { display:flex; width:100%; padding:3px; border:1px solid #ffffff12; border-radius:6px; background:#070b1450; gap:2px; }
.studio-segments button { flex:1; min-width:0; min-height:32px; padding:6px 5px; color:#96a1b2; background:transparent; border:1px solid transparent; border-radius:4px; font-size:11px; line-height:1.55; }
.studio-segments button:hover { color:#e2e1d9; }
.studio-segments button.is-selected { color:#e7dfcd; background:#ffffff09; border-color:#ffffff10; }
.studio-segments-voices button { font-size:10px; }
.studio-range-top { display:flex; justify-content:space-between; align-items:center; font-size:11px; color:#8995a7; margin-bottom:9px; }
.studio-range-top output { color:#d0c8b7; }
.studio-range { display:block; width:100%; accent-color:#d4c5a8; cursor:pointer; height:14px; }
.studio-range-labels { display:flex; justify-content:space-between; font-size:10px; color:#768295; margin-top:3px; }
.studio-personal { padding-top:3px; border-top:1px solid #ffffff0d; }
.studio-textarea-meta { display:flex; justify-content:space-between; gap:10px; font-size:9px; line-height:1.8; color:#8590a0; margin-top:6px; }
.studio-textarea-meta span:last-child { flex-shrink:0; }
.studio-reshuffle { justify-content:flex-start; font-size:11px!important; flex-wrap:wrap; }
.studio-reshuffle svg { width:14px; height:14px; }
.studio-reshuffle span { color:#727f92; margin-left:auto; font-size:9px; }
.studio-drawer-scroll>.studio-privacy { margin-top:20px; }
.studio-drawer-footer { flex-shrink:0; border-top:1px solid #ffffff14; background:#111823; padding:13px 24px 14px; }
.studio-draft-line { display:flex; align-items:center; justify-content:center; gap:6px; color:#91a296; font-size:10px; margin-bottom:10px; }
.studio-dot { width:4px; height:4px; border-radius:50%; background:#92aa8e; box-shadow:0 0 8px #92aa8e40; }
.studio-drawer-footer>p { text-align:center; font-size:9px; color:#8b95a4; margin-top:8px; }
.studio-drawer-footer .studio-notice { font-size:10px; margin-top:8px; padding:6px 9px; }

.studio-orbit { position:relative; width:73px; height:60px; margin-bottom:21px; }
.studio-orbit::before { content:""; position:absolute; inset:5px 0; border:1px solid #b9b09638; border-radius:50%; transform:rotate(-24deg); }
.studio-orbit i { position:absolute; top:15px; left:23px; height:29px; width:29px; border-radius:50%; background:radial-gradient(circle at 30% 20%,#ded0b1,#807a75 45%,#252b3b 83%); box-shadow:0 0 30px #d1ba8a0a; }
.studio-orbit b { position:absolute; width:4px; height:4px; border-radius:50%; background:#d7c7a5; top:6px; right:13px; }
.studio-auth-tabs { display:flex; border-bottom:1px solid #ffffff15; gap:24px; margin:26px 0 21px; }
.studio-auth-tabs button { color:#929dae; background:transparent; border:0; border-bottom:1px solid transparent; margin-bottom:-1px; padding:8px 0; font-size:12px; }
.studio-auth-tabs button[aria-selected=true] { color:#e2d7bf; border-bottom-color:#d8c5a6; }
.studio-account .studio-primary { margin-top:24px; }
.studio-account .studio-secondary { margin-top:10px; }
.studio-password-field { position:relative; }
.studio-password-field .studio-input { padding-right:60px; }
.studio-password-field button { position:absolute; right:8px; top:7px; padding:5px 6px; border:0; color:#b9b5ab; background:transparent; font-size:11px; }
.studio-profile-card { display:flex; gap:13px; align-items:center; border:1px solid #ffffff15; background:#ffffff03; padding:16px; border-radius:7px; margin:25px 0 0; }
.studio-profile-initial { display:grid; place-items:center; width:38px; height:38px; border:1px solid #c9bd9b55; border-radius:50%; color:#cbbf9f; font-family:var(--serif,Georgia,serif); font-style:italic; font-size:22px; }
.studio-profile-card strong { font-size:14px; display:block; color:#e2dbcd; font-weight:400; }
.studio-profile-card div>span { display:block; font-size:11px; color:#909cac; margin-top:3px; }
.studio-recover-link { width:100%; margin:12px 0 0; font-size:11px!important; }
.studio-recovery-label { margin:23px 0 16px; border:1px solid #cdbb8f33; background:#cdbb8f07; padding:10px 12px; color:#d1be93; font-size:11px; letter-spacing:.1em; border-radius:5px; }
.studio-recovery-code { font-size:13px!important; letter-spacing:.025em; }
.studio-recovery-actions { display:flex; gap:8px; }
.studio-recovery-actions .studio-secondary { font-size:11px!important; min-height:35px; }
.studio-danger { margin-top:26px; padding-top:15px; border-top:1px solid #ffffff10; }
.studio-danger summary { cursor:pointer; font-size:11px; color:#8d99a9; }
.studio-danger>p { font-size:11px; color:#b49b96; line-height:1.9; margin-top:13px; }
.studio-danger .studio-field-label { font-size:11px; }
.studio-danger .studio-delete-account { color:#d6a79b; border-color:#bf8d7d40; font-size:11px!important; margin-top:17px; }

.studio-offer { width:min(700px,calc(100vw - 32px)); padding:0; overflow:hidden; }
.studio-offer[open] { display:grid; grid-template-columns:.8fr 1fr; }
.studio-offer-art { position:relative; min-height:550px; background:radial-gradient(ellipse at 50% 43%,#9c726433,transparent 50%),linear-gradient(150deg,#21293a,#17242e 50%,#121823); overflow:hidden; display:flex; align-items:flex-end; justify-content:center; }
.studio-offer-art::before { content:""; position:absolute; inset:0; background-image:radial-gradient(circle at 16% 20%,#e4e2dbaa 0 .7px,transparent 1.2px),radial-gradient(circle at 76% 31%,#dfd9c977 0 .6px,transparent 1px),radial-gradient(circle at 26% 73%,#dfd9c977 0 .8px,transparent 1.2px),radial-gradient(circle at 72% 80%,#dfd9c977 0 .6px,transparent 1px); }
.studio-offer-art::after { content:""; position:absolute; width:320px; height:120px; border:1px solid #d0bda136; border-radius:50%; left:50%; top:43%; transform:translate(-50%,-50%) rotate(-36deg); box-shadow:0 0 0 22px #c3a98303,0 0 0 45px #c3a98303; }
.studio-offer-planet { position:absolute; left:50%; top:43%; transform:translate(-50%,-50%); width:145px; height:145px; border-radius:50%; background:radial-gradient(circle at 30% 25%,#c6ad91,#9a8c80 20%,#455369 50%,#202736 73%,#111521 92%); box-shadow:-5px 0 60px #d4b59112,40px 30px 80px #0005; }
.studio-offer-art>span { padding:0 10px 31px; color:#c7bda078; font-size:9px; letter-spacing:.16em; z-index:1; }
.studio-offer-copy { padding:37px 31px 25px; overflow-y:auto; max-height:calc(100dvh - 50px); }
.studio-offer h2 { font-size:40px; }
.studio-price { display:flex; align-items:flex-start; font-size:70px; font-family:var(--serif,Georgia,serif); font-style:italic; font-weight:300; line-height:1; letter-spacing:-4px; margin:24px 0 16px; }
.studio-price>span { font-size:31px; margin:7px 5px 0 0; letter-spacing:0; }
.studio-price small { font-family:var(--mono,monospace); font-size:11px; font-style:normal; letter-spacing:0; color:#9ca5b2; line-height:1.9; align-self:center; margin:6px 0 0 17px; }
.studio-offer .studio-dialog-deck { font-size:12px; margin-bottom:17px; }
.studio-offer-features { list-style:none; margin:0 0 20px; padding:0; }
.studio-offer-features li { position:relative; padding:5px 0 5px 15px; color:#b9bfca; font-size:11px; }
.studio-offer-features li::before { content:"✓"; position:absolute; left:0; color:#b4ba9c; font-size:11px; }
.studio-offer-availability { margin-bottom:11px; color:#baa783; font-size:10px; line-height:1.8; }
.studio-offer-fineprint { color:#a4adbb; font-size:10px; line-height:1.9; margin:11px 0 16px; }
.studio-offer-free { color:#8290a3; font-size:10px; border-top:1px solid #ffffff10; padding-top:14px; line-height:1.9; }

.studio-library { width:min(560px,calc(100vw - 32px)); }
.studio-library-list { margin:10px 0 24px; min-height:100px; }
.studio-empty { color:#8997aa; padding:30px 20px; border:1px dashed #ffffff1c; border-radius:7px; font-size:12px; text-align:center; line-height:2; }
.studio-world-row { display:flex; gap:8px; align-items:center; border-bottom:1px solid #ffffff0e; padding:10px 0; }
.studio-world-load { display:flex; gap:13px; align-items:center; flex:1; min-width:0; text-align:left; border:0; background:transparent; padding:0; color:#e1dccf; }
.studio-world-load:hover strong { color:#e9d2aa; }
.studio-world-art { width:70px; height:54px; border:1px solid #ffffff12; border-radius:5px; flex-shrink:0; }
.studio-world-meta { display:block; min-width:0; }
.studio-world-meta strong { font-size:13px; font-weight:400; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.studio-world-meta small { display:block; font-size:10px; color:#8794a7; margin-top:5px; }
.studio-world-delete { flex-shrink:0; font-size:10px!important; padding:8px; background:transparent; color:#919aaa; border:1px solid transparent; border-radius:4px; }
.studio-world-delete:hover,.studio-world-delete.is-armed { color:#dbab9e; border-color:#d29d8f30; }
.studio-library-footer .studio-text-button { width:100%; margin-top:10px; font-size:11px!important; }
.studio-share-preview { position:relative; border-radius:8px; border:1px solid #c8c3ac2a; background:radial-gradient(ellipse at 100% 0,#9c726411,transparent 80%),#171e2b; padding:24px; margin:24px 0 18px; overflow:hidden; }
.studio-share-preview::after { content:"✦"; position:absolute; right:18px; top:15px; color:#cec2a27a; font-size:20px; }
.studio-share-preview>span { display:block; font-size:10px; color:#b9ac91; margin-bottom:10px; text-transform:uppercase; letter-spacing:.1em; }
.studio-share-preview strong { display:block; font-family:var(--serif,Georgia,serif); font-size:27px; font-style:italic; font-weight:300; line-height:1.15; overflow-wrap:anywhere; max-width:95%; }
.studio-share-preview p { font-size:12px; line-height:1.9; color:#9ea8b5; margin-top:12px; overflow-wrap:anywhere; white-space:pre-wrap; }
.studio-share-disclosure { color:#9ba6b6; font-size:11px; line-height:1.9; margin-bottom:18px; }
.studio-link-row { display:flex; gap:7px; }
.studio-link-row .studio-input { min-width:0; font-size:11px!important; }
.studio-link-row .studio-secondary { width:auto; flex-shrink:0; font-size:11px!important; }
.studio-share-bottom { border-top:1px solid #ffffff12; margin-top:23px; padding-top:13px; display:flex; justify-content:space-between; align-items:center; gap:10px; }
.studio-share-bottom>span { color:#7c8b9e; font-size:9px; text-align:right; }
.studio-share-bottom .studio-text-button { font-size:10px!important; }
.studio-shared-note { position:fixed; z-index:35; bottom:24px; left:50%; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; gap:22px; border:1px solid #d3c4a533; border-radius:8px; background:#101622e8; backdrop-filter:blur(15px); color:#c2c5c9; font:9px/1.6 var(--mono,monospace); padding:12px 15px 12px 18px; max-width:calc(100vw - 32px); box-shadow:0 8px 30px #0003; }
.studio-shared-note>span { white-space:nowrap; }
.studio-shared-note button { flex-shrink:0; border:0; background:#ded4bd; color:#19202a; padding:7px 10px; border-radius:4px; font:8px/1.5 var(--mono,monospace); cursor:pointer; }
@keyframes studio-arrive { from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)} }
@keyframes studio-drawer-in { from{opacity:.4;transform:translateX(18px)}to{opacity:1;transform:translateX(0)} }
@media(min-width:1600px) { .studio-dialog { font-size:14px; }.studio-drawer { width:400px; }.studio-drawer-heading { padding:31px 28px 21px; }.studio-drawer-scroll { padding:23px 28px 26px; }.studio-scene-art { height:70px; }.studio-drawer-footer { padding:15px 28px; }.studio-scene-name { font-size:11px; }.studio-fieldset { margin-bottom:27px; } }
@media(max-width:600px) { .studio-dialog { padding:30px 24px 24px; max-height:calc(100dvh - 24px); width:calc(100vw - 24px); border-radius:12px; }.studio-dialog h2 { font-size:35px; }.studio-drawer { inset:auto 0 0; width:100%; max-width:none; height:92dvh; max-height:calc(100dvh - 30px); padding:0; border-radius:16px 16px 0 0; border-bottom:0; }.studio-drawer-heading { padding:25px 24px 17px; }.studio-drawer-heading h2 { font-size:30px; }.studio-drawer-scroll { padding-top:19px; }.studio-drawer-footer { padding-bottom:max(14px,env(safe-area-inset-bottom)); }.studio-fieldset legend { font-size:13px; }.studio-segments button { min-height:35px; font-size:12px; }.studio-segments-voices button { font-size:11px; }.studio-scene-art { height:70px; }.studio-scene-name { font-size:11px; }.studio-palette { font-size:10px!important; }.studio-input { font-size:16px!important; }.studio-offer { padding:0; }.studio-offer[open] { display:block; }.studio-offer-art { min-height:115px; height:115px; }.studio-offer-planet { width:92px; height:92px; left:72%; top:75%; }.studio-offer-art::after { width:220px; height:80px; left:72%; top:75%; }.studio-offer-art>span { padding:0 20px 18px; margin-right:auto; max-width:160px; font-size:9px; }.studio-offer-copy { padding:25px 25px 22px; max-height:calc(100dvh - 150px); }.studio-offer h2 { font-size:35px; }.studio-offer .studio-price { position:absolute; right:27px; top:167px; font-size:55px; margin:0; }.studio-price small { display:none; }.studio-offer .studio-dialog-deck { margin-top:17px; max-width:85%; }.studio-offer-features { margin-bottom:15px; }.studio-offer-features li { font-size:12px; padding-top:4px; padding-bottom:4px; }.studio-offer-availability,.studio-offer-fineprint,.studio-offer-free { font-size:11px; }.studio-account .studio-primary,.studio-secondary { min-height:45px; }.studio-dialog-deck { font-size:13px; }.studio-share-bottom { gap:8px; }.studio-shared-note { bottom:15px; gap:12px; font-size:11px; padding:10px; }.studio-shared-note>span { white-space:normal; max-width:160px; }.studio-link-row .studio-input { font-size:14px!important; } }
@media(prefers-reduced-motion:reduce) { .studio-dialog[open],.studio-drawer[open] { animation:none; }.studio-dialog button,.studio-dialog input,.studio-dialog textarea { transition:none; }.studio-primary:hover:not(:disabled) { transform:none; } }
.studio-scene-art { background-size:cover; background-position:center 55%; }
.studio-scene-art::before,.studio-scene-art i,.studio-scene-art b,.studio-scene-art em { display:none; }
.studio-art-observatory { background-image:url("assets/world-observatory-thumb.webp"); }
.studio-art-aurora { background-image:url("assets/world-aurora-thumb.webp"); }
.studio-art-coast { background-image:url("assets/world-coast-thumb.webp"); }
.studio-art-dunes { background-image:url("assets/world-dunes-thumb.webp"); }
.studio-art-forest { background-image:url("assets/world-forest-thumb.webp"); }
.studio-art-cosmos { background-image:url("assets/world-cosmos-thumb.webp"); }
@media(max-width:600px) { .studio-price small { display:block; position:absolute; top:58px; right:0; width:82px; margin:0; text-align:right; font-size:9px; line-height:1.6; }.studio-drawer-footer #studio-cloud-library { padding:7px 0 0; font-size:10px!important; } }
@media(max-width:600px) {
  .studio-offer .studio-price { position:relative; inset:auto; margin:18px 0 16px; }
  .studio-offer .studio-price small { position:static; width:auto; margin:6px 0 0 14px; text-align:left; font-family:Arial,Helvetica,sans-serif; font-size:11px; }
}
/* A tangible keepsake leads the one-time offer. */
.studio-offer-art::after { display:none }
.offer-book { position:absolute; width:205px; height:290px; left:50%; top:44%; transform:translate(-50%,-50%) rotate(-7deg); padding:28px 20px; background:#eae1ca; color:#233844; border-left:6px solid #d0c3a7; border-right:4px solid #fcf7e8; box-shadow:15px 18px 30px #0006; display:flex; flex-direction:column }
.offer-book small { font:7px/1.6 var(--mono); letter-spacing:.1em; color:#5e6a6d }
.offer-book em { font:italic 36px/1.05 var(--serif); margin-top:25px }
.offer-book b { font:italic 24px var(--serif); margin-top:auto }
.offer-book-stars { color:#9a7d48; font:30px/1.3 Georgia,serif; margin-top:26px }
.offer-book-stars span { display:block; text-align:right; font-size:17px; letter-spacing:5px }
.studio-offer-art>span { color:#c8c4b1; font:8px var(--mono); text-align:center; letter-spacing:.12em }
.offer-book-preview { margin:0 0 20px!important; padding:11px 0!important; color:#ead2a5!important; text-align:left; min-height:44px }
@media(max-width:600px) {
 .studio-offer-art { height:150px; min-height:150px }.offer-book { width:130px; height:178px; padding:16px 12px; left:74%; top:80%; transform:translate(-50%,-50%) rotate(-9deg) }.offer-book small { font-size:5px }.offer-book em { font-size:25px; margin-top:15px }.offer-book-stars { font-size:20px; margin-top:12px }.offer-book b { font-size:16px }.studio-offer-art>span { max-width:150px; line-height:1.8 }.studio-offer-copy { max-height:calc(100dvh - 180px) }
}