#studio-shell.is-hidden, #studio-hub.is-hidden { display:none; }
.studio-hub { min-height:100vh; display:grid; place-items:center; padding:32px; color:#eee; background:radial-gradient(circle at 50% 10%, #25394c 0, #0f171e 48%, #0a1015 100%); font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif; }
.hub-frame { width:min(900px,100%); text-align:center; }
.hub-mark { width:32px; height:32px; object-fit:contain; margin-bottom:14px; }
.hub-title { margin:0; color:#d4b483; font-size:32px; font-weight:500; letter-spacing:.25em; text-indent:.25em; text-transform:uppercase; }
.hub-subtitle { margin:12px auto 42px; max-width:420px; color:#a0acb8; font-size:14px; line-height:1.65; }
.hub-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; text-align:left; }
.hub-card { min-height:300px; padding:30px; border:1px solid rgba(255,255,255,.09); border-radius:22px; background:rgba(28,42,57,.9); box-shadow:0 25px 55px rgba(0,0,0,.35); }
.hub-card h2 { margin:0 0 8px; color:white; font-size:19px; }.hub-card p { margin:0 0 24px; color:#a0acb8; font-size:13px; line-height:1.65; }
.hub-form { display:grid; gap:10px; }.hub-form input { width:100%; padding:12px; color:white; background:#121f2d; border:1px solid rgba(255,255,255,.1); border-radius:8px; outline:none; }.hub-form input:focus { border-color:#d4b483; }
.hub-button { padding:12px 14px; border:0; border-radius:8px; color:#0b1116; background:#d4b483; font:inherit; font-weight:700; cursor:pointer; }.hub-button:disabled { opacity:.55; cursor:wait; }
.hub-experience-list { display:grid; gap:6px; max-height:220px; overflow:auto; }.hub-experience-row { display:flex; align-items:center; justify-content:space-between; width:100%; padding:12px; color:#fff; background:rgba(255,255,255,.04); border:1px solid transparent; border-radius:8px; font:inherit; cursor:pointer; text-align:left; }.hub-experience-row:hover { border-color:#d4b483; }.hub-experience-row small,.hub-status,.hub-empty { color:#a0acb8; }.hub-status,.hub-empty { padding:20px 0; text-align:center; }
@media (max-width:700px) { .studio-hub{padding:22px}.hub-grid{grid-template-columns:1fr}.hub-title{font-size:25px}.hub-card{min-height:0}.hub-subtitle{margin-bottom:28px;} }