/* Strong visual direction: editorial lavender stage with a floating creation console. */
textarea:focus,textarea:focus-visible,.prompt-shell textarea:focus,.prompt-shell textarea:focus-visible{outline:0!important;box-shadow:none!important}
.prompt-shell:focus-within{border-color:rgba(113,75,214,.52)!important;box-shadow:0 18px 48px rgba(80,53,155,.12),0 0 0 1px rgba(113,75,214,.14)!important}

.home-view{max-width:1540px}.hero{grid-template-columns:1.12fr .88fr;margin:22px 24px 0;min-height:650px;border:1px solid rgba(91,64,163,.12);border-radius:36px;background:radial-gradient(circle at 78% 20%,rgba(255,238,197,.75),transparent 27%),radial-gradient(circle at 12% 78%,rgba(188,168,244,.3),transparent 34%),linear-gradient(126deg,#f8f4ff 0,#f4effe 42%,#fff9ec 100%);box-shadow:0 30px 90px rgba(59,43,91,.1),inset 0 1px rgba(255,255,255,.95)}.hero:before{border-radius:inherit;opacity:.42}.hero:after{bottom:26px}.hero-copy{padding-left:12px}.hero h1{font-size:clamp(48px,4.45vw,68px);line-height:1.08;letter-spacing:-3.8px}.hero-copy>p{font-size:17px;color:#655e6e}.live-tag{background:rgba(255,255,255,.56)}.hero-visual{height:510px}.video-stage{width:292px;height:452px;right:18%;top:18px;border:7px solid rgba(31,27,38,.92);padding:3px;background:#211d2a;box-shadow:0 48px 110px rgba(42,31,48,.32),0 0 0 1px rgba(255,255,255,.4)}.product-scene{inset:3px}.orbit-one{width:430px;height:430px}.orbit-two{width:520px;height:520px}.chip-one{left:0}.chip-two{right:-2%}.quick-section{margin-top:28px;border-radius:34px 34px 0 0;padding-top:65px}.section-title>div>span,.section-kicker{font-weight:700;letter-spacing:2.3px}.creation-card{min-height:285px}.creation-card>.card-art{height:155px}.creation-card h3{font-size:16px}.creation-card p{font-size:11px}.media-thumb{height:242px}

.studio-view{max-width:1480px;padding:22px clamp(22px,4vw,58px) 90px}.studio-head{position:relative;isolation:isolate;min-height:286px;margin:0;padding:44px 50px 74px;overflow:hidden;align-items:flex-start;border:1px solid rgba(255,255,255,.28);border-radius:30px;background:radial-gradient(circle at 78% 35%,rgba(255,227,178,.28),transparent 24%),radial-gradient(circle at 12% 115%,rgba(214,195,255,.36),transparent 42%),linear-gradient(125deg,#291c54 0,#51318f 38%,#7654d7 68%,#a488e7 100%);box-shadow:0 32px 85px rgba(63,38,124,.24),inset 0 1px rgba(255,255,255,.25)}.studio-head:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,black,transparent 78%)}.studio-head:after{content:"";position:absolute;width:500px;height:500px;right:-190px;top:-310px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 46px rgba(255,255,255,.035),0 0 0 92px rgba(255,255,255,.025)}.studio-head-copy{position:relative;z-index:3}.studio-head .section-kicker{color:#d8caff;margin-bottom:12px}.studio-head h1{margin:0;color:#fff;font-size:44px;line-height:1.13;letter-spacing:-2.2px;font-weight:600}.studio-head h1 em{font-style:normal;color:#f1dfad;background:linear-gradient(90deg,#fff,#f4dca6);background-clip:text;-webkit-text-fill-color:transparent}.studio-head p{margin-top:13px;color:rgba(255,255,255,.68);font-size:12px}.studio-flow{display:flex;align-items:center;gap:9px;margin-top:22px;color:rgba(255,255,255,.7);font-size:9px}.studio-flow span{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.075);backdrop-filter:blur(10px)}.studio-flow b{color:#f1dca7;font-size:8px}.studio-flow i{font-style:normal;color:rgba(255,255,255,.3)}.studio-head .system-mode{position:relative;z-index:4;color:#fff;border-color:rgba(255,255,255,.19);background:rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.15);backdrop-filter:blur(15px)}.studio-head .system-mode i{background:#dccbff}.studio-constellation{position:absolute;right:165px;top:32px;width:205px;height:205px;border:1px solid rgba(255,255,255,.2);border-radius:50%;animation:constellationFloat 6s ease-in-out infinite}.studio-constellation:before,.studio-constellation:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.studio-constellation:before{inset:20px}.studio-constellation:after{inset:47px}.studio-constellation>span{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:68px;height:68px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.28);border-radius:20px;background:rgba(255,255,255,.14);color:#fff;font-size:20px;font-weight:700;box-shadow:0 18px 45px rgba(32,16,74,.26),inset 0 1px rgba(255,255,255,.28);backdrop-filter:blur(18px)}.studio-constellation>i{position:absolute;width:8px;height:8px;border-radius:50%;background:#f4dfa9;box-shadow:0 0 18px #f4dfa9}.studio-constellation>i:nth-of-type(1){left:14px;top:70px;animation:nodePulse 2.8s infinite}.studio-constellation>i:nth-of-type(2){right:26px;top:25px;animation:nodePulse 2.8s .7s infinite}.studio-constellation>i:nth-of-type(3){right:13px;bottom:50px;animation:nodePulse 2.8s 1.4s infinite}.studio-constellation small{position:absolute;left:50%;bottom:-3px;transform:translateX(-50%);color:rgba(255,255,255,.48);font-size:7px;letter-spacing:1.5px;text-align:center;white-space:nowrap}
.studio-shell{position:relative;z-index:5;margin:-46px 26px 0;gap:22px;align-items:start}.creation-panel,.preview-panel{border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(50,38,70,.15),0 3px 12px rgba(50,38,70,.06),inset 0 1px #fff}.creation-panel{padding:30px}.creation-panel:after{content:"";position:absolute;left:0;top:42px;width:3px;height:70px;border-radius:0 4px 4px 0;background:linear-gradient(#8f70e7,#e0c8ff);box-shadow:0 0 18px rgba(114,77,213,.4)}.panel-head>div>span,.block-label>span{width:30px;height:30px;border:0;background:linear-gradient(145deg,#f0eaff,#e5dcfb);color:#6c4bc5;font-weight:700;box-shadow:inset 0 1px #fff,0 8px 18px rgba(92,61,172,.08)}.panel-head h2,.block-label h2{font-size:15px}.panel-head p,.block-label p{font-size:9px;margin-top:2px}.ai-helper{height:38px;padding:0 14px;background:linear-gradient(135deg,#f1ebff,#e8defe);border-color:rgba(103,68,194,.2);font-weight:600}.prompt-shell{margin:18px 0 30px;border:1px solid rgba(57,45,75,.11);border-radius:18px;background:linear-gradient(145deg,rgba(252,251,249,.96),rgba(247,244,251,.86));box-shadow:inset 0 1px #fff,0 8px 24px rgba(54,42,70,.035)}.prompt-shell textarea{font-size:12px;line-height:1.85;padding:18px}.prompt-footer{min-height:46px;padding:6px 13px}.settings-block{padding-top:24px}.block-label{align-items:center}.parameter-dock{margin-top:18px}.parameter-toolbar{padding:5px;border:1px solid rgba(59,45,77,.08);border-radius:15px;background:#f7f4fa;width:max-content;max-width:100%;box-shadow:inset 0 1px #fff}.parameter-pill{height:39px;border-color:transparent;background:transparent;box-shadow:none}.parameter-pill:hover,.parameter-pill.open,.parameter-pill.active{background:#fff;border-color:rgba(106,73,194,.14);box-shadow:0 8px 20px rgba(65,45,95,.09)}.model-row{margin-top:14px;min-height:58px;padding:10px 13px;border-color:rgba(59,45,77,.09);background:linear-gradient(120deg,#faf8fc,#f8f7f3)}.model-logo{width:38px;height:38px}.generation-footer{margin-top:25px;padding-top:21px}.cost-copy strong{font-size:15px}.generate-button{height:52px;min-width:225px;border:0;border-radius:15px;font-size:13px;box-shadow:0 18px 40px rgba(90,54,185,.32),inset 0 1px rgba(255,255,255,.32)}
.preview-panel{padding:18px;background:linear-gradient(160deg,#241a3b 0,#3b285f 48%,#5d3f93 100%);border-color:rgba(255,255,255,.14);box-shadow:0 28px 80px rgba(39,27,63,.24),inset 0 1px rgba(255,255,255,.18)}.preview-panel:before{background:linear-gradient(140deg,rgba(255,255,255,.34),rgba(255,255,255,.03),rgba(224,204,255,.18))}.preview-head h2{color:#fff;font-size:13px}.preview-head span{color:rgba(255,255,255,.68);border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.08)}.preview-canvas{border-color:rgba(255,255,255,.12);background:radial-gradient(circle at 50% 40%,rgba(209,180,255,.24),transparent 30%),linear-gradient(155deg,#2d2147,#1e172c);box-shadow:inset 0 1px rgba(255,255,255,.12),0 16px 45px rgba(15,9,29,.28)}.preview-grid-lines{opacity:.55;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)}.preview-empty h3{color:#fff}.preview-empty p{color:rgba(255,255,255,.5)}.preview-spark{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);box-shadow:0 0 40px rgba(194,162,255,.28)}.director-insight{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.075);backdrop-filter:blur(12px)}.insight-head b,.insight-body b{color:#fff}.insight-head small,.insight-body small{color:rgba(255,255,255,.48)}.insight-head>span{background:rgba(255,255,255,.1);color:#e6d8ff}.insight-head button{color:#d9c9f8}.insight-body>div{border-color:rgba(255,255,255,.09)}.insight-body>div>span{color:#d9c4ff}.insight-body>div:hover{background:rgba(255,255,255,.05)}

.parameter-popover{border:1px solid rgba(74,51,116,.14);box-shadow:0 26px 70px rgba(45,29,69,.22),0 5px 16px rgba(45,29,69,.09)}.app-modal{border:1px solid rgba(77,53,119,.13)}
@keyframes constellationFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes nodePulse{0%,100%{transform:scale(.8);opacity:.6}50%{transform:scale(1.3);opacity:1}}
@media(max-width:1100px){.studio-constellation{right:120px;opacity:.55}.studio-head{padding-right:35px}.studio-shell{margin-left:14px;margin-right:14px}.hero{margin:15px}.video-stage{right:11%}}@media(max-width:900px){.studio-head{min-height:255px;padding:38px 32px 68px}.studio-head h1{font-size:37px}.studio-constellation{display:none}.studio-shell{margin-top:-38px}.preview-panel{margin-top:14px}.hero{border-radius:25px}.hero-copy{padding-left:0}}@media(max-width:720px){.hero{margin:8px;border-radius:22px}.hero h1{font-size:42px;letter-spacing:-2.8px}.quick-section{border-radius:24px 24px 0 0}.studio-view{padding:10px 10px 70px}.studio-head{min-height:280px;padding:32px 22px 70px;border-radius:22px}.studio-head h1{font-size:34px}.studio-flow{flex-wrap:wrap}.studio-flow i{display:none}.studio-shell{margin:-42px 8px 0}.creation-panel,.preview-panel{border-radius:19px}.creation-panel{padding:18px}.parameter-toolbar{width:100%;overflow-x:auto}.generate-button{width:100%}}
