:root{color:#f7f3e8;--ink:#111016;--panel:#1b1922;--panel2:#24212d;--line:#b8a9ff2e;--violet:#654cf2;--lime:#d8ff3e;--lilac:#b8a9ff;--coral:#ff6c62;background:#111016;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:#f7f3e8;background:radial-gradient(circle at 85% 10%,#654cf233,#0000 28%),#111016;margin:0}button,input,select{font:inherit}.studio-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.studio-sidebar{border-right:1px solid var(--line);background:#111016eb;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.studio-brand{gap:3px;padding:0 10px 34px;display:grid}.studio-brand strong{letter-spacing:-.04em;font-size:1.13rem}.studio-brand span{color:var(--lime);letter-spacing:.24em;font-size:.62rem;font-weight:800}.studio-sidebar nav{gap:5px;display:grid}.studio-sidebar nav button{color:#f7f3e880;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:30px 1fr auto;align-items:center;gap:7px;padding:11px 12px;display:grid}.studio-sidebar nav button span{font:600 .56rem ui-monospace,monospace}.studio-sidebar nav button b{font-size:.64rem;font-weight:650}.studio-sidebar nav button i{color:#f7f3e847;text-align:right;min-width:25px;font-size:.48rem;font-style:normal}.studio-sidebar nav button i.step-complete{color:var(--lime)}.studio-sidebar nav button.is-active{color:#fff;background:#654cf22e}.studio-sidebar nav button.is-active span{color:var(--lime)}.studio-sidebar__foot{border-top:1px solid var(--line);color:var(--lilac);letter-spacing:.1em;gap:5px;margin-top:auto;padding:18px 10px 0;font-size:.55rem;display:grid}.studio-sidebar__foot small{color:#f7f3e859;letter-spacing:0}.studio-main{padding:clamp(28px,5vw,72px)}.studio-header{justify-content:space-between;align-items:flex-start;gap:36px;max-width:1280px;margin:0 auto 35px;display:flex}.eyebrow{color:var(--lime);letter-spacing:.18em;font-size:.58rem;font-weight:800}.studio-header h1{letter-spacing:-.065em;max-width:760px;margin:10px 0 12px;font-size:clamp(2.2rem,4.7vw,4.8rem);font-weight:350;line-height:.96}.studio-header p{color:#f7f3e894;max-width:650px;margin:0;line-height:1.55}.auth-badge{border:1px solid var(--line);background:#ffffff06;border-radius:9px;gap:2px;margin-top:15px;padding:8px 11px;display:inline-grid}.auth-badge span{color:#f7f3e86b;letter-spacing:.1em;font-size:.48rem;font-weight:800}.auth-badge strong{font-size:.6rem}.auth-badge small{color:#f7f3e866;font-size:.5rem}.auth-badge.is-authenticated{border-color:#d8ff3e38}.auth-badge.is-authenticated span{color:var(--lime)}.progress-ring{--progress:0deg;aspect-ratio:1;background:radial-gradient(circle closest-side,var(--ink) 80%,transparent 81%),conic-gradient(var(--lime) var(--progress),#ffffff14 0);border-radius:50%;flex:0 0 116px;place-items:center;width:116px;display:grid}.progress-ring strong{align-self:end;font-size:1.45rem}.progress-ring span{color:#f7f3e873;align-self:start;font-size:.55rem}.studio-grid{grid-template-columns:minmax(0,1.5fr) minmax(310px,.72fr);gap:18px;max-width:1280px;margin:auto;display:grid}.studio-panel{border:1px solid var(--line);background:linear-gradient(145deg,#24212deb,#1b1922e6);border-radius:18px;box-shadow:0 24px 70px #0003}.studio-form{grid-template-columns:1fr 1fr;gap:18px;padding:25px;display:grid}.panel-heading{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;padding-bottom:17px;display:flex}.panel-heading>div{align-items:center;gap:12px;display:flex}.panel-heading>div>span{color:var(--lime);font:700 .62rem ui-monospace,monospace}.panel-heading h2{margin:0;font-size:1rem}.state-good,.state-warn{letter-spacing:.1em;font-size:.54rem;font-weight:800}.state-good{color:var(--lime)}.state-warn{color:var(--coral)}label{color:#f7f3e8a6;gap:7px;font-size:.64rem;display:grid}.studio-form>label{grid-column:1/-1}.field-row{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:14px;display:grid}input,select{color:#fff;background:#1110168c;border:1px solid #f7f3e824;border-radius:10px;outline:0;min-width:0;padding:13px 14px}input:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 3px #d8ff3e14}.guardrail{border-left:3px solid var(--lilac);background:#b8a9ff12;grid-column:1/-1;padding:15px}.guardrail strong{font-size:.68rem}.guardrail p{color:#f7f3e88c;margin:5px 0 0;font-size:.65rem;line-height:1.5}.product-panel{padding:25px}.product-panel .panel-heading{margin-bottom:12px}.product-choice{border:0;border-bottom:1px solid var(--line);color:#fff;text-align:left;cursor:pointer;background:0 0;grid-template-columns:55px 1fr 30px;align-items:center;gap:12px;width:100%;padding:15px 4px;display:grid}.product-code{color:#f7f3e859;font:700 .55rem ui-monospace,monospace}.product-choice strong,.product-choice small{display:block}.product-choice strong{font-size:.72rem}.product-choice small{color:#f7f3e873;margin-top:4px;font-size:.58rem;line-height:1.4}.product-switch{background:#ffffff1f;border-radius:99px;width:29px;height:16px;position:relative}.product-switch:after{content:"";background:#fff6;border-radius:50%;width:10px;height:10px;transition:transform .2s;position:absolute;top:3px;left:3px}.product-choice.is-selected .product-code{color:var(--lime)}.product-choice.is-selected .product-switch{background:#d8ff3e33}.product-choice.is-selected .product-switch:after{background:var(--lime);transform:translate(13px)}.contract-preview{border:1px solid var(--line);background:#111016b8;border-radius:15px;align-items:center;gap:25px;max-width:1280px;margin:18px auto 0;padding:19px 22px;display:flex}.contract-preview>div:first-child{gap:3px;display:grid}.contract-preview>div:first-child strong{font-size:.84rem}.contract-preview>div:first-child small{color:#f7f3e866;font-size:.58rem}.contract-counts{gap:16px;margin-left:auto;display:flex}.contract-counts span{color:#f7f3e86b;text-align:center;gap:2px;font-size:.54rem;display:grid}.contract-counts strong{color:#fff;font-size:.8rem}.contract-preview button{background:var(--lime);color:var(--ink);letter-spacing:.08em;border:0;border-radius:9px;padding:11px 14px;font-size:.58rem;font-weight:850}.contract-preview button:disabled{opacity:.25}.studio-workspace-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.55fr);gap:18px;max-width:1280px;margin:auto;display:grid}.step-panel{grid-template-rows:auto 1fr auto;min-height:570px;padding:25px;display:grid}.step-panel>.panel-heading,.diagnostic-panel>.panel-heading{margin-bottom:22px}.step-form,.product-selector,.validation-summary{align-content:start;gap:18px;display:grid}.step-form .field-row{grid-column:auto}.step-form label,.step-form .field-row label{font-size:.68rem}.step-form select{width:100%}.step-actions{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:28px;padding-top:18px;display:flex}.step-actions button{background:var(--lime);color:var(--ink);letter-spacing:.07em;cursor:pointer;border:0;border-radius:9px;padding:11px 14px;font-size:.54rem;font-weight:850}.step-actions button.secondary-action{border:1px solid var(--line);color:#fff;background:0 0}.step-actions button:disabled{cursor:not-allowed;opacity:.25}.save-feedback{color:#f7f3e859;letter-spacing:.07em;margin-right:auto;font-size:.47rem;font-weight:800}.save-feedback.state-saved{color:var(--lime)}.save-feedback.state-error{color:var(--coral)}.diagnostic-panel{align-self:start;padding:25px}.diagnostic-score{background:#d8ff3e09;border:1px solid #d8ff3e24;border-radius:14px;justify-items:center;margin:0 0 20px;padding:22px;display:grid}.diagnostic-score strong{letter-spacing:-.06em;font-size:2.2rem;font-weight:400}.diagnostic-score span{color:#f7f3e866;font-size:.55rem}.diagnostic-sections{gap:4px;display:grid}.diagnostic-sections button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:92px 1fr 28px;align-items:center;gap:9px;padding:8px 0;display:grid}.diagnostic-sections button span{font-size:.58rem}.diagnostic-sections button>i{background:#ffffff14;border-radius:99px;height:4px;overflow:hidden}.diagnostic-sections button>i>b{border-radius:inherit;background:var(--lime);height:100%;display:block}.diagnostic-sections button small{color:#f7f3e861;text-align:right;font-size:.49rem}.issue-list{border-top:1px solid var(--line);gap:7px;margin-top:21px;padding-top:18px;display:grid}.issue-list>button{color:#fff;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #ffffff0f;border-radius:9px;gap:5px;padding:11px;display:grid}.issue-list>button span{letter-spacing:.09em;font-size:.44rem;font-weight:900}.issue-list>button span.issue-blocking{color:var(--coral)}.issue-list>button span.issue-warning{color:var(--lilac)}.issue-list>button strong{font-size:.58rem;font-weight:600;line-height:1.4}.all-clear{color:var(--lime);text-align:center;justify-items:center;gap:5px;padding:20px;display:grid}.all-clear>span{font-size:1.7rem}.all-clear small{color:#f7f3e866;font-size:.52rem}.product-selector .product-choice{padding:17px 4px}.validation-state{background:#ff6c620f;border:1px solid #ff6c6240;border-radius:13px;align-items:center;gap:14px;padding:18px;display:flex}.validation-state>span{width:35px;height:35px;color:var(--coral);background:#ff6c621f;border-radius:50%;place-items:center;font-size:1rem;font-weight:900;display:grid}.validation-state>div{gap:4px;display:grid}.validation-state strong{font-size:.76rem}.validation-state small{color:#f7f3e875;font-size:.56rem}.validation-state.is-ready{background:#d8ff3e0d;border-color:#d8ff3e40}.validation-state.is-ready>span{color:var(--lime);background:#d8ff3e1f}.validation-facts{border:1px solid var(--line);background:var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.validation-facts>span{background:var(--panel);gap:5px;padding:15px;display:grid}.validation-facts small{color:#f7f3e859;letter-spacing:.09em;font-size:.45rem;font-weight:850}.validation-facts strong{font-size:.62rem;line-height:1.35}@media (max-width:950px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{height:auto;position:static}.studio-sidebar nav{grid-template-columns:repeat(3,1fr)}.studio-sidebar__foot{display:none}.studio-header{margin-top:20px}.studio-grid,.studio-workspace-grid{grid-template-columns:1fr}.contract-preview{flex-wrap:wrap;align-items:flex-start}.contract-counts{order:3;width:100%;margin:0}.studio-sidebar{display:none}}@media (max-width:620px){.studio-main{padding:24px 16px}.studio-header{display:grid}.progress-ring{display:none}.studio-form{grid-template-columns:1fr;padding:18px}.field-row{grid-template-columns:1fr}.contract-preview{display:grid}.contract-preview button{width:100%}.contract-counts{justify-content:space-between}.step-panel,.diagnostic-panel{padding:18px}.step-actions{grid-template-columns:1fr 1fr;display:grid}.step-actions .save-feedback{grid-area:1/1/auto/-1;margin:0}.validation-facts{grid-template-columns:1fr}}.package-result{background:#d8ff3e0e;border:1px solid #d8ff3e40;border-radius:14px;justify-content:space-between;align-items:center;gap:22px;max-width:1280px;margin:12px auto 0;padding:17px 20px;display:flex}.package-result>div:first-child{gap:4px;display:grid}.package-result strong{font-size:.78rem}.package-result small{color:#f7f3e873;font-size:.57rem}.package-result>div:last-child{gap:8px;display:flex}.package-result button{background:var(--lime);color:var(--ink);letter-spacing:.07em;border:0;border-radius:8px;padding:10px 13px;font-size:.55rem;font-weight:850}.package-result button.secondary-action{border:1px solid var(--line);color:#fff;background:0 0}.package-error{max-width:1280px;color:var(--coral);margin:12px auto 0;font-size:.66rem}@media (max-width:620px){.package-result,.package-result>div:last-child{display:grid}.package-result button{width:100%}}