@font-face{font-family:Hind;src:url('/design/vendor/fonts/hind-400.ttf')}@font-face{font-family:Hind;src:url('/design/vendor/fonts/hind-600.ttf');font-weight:600}
*{box-sizing:border-box}body{margin:0;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);background:#0d0d0d;color:#fff;font-family:Hind,Arial,sans-serif;overflow:hidden}header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-height:64px;padding:10px 20px;background:linear-gradient(#0d1526,#0b1220);border-bottom:1px solid #333}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand img{width:26px;height:32px;object-fit:contain}.brand strong{font-size:16.5px;font-weight:600}.brand b{color:#36b5ff}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#b9b9b9}.beta{padding:4px 12px;border:1px solid #f4bd6355;border-radius:6px;background:#f4bd6310;color:#f4bd63;font-size:14px;font-weight:600;margin-left:8px}nav{display:flex;gap:6px;grid-column:2}button{height:36px;min-width:116px;border:1px solid transparent;border-radius:7px;padding:0 18px;font:600 14px Hind,Arial,sans-serif;background:transparent;color:#b9b9b9;cursor:pointer}button[aria-pressed=true]{background:#31b7f51a;border-color:#31b7f566;color:#63c6ff}button:hover{background:#161616;color:white}button:focus-visible{outline:2px solid #36b5ff;outline-offset:2px}main{position:relative;min-height:0}iframe{display:block;width:100%;height:100%;border:0;background:#0d0d0d}[hidden]{display:none!important}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#0d0d0d;margin:0;z-index:1;color:#b9b9b9}@media(max-width:1200px){header{display:flex;justify-content:space-between;flex-wrap:wrap}}@media(max-width:650px){nav{width:100%;justify-content:center}button{min-width:90px}.brand{flex-wrap:wrap}}

#account-menu{grid-column:3;justify-self:end;position:relative;z-index:20}#account-menu summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;border:1px solid #354052;border-radius:7px;min-height:36px;padding:0 12px;font-size:14px}#account-menu summary::-webkit-details-marker{display:none}#account-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-popover{position:absolute;right:0;top:44px;width:min(310px,90vw);padding:14px;border:1px solid #363d49;border-radius:10px;background:#11151b;box-shadow:0 14px 40px #0008}.account-popover button{display:block;text-align:left;width:100%;padding:0 10px}.account-popover p{margin:4px 0 10px;color:#b9c1ce;font-size:13px;overflow-wrap:anywhere}.account-popover select{width:100%;margin:6px 0 10px}.account-popover button:disabled{opacity:.5;cursor:default}#account-signout{border-top:1px solid #343944;border-radius:0;margin-top:8px}#account-dialog{width:min(590px,94vw);max-height:90dvh;overflow:auto;background:#11151b;color:#eee;border:1px solid #414854;border-radius:14px;padding:24px;box-shadow:0 24px 80px #000a}#account-dialog::backdrop{background:#0009}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.account-heading h2{margin:0}.account-heading button{min-width:36px;padding:0}#account-dialog h3{margin:22px 0 12px}#account-dialog label{display:block;margin:10px 0;font-size:14px}#account-dialog input,.account-popover select{display:block;min-height:38px;background:#0c1016;border:1px solid #414854;border-radius:6px;color:#fff;padding:8px;font:inherit}#account-dialog input{width:100%;margin-top:4px}#account-dialog dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px 12px;font-size:14px}#account-dialog dt{color:#9fa9b8}#account-dialog dd{margin:0;overflow-wrap:anywhere}.account-primary{background:#30b9ef;color:#07121b}.account-note{font-size:13px;line-height:1.5;color:#aeb8c7;border-top:1px solid #303743;padding-top:12px}.muted{color:#9fa9b8}#account-status:empty,#profile-status:empty{display:none}@media(max-width:650px){#account-menu{position:absolute;right:12px;top:14px}.brand{padding-right:100px}.brand .beta{margin-left:0}#account-name{max-width:65px}#account-dialog dl{grid-template-columns:100px minmax(0,1fr)}}

#feature-unavailable{max-width:580px;margin:80px auto;padding:28px;border:1px solid #343b47;border-radius:12px;background:#12161c}#feature-unavailable p{color:#b7c1cf;line-height:1.6}

.workspace-header-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:12px;min-width:0}
#workspace-help{position:relative;z-index:21}#workspace-help>summary,#studio-bug-menu>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;border:1px solid #354052;border-radius:7px;min-height:36px;padding:0 12px;font-size:14px}#workspace-help summary::-webkit-details-marker,#studio-bug-menu summary::-webkit-details-marker{display:none}
.help-popover{position:absolute;right:0;top:44px;width:235px;padding:8px;background:#11151b;border:1px solid #363d49;border-radius:10px;box-shadow:0 14px 40px #0008}.help-popover button{display:block;text-align:left;width:100%;padding:0 10px}.help-popover p{font-size:13px;padding:0 10px;color:#b9c1ce}.help-popover p:empty{display:none}
#workspace-help-dialog{width:min(620px,94vw);max-height:85dvh;overflow:auto;background:#11151b;color:#eee;border:1px solid #414854;border-radius:14px;padding:24px}#workspace-help-dialog::backdrop{background:#0009}#workspace-help-content p{color:#b9c1ce;line-height:1.65}#workspace-help-content h3{color:#63c6ff}#help-guide-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px}#help-guide-nav button{border:1px solid #354052}#help-next{background:#123449;color:#9ce2ff}
@media(max-width:650px){.workspace-header-actions{position:static;margin-left:auto}.workspace-header-actions #account-menu{position:relative;right:auto;top:auto}.brand{padding-right:0}header{gap:8px}.workspace-header-actions{gap:6px}#workspace-help>summary,#studio-bug-menu>summary{padding:0 8px}nav{order:3}.brand small{display:none}.brand strong{font-size:14px}}
.workspace-guide-links{border-top:1px solid var(--line,#363d49);margin-top:6px;padding-top:6px}.workspace-guide-links a{display:block;padding:9px 10px;color:inherit;font-size:13px;text-decoration:none;border-radius:5px}.workspace-guide-links a:hover,.workspace-guide-links a:focus-visible{background:var(--hover,#ffffff12);text-decoration:underline}.workspace-guide-links p{line-height:1.4;margin:6px 0}

#loading{text-align:center;padding:24px;gap:12px;background:var(--ink,#0d0d0d);color:var(--paper-dim,#b9b9b9)}
#loading .startup-retry-note{display:block;font-size:13px;max-width:420px}
#loading .startup-retry{justify-self:center;background:var(--blue,#39bce7);color:#071923;border:1px solid var(--line,#35434e);border-radius:4px}
