@font-face {font-family:Inter;src:url('/assets/fonts/inter-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root {color-scheme:dark;--studio-purple:#bd91e9;--studio-yellow:#d6b84b;--studio-line:#ffffff12;--studio-muted:#a1a6ae;--studio-blue:#85b9eb;--studio-surface:#1b1d20;--studio-control:#121417;--studio-text:#e8eaed;--studio-panel-width:328px;--studio-gap:20px}
* {box-sizing:border-box}
body {margin:0;background:#0b0c0e;color:#efefed;font-family:Inter,Arial,sans-serif}
button,input,select {font:inherit}
button {cursor:pointer}
button:disabled {cursor:default}
[hidden] {display:none!important}
:focus-visible {outline:2px solid var(--studio-blue);outline-offset:3px}
.rs-app-header {height:76px;background:#000;padding:0 4%;display:grid;grid-template-columns:172px minmax(0,1fr) 172px;align-items:center;gap:24px;border-bottom:1px solid var(--studio-line)}
.rs-brand img {display:block;width:172px;height:auto}
.rs-module-navigation {display:flex;align-items:center;justify-content:center;gap:8px}
.rs-module-navigation a {width:140px;justify-content:center;display:flex;align-items:center;gap:9px;border-radius:8px;padding:12px 20px;font-size:13px;color:#a8adb5;text-decoration:none}
.rs-module-navigation a:hover {background:#1b1d20;color:#f1f2f4}
.rs-module-navigation a[aria-current] {background:#222427;color:#ecd27b;box-shadow:inset 0 -2px #d6b84b}
.rs-module-navigation svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.rs-workspace-label {font-size:10px;color:#a1a6ae;text-align:right}
.rs-workspace-label:before {content:'●';color:var(--studio-yellow);margin-right:8px}
.studio .rs-shell {width:100%;max-width:1800px;height:calc(100dvh - 76px);min-height:0;margin:auto;padding:24px 4% 0;background:none;display:flex;flex-direction:column}
.rs-page-header {flex-shrink:0;margin-bottom:24px}
.rs-page-header .rs-eyebrow {font-size:9px;text-transform:uppercase;letter-spacing:1.7px;color:#a8adb6;margin:0 0 8px}
.rs-page-header h1 {font-size:32px;line-height:1.2;letter-spacing:-1.3px;font-weight:550;margin:0 0 7px}
.rs-page-header h1 span {color:var(--studio-yellow)}
.rs-page-header p {font-size:12px;color:var(--studio-muted);margin:0}
.studio .rs-workzone,.studio .rs-work-container {flex:1;min-height:0;min-width:0;width:100%;display:flex;background:none;height:auto;padding:0;overflow:visible}
.rs-app-footer {display:flex;flex-shrink:0;justify-content:space-between;padding:16px 0;font-size:9px;color:#858b94}

/* One stable frame and sidebar alignment across all three tools. */
.studio .rs-work-container {padding:16px;gap:0;border:1px solid #ffffff14;border-radius:16px;background:#101214;box-shadow:0 12px 35px #0002}
@media (min-width:1000px) and (max-height:850px) {
  .studio .rs-shell {padding-top:18px;padding-inline:28px;min-height:540px}
  .rs-page-header {margin-bottom:18px}
  .rs-page-header h1 {font-size:29px}
  .rs-page-header .rs-eyebrow {margin-bottom:6px}
  .studio .rs-work-container {padding:12px}
  .rs-app-footer {padding:10px 0}
}