.studio-page{background:#07111b;color:#fff}.studio-page .topbar{border-bottom:1px solid #ffffff1c}.studio-back{color:#d4e0d6;font-size:13px;font-weight:700}.studio-back:hover{color:var(--teal)}.studio-intro{padding-top:78px;padding-bottom:53px}.studio-kicker,.studio-panel-head span,.studio-next>div>span{color:#c1fa69;letter-spacing:.19em;font-size:11px;font-weight:800}.studio-intro h1{font-size:clamp(42px,5.5vw,76px);margin:21px 0 18px;line-height:1.07;letter-spacing:-.06em}.studio-intro h1 em,.studio-next h2 em{font-style:normal;color:#c1fa69}.studio-intro>p{font-size:18px;color:#c2ccd2;max-width:740px;line-height:1.8}.studio-disclosure{max-width:790px;margin-top:23px;padding:13px 18px;border-left:3px solid #a8d67c;color:#bdd0bf;background:#122723;border-radius:0 8px 8px 0;font-size:12px;line-height:1.7}.studio-shell{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.35fr);gap:22px;align-items:start;padding-bottom:80px}.studio-form-panel,.studio-results{background:#101d29;border:1px solid #324650;border-radius:20px;padding:28px;min-width:0;box-shadow:0 25px 60px #0003}.studio-panel-head{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #2e4350;padding-bottom:21px;margin-bottom:24px}.studio-panel-head strong{font-size:23px;font-family:Manrope,sans-serif;letter-spacing:-.045em}.studio-form-panel form{display:flex;flex-direction:column;gap:9px}.studio-form-panel label{font-size:12px;color:#e5eaf0;font-weight:700;margin-top:8px}.studio-form-panel input,.studio-form-panel select,.studio-form-panel textarea{width:100%;background:#071520;border:1px solid #385060;border-radius:10px;color:#fff;padding:13px 15px;min-height:46px}.studio-form-panel input::placeholder,.studio-form-panel textarea::placeholder{color:#889baa}.studio-form-panel textarea{resize:vertical}.studio-generate{width:100%;margin-top:17px}.studio-local-note{font-size:11px;line-height:1.7;color:#a7b9c0;margin:15px 0 0}.studio-empty{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#aebec8;border:1px dashed #3c5763;border-radius:14px;background:radial-gradient(circle at center,#26453544,transparent 60%)}.studio-empty span{font-size:77px;color:#c1fa69}.studio-empty h2{font-size:29px;color:#fff;margin:15px 0}.studio-empty p{max-width:390px;font-size:14px}.studio-explain{font-size:13px;color:#c0ced1;margin-bottom:20px}.studio-concepts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.concept-card{background:#0a1822;border:1px solid #40505b;border-radius:13px;overflow:hidden;min-width:0;transition:border-color .2s,box-shadow .2s}.concept-card.chosen{border-color:#c1fa69;box-shadow:0 0 0 2px #c1fa6955}.concept-meta{display:flex;justify-content:space-between;gap:8px;padding:13px;font-size:10px;font-weight:800}.concept-meta span:last-child{color:#859aa8}.concept-screen{min-height:286px;position:relative;overflow:hidden;padding:15px;background:#0b1c2a;color:white}.concept-nav{display:flex;align-items:start;justify-content:space-between;gap:7px;position:relative;z-index:2}.concept-nav strong{font-size:11px;max-width:62%;line-height:1.2;overflow-wrap:anywhere}.concept-nav>span{font-size:6px;white-space:nowrap}.concept-screen-content{position:relative;z-index:2;margin-top:43px}.concept-overline{font-size:8px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.concept-screen h3{font-size:clamp(18px,2vw,28px);letter-spacing:-.065em;line-height:1.1;margin:12px 0}.concept-screen p{font-size:9px;line-height:1.6;max-width:175px;overflow-wrap:anywhere}.concept-cta{display:inline-block;margin-top:13px;padding:10px 11px;font-size:9px;font-weight:800;border-radius:5px;background:#c1fa69;color:#17251d}.concept-art{position:absolute;right:-18%;bottom:-18%;width:68%;aspect-ratio:1}.concept-art span{display:block;width:100%;height:100%;border-radius:50%;background:#7cbf7c66}.concept-art span:last-child{position:absolute;inset:21% auto auto -24%;width:75%;height:75%;background:#6b9dcf55}.concept-editorial .concept-screen{background:#f2eee4;color:#26332c}.concept-editorial .concept-nav,.concept-editorial .concept-screen-content{font-family:Georgia,serif}.concept-editorial .concept-screen h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em}.concept-editorial .concept-overline{font-family:DM Sans,sans-serif}.concept-editorial .concept-cta{background:#1f433b;color:#fff}.concept-editorial .concept-art span{background:#dbc7a9}.concept-editorial .concept-art span:last-child{background:#a6b3a2}.concept-warm .concept-screen{background:#d9e6d9;color:#17352c}.concept-warm .concept-screen h3{letter-spacing:-.04em}.concept-warm .concept-cta{border-radius:24px;background:#416c49;color:#fff}.concept-warm .concept-art span{background:#ebceaf}.concept-warm .concept-art span:last-child{background:#c1a6a0}.concept-caption{padding:14px}.concept-caption p{min-height:53px;color:#b1c2c4;font-size:10px;line-height:1.6}.concept-choose{border:1px solid #567681;border-radius:8px;padding:11px 10px;width:100%;background:transparent;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.chosen .concept-choose{background:#c1fa69;color:#16261d;border-color:#c1fa69}.concept-choose:hover{border-color:#c1fa69}.studio-selection{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid #3b5360}.studio-selection p{width:100%;margin:0;color:#e0ece5;font-size:13px}.studio-selection .outline{min-height:46px}.studio-selection .button{min-height:46px}.studio-selection button:disabled{opacity:.45;cursor:not-allowed}.studio-next{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:10px;padding-bottom:95px}.studio-next>div{max-width:770px}.studio-next h2{font-size:clamp(29px,3.7vw,45px);margin:15px 0}.studio-next p{color:#b7c8cc;font-size:14px}.studio-page footer{border-top:1px solid #ffffff24}.studio-page footer .footer-bottom{padding-top:15px}.studio-page [hidden]{display:none!important}@media(max-width:1100px){.studio-shell{grid-template-columns:1fr}.studio-concepts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:730px){.studio-intro{padding-top:48px}.studio-intro h1{font-size:44px}.studio-concepts{grid-template-columns:1fr}.concept-screen{min-height:270px}.concept-screen h3{font-size:34px}.concept-screen p{font-size:11px}.concept-meta,.concept-caption{padding:18px}.concept-caption p{min-height:0}.studio-next{display:block}.studio-next .button{margin-top:18px}.studio-form-panel,.studio-results{padding:20px}}
