@font-face{font-family:Inter;src:url('./assets/inter-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/inter-latin-ext.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#101311;color:#e8ece7;font-synthesis:none}
*{box-sizing:border-box}
[hidden]{display:none!important}
.logout-button{background:transparent;border:1px solid #414b37;color:#c5cfba;padding:8px 12px;border-radius:5px;font:inherit;font-size:12px;cursor:pointer}
body{margin:0;min-width:320px}
.studio-header{height:78px;display:flex;align-items:center;gap:24px;padding:0 38px;border-bottom:1px solid #2c312b;background:#151916}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f1f0e7;font-size:16px;letter-spacing:2px;white-space:nowrap}
.brand strong{font-weight:400;color:#acb3a7}
.brand-mark{width:34px;height:39px;display:grid;place-items:center;border:1px solid #a29161;color:#d8c48a;font:bold 28px Georgia,serif;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);background:#28281f}
.header-divider{height:22px;width:1px;background:#353b33}
.workspace-name{color:#8d968a;font-size:14px}
.local-badge{margin-left:auto;padding:7px 10px;font-size:12px;letter-spacing:1px;border:1px solid #384432;color:#b3c399;border-radius:4px}
main{max-width:1680px;margin:auto;padding:30px 38px 24px}
.studio-footer{max-width:1680px;margin:auto;display:flex;justify-content:space-between;gap:15px;padding:0 38px 24px;font-size:12px;color:#788172}
.footer-separator{padding:0 10px;color:#454e40}
.loading-message{min-height:400px;display:grid;place-items:center}
.fatal-error{color:#f2b4a3;padding:30px;border:1px solid #764a41;border-radius:8px}
@media(max-width:700px){.studio-header{padding:0 16px;height:68px;gap:12px}
.workspace-name,.header-divider{display:none}
.brand{font-size:13px;letter-spacing:1px}
.local-badge{font-size:10px}
main{padding:22px 14px}
.studio-footer{padding:0 14px 20px;font-size:11px}
}
@font-face{font-family:Inter;src:url("./assets/inter-latin-semibold.woff2") format("woff2");font-style:normal;font-weight:500 900;font-display:swap}
@font-face{font-family:Inter;src:url("./assets/inter-latin-ext-semibold.woff2") format("woff2");font-style:normal;font-weight:500 900;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}