.studio-project-versions { margin-top:24px; padding:26px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(120deg,rgba(232,202,107,.045),transparent 55%),var(--surface); }
.studio-project-versions > header { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.studio-project-versions h3 { margin:7px 0 0; font-family:inherit; font-weight:700; font-size:22px; line-height:1.3; }
.studio-project-versions h3 small { display:inline-flex; align-items:center; justify-content:center; min-width:28px; min-height:28px; margin-left:8px; border:1px solid var(--line); border-radius:8px; color:var(--gold-light); font-size:13px; vertical-align:middle; }
.studio-project-versions .studio-secondary,.studio-project-versions .studio-primary { min-height:42px; padding:11px 16px; font-family:inherit; font-size:13px; line-height:1.4; }
.studio-version-intro { max-width:720px; margin:14px 0 20px; color:var(--muted); font-size:14px; line-height:1.6; }
.studio-version-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.studio-version-list > button,.studio-version-candidates > button { display:flex; align-items:center; gap:14px; width:100%; padding:16px; border:1px solid var(--line); border-radius:14px; background:#10110e; color:var(--text); font:inherit; text-align:left; cursor:pointer; }
.studio-version-list > button:hover,.studio-version-candidates > button:hover { border-color:var(--gold); background:rgba(232,202,107,.05); }
.studio-version-list > button[aria-current] { border-color:rgba(232,202,107,.5); background:rgba(232,202,107,.07); opacity:1; cursor:default; }
.studio-version-list > button > span:nth-child(2),.studio-version-candidates > button > span:first-child { display:grid; gap:6px; flex:1; min-width:0; }
.studio-version-list b,.studio-version-candidates b { font-size:14px; line-height:1.4; overflow-wrap:anywhere; }
.studio-version-list small,.studio-version-candidates small { color:var(--muted); font-size:12px; line-height:1.5; }
.studio-version-list em { color:var(--gold-light); font-size:11px; line-height:1.4; font-style:normal; }
.studio-version-dot { color:var(--gold-light); font-size:18px; }
.studio-project-versions [data-version-picker] { margin-top:20px; padding-top:20px; border-top:1px solid var(--line); }
.studio-project-versions form { display:flex; align-items:flex-end; gap:12px; margin-bottom:14px; }
.studio-project-versions label { display:grid; gap:8px; flex:1; min-width:0; color:var(--muted); font-size:12px; }
.studio-project-versions input { box-sizing:border-box; width:100%; min-height:44px; padding:10px 14px; border:1px solid var(--line); border-radius:12px; background:#090a08; color:var(--text); font:inherit; font-size:14px; }
.studio-project-versions :is(button,input):focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
.studio-version-candidates { display:grid; gap:8px; max-height:360px; overflow:auto; padding:3px; margin:0 -3px 14px; }
.studio-version-candidates p { color:var(--muted); font-size:14px; }
.studio-project-versions footer,.studio-version-confirm > div { display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; }
.studio-version-confirm { padding:18px; margin-top:16px; border:1px solid rgba(232,202,107,.35); border-radius:14px; background:rgba(232,202,107,.045); }
.studio-version-confirm p { margin:0 0 8px; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.studio-version-confirm small { display:block; color:var(--muted); font-size:12px; line-height:1.6; }
.studio-version-message { margin:12px 0 0; color:var(--muted); font-size:13px; line-height:1.6; }
.studio-version-message:empty { display:none; }
.studio-version-message.is-error { color:#efb9a5; }
.studio-project-versions [hidden] { display:none !important; }
@media(max-width:1100px) { .studio-version-list { grid-template-columns:minmax(0,1fr); } }
@media(max-width:640px) { .studio-project-versions { padding:18px; } .studio-project-versions > header { align-items:flex-start; flex-direction:column; } .studio-project-versions form { flex-wrap:wrap; } .studio-project-versions label { flex-basis:100%; } }