/* Atmosphere v1: visual layer. Existing layout, scroll roots and splitters stay authoritative. */
:root{--studio-lilac:#cbb8ed;--studio-copper:#efb67f;--studio-ease:cubic-bezier(.2,.75,.25,1)}
.brand-mark{background:linear-gradient(145deg,#fff9ed,#c7c5bc);box-shadow:inset 0 1px 0 #fff,0 2px 9px #0003}
.sidebar{background:radial-gradient(ellipse at 0 0,#292b271f,transparent 70%),var(--side)}
.sidebar .side-new{border-color:#494237;background:linear-gradient(135deg,#322a22,#1e201d);box-shadow:inset 0 1px 0 #ffffff05}
.nav-item,.project-item{transition:background-color .2s,color .2s,box-shadow .2s}
.nav-item.active,.project-item.active{background:linear-gradient(90deg,#d5ad7c15,#c7b7e509);box-shadow:inset 2px 0 var(--studio-copper)}
.project-item.active .mini{background:#43372b;color:#f1cca3;box-shadow:0 0 14px #dca06509}
.connection-status{background:linear-gradient(135deg,#e4b8800a,#b5a4d105);border-color:#393b33}
.profile{border-top-color:#ffffff0d}
.topbar{background:linear-gradient(110deg,#171917,#141514);border-bottom-color:#ffffff0d}
.studio-motion-control{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;min-width:36px;padding:0 10px;border:1px solid #45483e;border-radius:20px;background:#24282066;color:#b7bcad;font-size:10px;white-space:nowrap;cursor:pointer}
.studio-motion-control svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;flex:none}
.studio-motion-control:hover:not(:disabled){background:#34392d;color:#f7e8d3;border-color:#6c6654}
.studio-motion-control[aria-pressed="false"]{color:#8d9288;background:transparent}
.studio-motion-control:focus-visible{outline:2px solid var(--studio-copper);outline-offset:4px}
.studio-motion-control:disabled{cursor:default;opacity:.65}
.home{background:radial-gradient(ellipse at 95% 2%,#b6a1e907,transparent 50%)}
.home-hero{gap:32px;align-items:center;margin-bottom:38px}
.home-copy .eyebrow{color:#c7b394;font-size:9px;line-height:1.8;letter-spacing:.19em}
.home-copy h1{font-size:clamp(34px,3.65vw,54px);line-height:1.08;letter-spacing:-.055em;max-width:550px}
.home-copy h1 span{color:#aeb7a9}
.home-copy p:not(.eyebrow){font-size:13px;line-height:1.85;color:#aab0a4}
.home-actions .button{min-height:44px;font-size:12px;border-radius:11px}
.button.primary,.send{background:linear-gradient(135deg,#f1c393,#e4a569);border-color:#eabb87;box-shadow:inset 0 1px 0 #ffe8c64d,0 5px 16px #0002}
.button.primary:hover:not(:disabled),.send:hover:not(:disabled){background:linear-gradient(135deg,#f9d4a9,#efb276);box-shadow:inset 0 1px 0 #fff1,0 5px 22px #e5aa701a}
.button.light{background:linear-gradient(135deg,#f2f0e7,#d6d9d0);border-color:#ebece0}
.button,.send,.icon-button{transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s}
.button:focus-visible,.send:focus-visible{outline:2px solid #f5c393;outline-offset:4px}
.hero-visual.studio-scene{height:360px;border-radius:22px;background:#121617;border:1px solid #4f494349;isolation:isolate;perspective:900px;box-shadow:inset 0 1px 0 #d9d5c10b,0 18px 60px #0002}
.studio-scene{position:relative;overflow:hidden;min-width:0;contain:paint;--orbit-x:0deg;--orbit-y:0deg}
.studio-scene-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 56% 52%,#edb27319,transparent 40%),radial-gradient(ellipse at 77% 15%,#8f6ed621,transparent 48%),radial-gradient(ellipse at 18% 95%,#708f6c12,transparent 60%)}
.studio-scene-grid{position:absolute;inset:0;opacity:.25;background-image:radial-gradient(#b5b1ac65 .6px,transparent .7px);background-size:22px 22px;mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 75%);pointer-events:none}
.studio-universe{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.studio-orbit-object{position:absolute;width:210px;height:210px;left:54%;top:53%;margin:-105px 0 0 -105px;transform:rotateX(var(--orbit-y)) rotateY(var(--orbit-x));transform-style:preserve-3d;pointer-events:none}
.studio-orbit-halo{position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,#ffb57b13,transparent 65%);filter:blur(9px)}
.studio-orbit-core{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px;border-radius:50%;background:radial-gradient(circle at 34% 23%,#fff7de 0,#ffe2b0 7%,#d8b4b0 19%,#a187a3 29%,#776b84 44%,#30323f 65%,#101a1e 81%);box-shadow:inset -8px -12px 15px #070c19b8,inset 1px 1px 3px #ffefcda3,0 0 30px #dea78720;transform:translateZ(26px)}
.studio-orbit-core:after{content:"";position:absolute;inset:5%;border-radius:50%;border-top:1px solid #ffedce33;transform:rotate(-18deg)}
.studio-orbit-mark{position:absolute;left:50%;top:50%;margin:-17px 0 0 -17px;font-size:25px;letter-spacing:-.09em;font-weight:650;color:#f8e6cf9e;transform:translateZ(76px) rotate(-10deg);text-shadow:0 2px 10px #fff2;mix-blend-mode:soft-light}
.studio-orbit-ring{position:absolute;inset:56px -28px;border:1px solid #dbbb908f;border-radius:50%;transform:rotate(-25deg) rotateX(30deg);box-shadow:0 -2px 8px #d5a57517,inset 0 -1px 2px #ccb69c33;pointer-events:none}
.ring-back{inset:27px -50px;border-color:#bba4e535;transform:rotate(30deg) rotateX(52deg);box-shadow:0 0 10px #b399e50a}
.ring-front{border-top-color:transparent;border-left-color:transparent;transform:translateZ(36px) rotate(-25deg) rotateX(30deg)}
.studio-scene-heading{position:absolute;top:23px;left:24px;display:grid;gap:7px;pointer-events:none}
.studio-scene-heading>span{font-size:8px;letter-spacing:.2em;color:#bdb4a6}
.studio-scene-heading strong{font-size:20px;font-weight:500;letter-spacing:-.055em;color:#e9e7de}
.studio-orbit-tag{position:absolute;display:flex;align-items:center;gap:8px;font-size:10px;border:1px solid #aaa58d33;border-radius:9px;background:linear-gradient(135deg,#262928f0,#1b2020df);padding:9px 12px;box-shadow:0 7px 24px #0004,inset 0 1px 0 #fff1;color:#dadad0;pointer-events:none}
.studio-orbit-tag span{color:#d2b998;font:10px ui-monospace,SFMono-Regular,monospace}
.tag-idea{left:9%;top:43%;transform:translateZ(10px) rotate(-6deg)}
.tag-code{right:9%;top:27%;transform:rotate(6deg)}
.tag-app{right:12%;bottom:19%;transform:rotate(-4deg)}
.studio-scene-footer{position:absolute;bottom:18px;left:24px;right:24px;display:flex;gap:12px;justify-content:space-between;font:7px ui-monospace,SFMono-Regular,monospace;letter-spacing:.09em;color:#9ba197;pointer-events:none}
.studio-scene-hint{max-width:70%}
.project-card{--cover-color:#bd9b7e;--cover-rgb:189,155,126;border:1px solid #3d413b;border-radius:17px;background:linear-gradient(140deg,#1d211e,#161917);box-shadow:inset 0 1px 0 #fff1;text-align:left;position:relative;isolation:isolate;min-width:0}
.project-card[data-art-tone="violet"]{--cover-color:#b4a3d3;--cover-rgb:180,163,211}
.project-card[data-art-tone="aqua"]{--cover-color:#8ebbb8;--cover-rgb:142,187,184}
.project-card[data-art-tone="sage"]{--cover-color:#b5c5a0;--cover-rgb:181,197,160}
.project-card:hover,.project-card:focus-visible{border-color:var(--cover-color);box-shadow:inset 0 1px 0 #fff1,0 12px 30px #0003;transform:none}
.card-art{height:148px;background:radial-gradient(ellipse at 65% 40%,rgba(var(--cover-rgb),.16),transparent 65%),#181d1b;border-bottom:1px solid #ffffff0a;perspective:850px}
.card-art:before{display:none}
.card-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),rgba(var(--cover-rgb),.15),transparent 64%);opacity:0;transition:opacity .24s}
.project-card:hover .card-art:after,.project-card:focus-visible .card-art:after{opacity:1}
.studio-cover-grid{position:absolute;inset:0;background:linear-gradient(30deg,transparent 49.7%,rgba(var(--cover-rgb),.15) 50%,transparent 50.3%),linear-gradient(150deg,transparent 49.7%,rgba(var(--cover-rgb),.10) 50%,transparent 50.3%);background-size:40px 70px;mask-image:radial-gradient(ellipse at 60% 50%,#000,transparent 72%)}
.studio-cover-object{position:absolute;inset:10px 18% 10px 18%;transform:rotateX(var(--look-y,0deg)) rotateY(var(--look-x,0deg));transform-style:preserve-3d;transition:transform .3s var(--studio-ease);pointer-events:none}
.studio-cover-shape{position:absolute;left:50%;top:50%;width:90px;height:90px;margin:-45px;border-radius:50%;background:radial-gradient(circle at 33% 18%,#fff3dd,var(--cover-color) 18%,#514b48 51%,#18201f 75%);box-shadow:inset -7px -9px 12px #111d,0 15px 26px #0005;transform:translateZ(18px)}
.studio-cover-shape:before{content:"";position:absolute;inset:20px -28px;border:1px solid var(--cover-color);border-top-color:transparent;border-radius:50%;transform:rotate(-27deg);opacity:.75}
.studio-cover-shape:after{content:"";position:absolute;inset:-9px;border:1px solid rgba(var(--cover-rgb),.12);border-radius:inherit}
[data-art-tone="violet"] .studio-cover-shape{border-radius:20px;transform:translateZ(18px) rotate(-18deg);background:linear-gradient(140deg,#ddd3f4,var(--cover-color) 14%,#51465f 50%,#20212e 85%);box-shadow:inset 0 1px 0 #fff6,5px 6px 0 #352f44,10px 12px 0 #282736,0 22px 30px #0004}
[data-art-tone="violet"] .studio-cover-shape:before{inset:18px;border-radius:8px;border:1px solid #ddd0ff5e;transform:none}
[data-art-tone="aqua"] .studio-cover-shape{border-radius:26px 26px 36px 36px;transform:translateZ(18px) rotate(16deg);background:linear-gradient(135deg,#c9e9df,var(--cover-color) 15%,#4b6867 45%,#182a2a 85%)}
[data-art-tone="aqua"] .studio-cover-shape:before{inset:13px;border:1px solid #d0f2e966;border-radius:50%;transform:none;box-shadow:inset 0 0 0 6px #233d3a44}
[data-art-tone="sage"] .studio-cover-shape{width:80px;height:98px;margin:-49px -40px;border-radius:16px;transform:translateZ(18px) rotate(-13deg);background:linear-gradient(140deg,#e5ebd9,var(--cover-color) 20%,#626f5a 50%,#27322a 90%);box-shadow:inset 0 1px 0 #fff6,8px 7px 0 #394638,0 18px 32px #0004}
[data-art-tone="sage"] .studio-cover-shape:before{inset:22px 12px;border-radius:4px;border:0;transform:none;background:repeating-linear-gradient(0deg,transparent 0 10px,#d7e7be44 11px 12px)}
.studio-cover-glyph{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(65px);font-size:27px;line-height:1;font-weight:600;letter-spacing:-.07em;color:#f4f0e79e;text-shadow:0 2px 8px #0002;mix-blend-mode:soft-light}
.studio-cover-index{position:absolute;top:14px;left:16px;font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:.06em;color:var(--cover-color);opacity:.8}
.studio-cover-caption{position:absolute;bottom:13px;left:16px;font-size:7px;letter-spacing:.16em;color:#a5aaa0}
.card-body{padding:17px 17px 16px}
.card-title{gap:9px;margin-bottom:9px}.card-title strong{font-size:13px;font-weight:550}.card-body p{font-size:11px;line-height:1.7}.card-foot{font-size:9px;margin-top:15px;line-height:1.6}
.card-title .mini{background:rgba(var(--cover-rgb),.12);color:var(--cover-color);border:1px solid rgba(var(--cover-rgb),.09)}
.search{border-color:#3b4037;background:linear-gradient(135deg,#21251f,#191d19);transition:border-color .2s,box-shadow .2s}.search:focus{border-color:#a18b6f;box-shadow:0 0 0 3px #d7a56d08}
.chat{background:linear-gradient(180deg,#171a160f,transparent 200px),#121412}
.chat-head,.tabs{background:#181b17;border-bottom-color:#ffffff0c;transition:box-shadow .25s;position:relative;z-index:2}
.chat-head.studio-scroll-shadow,.tabs.studio-scroll-shadow{box-shadow:0 10px 14px -8px #000b}
.tabs[data-studio-track="true"] .tab.active:after{opacity:0}
.studio-tab-track{position:absolute;left:0;bottom:0;height:2px;pointer-events:none;border-radius:2px;background:linear-gradient(90deg,#eebb83,#d1b9e4);box-shadow:0 -2px 9px #dbb68c20}
.tab{transition:color .18s}.tab:hover{color:#f0dfc8}
.chat-message.user{border-color:#4a483b7a;background:linear-gradient(145deg,#26291f,#1e211b);box-shadow:inset 0 1px 0 #ffffff05}
.chat-message .author{letter-spacing:.09em;color:#959c8c}
.composer-wrap{background:linear-gradient(180deg,#111411,#141712);border-top-color:#ffffff08;box-shadow:0 -10px 18px -16px #0008}
.composer{background:linear-gradient(135deg,#21261e,#1a1e18);border-color:#43493b;box-shadow:inset 0 1px 0 #ffffff06,0 5px 22px #0002;transition:border-color .2s,box-shadow .2s}
.composer:focus-within{border-color:#b19a76;box-shadow:0 0 0 3px #d9b27a09,0 6px 25px #0003}
.composer textarea::placeholder{color:#999e8f}
.plan-card{background:linear-gradient(140deg,#332a1e,#211e18);border-color:#6b5131}
.typing{border-left:2px solid #ceb992;padding:8px 11px;color:#c5c9bd;background:linear-gradient(90deg,#dabb7e0b,transparent);border-radius:0 8px 8px 0}
.empty{background:radial-gradient(ellipse at 50% 0,#b9b0d20a,transparent 80%),#171b17;border-color:#454b40;line-height:1.8}
.release-hero{background:radial-gradient(ellipse at 100% 0,#a9c7ab13,transparent 65%),linear-gradient(125deg,#253027,#1c251f);box-shadow:inset 0 1px 0 #b4d3ad0b}
.release-hero>div{margin-top:18px}
.stat{background:linear-gradient(135deg,#20251e,#191d18);border-color:#3b4235}
.preview{background:radial-gradient(ellipse at 30% 25%,#b8c5a417,transparent 65%),linear-gradient(140deg,#20291f,#192119);box-shadow:inset 0 1px 0 #fff1}
.preview-phone{background:linear-gradient(125deg,#ecefe5,#c8d3c0);box-shadow:3px 4px 0 #364032,0 23px 40px #0005}
.code-layout{border-color:#394033}.code-toolbar{background:#191e16}.file-row.active{background:linear-gradient(90deg,#b5c69b18,#b5c69b07);color:#e6ecd8}
.panel-resizer::after{height:38px;top:calc(50% - 19px);background:#68715e;border:1px solid #b9cba321}
.panel-resizer:hover::before,.panel-resizer:focus-visible::before{box-shadow:0 0 12px #e5aa7033}
.panel-resizer:hover::after,.panel-resizer:focus-visible::after{box-shadow:0 0 9px #e5aa7044}
.modal{background:linear-gradient(150deg,#24291f,#171c16);border-color:#4b5142;box-shadow:0 25px 100px #0009,inset 0 1px 0 #ffffff08}
.modal input:focus,.modal textarea:focus{border-color:#c8ab83}
.toast{border:1px solid #fff6;background:linear-gradient(135deg,#f3eddf,#d7ddcb);box-shadow:0 12px 45px #0006}
.jump-latest{background:linear-gradient(135deg,#383d2f,#262e24);border-color:#647052;color:#e4ead8;box-shadow:0 4px 18px #0005}
.auth-brand{position:relative;overflow:hidden;isolation:isolate;background:#141916}
.auth-brand>.brand,.auth-brand>div:not(.studio-auth-scene),.auth-brand>p{position:relative;z-index:2}
.auth-brand>div:not(.studio-auth-scene){padding-top:140px}
.auth-brand h1{font-size:clamp(40px,4.7vw,67px);text-shadow:0 3px 25px #12160fcc;max-width:550px}
.auth-brand>div:not(.studio-auth-scene)>p:last-child{margin-top:18px;font-size:12px;line-height:1.8}
.auth-brand .studio-motion-control{position:absolute;top:44px;right:30px;z-index:3}
.studio-auth-scene{position:absolute;inset:60px 0 auto;height:60%;min-height:300px;opacity:.74;mask-image:linear-gradient(#000 62%,transparent);z-index:0}
.studio-auth-scene .studio-scene-heading,.studio-auth-scene .studio-scene-footer,.studio-auth-scene .studio-orbit-tag{display:none}
.auth-card{background:linear-gradient(150deg,#21251e,#171c16);border-color:#414637;box-shadow:0 20px 60px #0003,inset 0 1px 0 #fff1}
.auth-card input:focus{border-color:#c2a985}.auth-card-wrap{background:radial-gradient(ellipse at 60% 35%,#b5a2d106,transparent 70%)}
@keyframes studio-arrive{from{opacity:.55;translate:0 6px}to{opacity:1;translate:0 0}}
@keyframes studio-float-idea{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes studio-float-code{0%,100%{translate:0 0}50%{translate:0 5px}}
@keyframes studio-breathe{0%,100%{opacity:.7}50%{opacity:1}}
@media(prefers-reduced-motion:no-preference){
 html[data-studio-motion="full"] .studio-arrive{animation:studio-arrive .45s var(--studio-ease) var(--arrive-delay,0ms) both}
 html[data-studio-motion="full"] .studio-scene[data-scene-running="true"] .tag-idea{animation:studio-float-idea 7s ease-in-out infinite}
 html[data-studio-motion="full"] .studio-scene[data-scene-running="true"] .tag-code{animation:studio-float-code 8s ease-in-out infinite}
 html[data-studio-motion="full"] .studio-scene[data-scene-running="true"] .tag-app{animation:studio-float-idea 9s ease-in-out -3s infinite}
 html[data-studio-motion="full"] .typing{animation:studio-breathe 2.8s ease-in-out 3}
 html[data-studio-motion="full"] .button:active:not(:disabled),html[data-studio-motion="full"] .send:active:not(:disabled){scale:.98}
}
html[data-studio-motion="off"] .studio-cover-object,html[data-studio-motion="reduced"] .studio-cover-object,html[data-studio-motion="lite"] .studio-cover-object{transform:none;transition:none}
html.resizing-panels .studio-arrive{animation:none!important}
@container(max-width:880px){.hero-visual.studio-scene{height:300px}.home-hero{gap:24px}.home-copy h1{font-size:40px}.studio-scene-heading strong{font-size:19px}}
@container(max-width:400px){.studio-scene-heading{left:18px;top:18px}.studio-scene-footer{left:18px;right:18px;font-size:6px}.studio-orbit-tag{font-size:9px;padding:7px 9px}.tag-idea{left:6%}.tag-code{right:6%}.tag-app{right:8%}.card-art{height:136px}}
@media(max-width:820px){
 .studio-motion-control{width:36px;padding:0}.studio-motion-control>span{display:none}
 .hero-visual.studio-scene{height:280px;border-radius:18px}.home-copy h1{font-size:clamp(32px,8vw,42px)}
 .home-copy p:not(.eyebrow){font-size:13px}.studio-scene-heading strong{font-size:18px}
 .home-actions .button{font-size:11px}.studio-scene-footer{font-size:6px}.studio-cover-object{transition:none}
 .auth-brand{min-height:280px;padding:26px}.auth-brand>div:not(.studio-auth-scene){padding-top:48px}.auth-brand h1{font-size:38px;max-width:500px}
 .auth-brand .studio-motion-control{top:26px;right:22px}.studio-auth-scene{inset:10px 0 0 40%;height:260px;min-height:0;opacity:.4}
 .auth-brand>p.eyebrow{margin-top:20px}.auth-brand>div:not(.studio-auth-scene)>p:last-child{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.studio-arrive,.studio-orbit-tag,.typing{animation:none!important}.studio-cover-object{transform:none!important;transition:none!important}.studio-orbit-object{transform:none!important}}
@media(forced-colors:active){.studio-scene,.card-art{display:none}.studio-motion-control,.project-card{border:1px solid ButtonText}.studio-tab-track{background:Highlight}.tab.active{border-bottom:2px solid Highlight}}