.studio-bridge-page{min-height:100vh;background:#08090d;color:var(--text);overflow-x:hidden}
.studio-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr);position:relative;z-index:1}
.studio-sidebar{height:100vh;position:sticky;top:0;padding:21px 14px;background:rgba(8,9,13,.92);border-right:1px solid var(--border);display:flex;flex-direction:column;backdrop-filter:blur(18px)}
.studio-logo{font-size:1.2rem;font-weight:800;color:var(--text);padding:4px 10px 22px;letter-spacing:-.03em}.studio-logo span{color:var(--accent)}
.studio-nav{display:grid;gap:6px}.studio-nav a{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.8rem;font-weight:700;padding:10px;border-radius:11px;border:1px solid transparent}.studio-nav a:hover{background:rgba(255,255,255,.025);color:var(--text)}.studio-nav a.active{background:var(--accent-dim);border-color:rgba(232,168,56,.16);color:var(--text)}
.studio-nav a>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.04);color:var(--accent);font-size:.62rem;font-weight:900}.studio-nav em{font-style:normal;font-size:.55rem;color:var(--accent);margin-left:auto;border:1px solid rgba(232,168,56,.18);border-radius:999px;padding:2px 6px}
.studio-sidebar-spacer{flex:1}.studio-security-note{border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025);padding:13px;margin:8px 2px}.studio-security-note strong{font-size:.76rem}.studio-security-note p{color:var(--text-muted);font-size:.68rem;line-height:1.5;margin-top:5px}.studio-back-link{color:var(--text-muted);font-size:.72rem;padding:10px 7px}.studio-back-link:hover{color:var(--accent)}
.studio-main{min-width:0;background:radial-gradient(circle at 28% -8%,rgba(232,168,56,.09),transparent 31%),radial-gradient(circle at 90% 20%,rgba(76,94,255,.055),transparent 24%)}
.studio-topbar{height:68px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(8,9,13,.72);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.studio-topbar>div:first-child span{display:block;color:var(--text-muted);font-size:.64rem;text-transform:uppercase;letter-spacing:1px}.studio-topbar>div:first-child strong{display:block;font-size:.9rem}.studio-account{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;min-width:190px;padding:6px 9px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025);color:var(--text)}.studio-account:hover{border-color:rgba(232,168,56,.28);background:rgba(232,168,56,.04)}.studio-account-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(232,168,56,.1);border:1px solid rgba(232,168,56,.16);color:var(--accent);font-size:.72rem;font-weight:900}.studio-account-copy{min-width:0}.studio-account-copy small{display:flex;align-items:center;gap:4px;color:#8d949e;font-size:.52rem;text-transform:uppercase;letter-spacing:.06em}.studio-account-copy small i{width:6px;height:6px;border-radius:50%;background:#69717c;box-shadow:none}.studio-account-confirmed .studio-account{border-color:rgba(74,222,128,.15);background:rgba(74,222,128,.035)}.studio-account-confirmed .studio-account:hover{border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.055)}.studio-account-confirmed .studio-account-copy small{color:#82d69d}.studio-account-confirmed .studio-account-copy small i{background:#4ade80;box-shadow:0 0 8px rgba(74,222,128,.45)}.studio-account-copy small b{font-size:inherit;color:var(--accent)}.studio-account-copy strong,.studio-account-copy em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-account-copy strong{font-size:.7rem;margin-top:2px}.studio-account-copy em{font-style:normal;color:var(--text-muted);font-size:.58rem}
.studio-content{max-width:1180px;margin:0 auto;padding:32px 28px 70px}.studio-hero-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,260px);gap:26px;align-items:flex-start;border:1px solid var(--border);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-radius:24px;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.22);position:relative;overflow:hidden}.studio-hero-card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.studio-kicker{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.studio-kicker span{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px rgba(232,168,56,.5)}.studio-hero-card h1{font-size:clamp(2rem,4vw,3.2rem);max-width:760px;letter-spacing:-.045em;line-height:1.04;margin-bottom:13px}.studio-hero-card p{max-width:760px;color:var(--text-muted);line-height:1.7;font-size:.9rem}.studio-connection-badge{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;column-gap:10px;row-gap:2px;border:1px solid var(--border);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border-radius:16px;padding:12px 14px;color:var(--text-muted);font-size:.7rem;font-weight:700;justify-self:end;min-width:0;max-width:260px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.studio-connection-badge i{width:8px;height:8px;background:#777;border-radius:50%}.studio-connection-badge.connected i{background:var(--success);box-shadow:0 0 10px rgba(74,222,128,.45)}.studio-connection-badge.connected span{color:var(--text)}
.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.studio-card{border:1px solid var(--border);background:rgba(255,255,255,.026);border-radius:19px;padding:20px;box-shadow:0 12px 30px rgba(0,0,0,.13)}.studio-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.studio-card-head span{display:block;color:var(--accent);font-size:.64rem;text-transform:uppercase;letter-spacing:1px;font-weight:800;margin-bottom:4px}.studio-card-head h2{font-size:1rem;letter-spacing:-.02em}.studio-card>p{color:var(--text-muted);font-size:.79rem;line-height:1.6;margin-bottom:15px}.studio-safe-pill{border:1px solid rgba(74,222,128,.18);background:rgba(74,222,128,.06);color:#75dc98!important;border-radius:999px;padding:5px 8px;letter-spacing:0!important;text-transform:none!important;white-space:nowrap}
.studio-code-box{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:13px;background:#0b0c11;padding:11px 12px;margin-bottom:7px}.studio-code-box span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.25rem;letter-spacing:.12em;font-weight:800}.studio-code-box button,.studio-text-button{border:0;background:transparent;color:var(--accent);font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}.studio-code-box button:disabled{opacity:.35;cursor:not-allowed}.studio-code-meta{font-size:.68rem;color:var(--text-muted);min-height:18px;margin-bottom:12px}.studio-primary-button,.studio-secondary-button{width:100%;display:flex;align-items:center;justify-content:center;min-height:39px;border-radius:10px;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer;}.studio-primary-button{border:0;background:var(--accent);color:#111}.studio-primary-button:hover{background:var(--accent-bright)}.studio-secondary-button{border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--text)}.studio-secondary-button:hover{border-color:rgba(232,168,56,.3);color:var(--accent)}
.studio-steps{padding-left:20px;margin:2px 0 15px;color:var(--text-muted);font-size:.75rem;line-height:1.8}.workflow-card{margin-top:16px}.studio-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.studio-workflow-grid>div{background:#0b0c11;border:1px solid var(--border);border-radius:14px;padding:13px}.studio-workflow-grid b{display:block;color:var(--accent);font-size:.64rem;margin-bottom:9px}.studio-workflow-grid strong{display:block;font-size:.76rem;margin-bottom:5px}.studio-workflow-grid p{color:var(--text-muted);font-size:.67rem;line-height:1.45}
.lower-grid{align-items:start}.studio-session-list,.studio-snapshot-list{display:grid;gap:9px}.studio-session,.studio-snapshot{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:12px;padding:11px 12px;background:#0b0c11}.studio-session strong,.studio-snapshot strong{display:block;font-size:.76rem;margin-bottom:3px}.studio-session span,.studio-snapshot span{display:block;color:var(--text-muted);font-size:.65rem}.studio-session button{border:1px solid var(--border);background:transparent;color:var(--text-muted);border-radius:8px;padding:6px 8px;font:inherit;font-size:.65rem;cursor:pointer}.studio-session button:hover{border-color:rgba(239,68,68,.35);color:#f27d7d}.studio-session.revoked{opacity:.5}.studio-empty{color:var(--text-muted);font-size:.72rem;border:1px dashed var(--border);border-radius:12px;padding:16px;text-align:center}.studio-privacy-card{margin-top:16px}.studio-message{min-height:20px;margin-top:12px;color:var(--text-muted);font-size:.74rem}.studio-message.error{color:#ef8585}.studio-message.success{color:#7cdda0}
@media(max-width:1050px){.studio-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-grid{grid-template-columns:1fr}.studio-hero-card{grid-template-columns:1fr}}
@media(max-width:760px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{display:none}.studio-content{padding:22px 15px 50px}.studio-topbar{padding:0 15px}.studio-workflow-grid{grid-template-columns:1fr}.studio-hero-card{padding:20px}.studio-hero-card h1{font-size:2rem}}

.studio-plan-card{margin-top:16px}.studio-plan-badge{display:inline-flex!important;align-items:center;border:1px solid rgba(232,168,56,.2);background:var(--accent-dim);color:var(--accent)!important;border-radius:999px;padding:6px 9px!important;letter-spacing:.04em!important;text-transform:uppercase!important;white-space:nowrap}.studio-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.studio-plan-grid>div{background:#0b0c11;border:1px solid var(--border);border-radius:14px;padding:14px}.studio-plan-grid strong{display:block;font-size:.78rem;margin-bottom:6px}.studio-plan-grid p{color:var(--text-muted);font-size:.68rem;line-height:1.5}.studio-plan-current{margin-top:12px;border-top:1px solid var(--border);padding-top:12px;color:var(--text-muted);font-size:.72rem;line-height:1.55}.studio-plan-current strong{color:var(--text)}
@media(max-width:760px){.studio-plan-grid{grid-template-columns:1fr}}

/* 2026-08 UI refinement: mobile workspace navigation and readable controls. */
.studio-topbar-title{display:flex;align-items:center;gap:10px}
.studio-mobile-nav-toggle{display:none;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--border);background:rgba(255,255,255,.025);color:var(--text);border-radius:10px;cursor:pointer;flex:0 0 42px}
.studio-mobile-nav-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.studio-sidebar-scrim{display:none}
.studio-nav a{min-height:42px}
.studio-card>p,.studio-steps,.studio-workflow-grid p,.studio-plan-grid p{font-size:max(.74rem,11.8px)}
.studio-primary-button,.studio-secondary-button{min-height:42px}

@media(max-width:760px){
  body.studio-nav-active{overflow:hidden}
  .studio-mobile-nav-toggle{display:inline-flex}
  .studio-sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:min(286px,86vw);height:100dvh;z-index:140;transform:translateX(-105%);transition:transform .24s cubic-bezier(.2,.8,.2,1);box-shadow:24px 0 70px rgba(0,0,0,.46)}
  .studio-shell.mobile-nav-open .studio-sidebar{transform:translateX(0)}
  .studio-sidebar-scrim{display:block;position:fixed;inset:0;z-index:130;border:0;background:rgba(2,3,6,.7);backdrop-filter:blur(3px);cursor:pointer}
  .studio-sidebar-scrim[hidden]{display:none}
  .studio-topbar{min-height:68px;height:auto;padding-top:8px;padding-bottom:8px}
  .studio-account{min-width:0;width:40px;height:40px;padding:3px;display:grid;grid-template-columns:1fr;border-radius:11px}
  .studio-account-avatar{width:32px;height:32px}
  .studio-account-copy{display:none}
  .studio-code-box button,.studio-text-button,.studio-primary-button,.studio-secondary-button{min-height:44px}
}

/* Studio navigation now uses a real icon language instead of AI/XP/PR/GD/ST letters. */
.studio-nav a>.studio-nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:transparent;color:#9299a2;font-size:0}
.studio-nav a>.studio-nav-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.studio-nav a.active>.studio-nav-icon{color:#d7a84f;background:rgba(215,168,79,.06)}
.studio-kicker .studio-kicker-icon{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(215,168,79,.15);border-radius:7px;background:rgba(215,168,79,.045);box-shadow:none}
.studio-kicker .studio-kicker-icon svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.studio-connection-badge{border-radius:10px}
.studio-connection-glyph{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.035);color:#7f8790}
.studio-connection-glyph svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.studio-connection-badge.connected .studio-connection-glyph{color:#d7a84f;background:rgba(215,168,79,.065)}


.studio-connection-copy{min-width:0}
.studio-connection-copy small{display:block;color:var(--text-dim);font-size:.6rem;letter-spacing:.11em;text-transform:uppercase;margin-bottom:2px}
.studio-connection-label{display:block;color:var(--text);font-size:.82rem;line-height:1.15;font-weight:800}
.studio-connection-meta{display:block;color:var(--text-muted);font-size:.68rem;line-height:1.3}
.studio-connection-glyph{grid-row:1 / span 3;align-self:start}
.studio-connection-badge.connected .studio-connection-label{color:#f4f4f7}

/* v21 Runtime SDK */
.runtime-card{margin-top:16px}.runtime-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.runtime-label{display:block;color:var(--text-muted);font-size:.7rem;font-weight:700;margin-bottom:6px}.runtime-select{width:100%;min-height:43px;border:1px solid var(--border);border-radius:10px;background:#0b0c11;color:var(--text);padding:0 11px;font:inherit;font-size:.76rem}.runtime-status{min-height:22px;color:var(--text-muted);font-size:.7rem;line-height:1.5;margin:8px 0 10px}.runtime-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.runtime-secret-card{border:1px solid var(--border);background:#0b0c11;border-radius:14px;padding:14px}.runtime-secret-card>strong{font-size:.78rem}.runtime-secret-card>p{color:var(--text-muted);font-size:.68rem;line-height:1.5;margin:5px 0 10px}.runtime-key-box{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;background:#08090d;padding:9px;margin-bottom:9px}.runtime-key-box code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent);font-size:.68rem}.runtime-key-box button{border:0;background:transparent;color:var(--accent);font:inherit;font-size:.68rem;font-weight:800;cursor:pointer}.runtime-key-box button:disabled{opacity:.35}.runtime-secret-card .studio-secondary-button{margin-bottom:7px}.runtime-events{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.runtime-events>strong{display:block;font-size:.74rem;margin-bottom:9px}@media(max-width:760px){.runtime-grid,.runtime-actions{grid-template-columns:1fr}}