:root{--studio-primary:#3e4d6b;--studio-primary-offset:#2d384d;--studio-secondary:#86a68d;--studio-accent:#c66b52;--studio-spotlight:#cfb466;--studio-page-base:#d3dbe6;--studio-page-offset:#eff2f7;--studio-surface:#eff2f7d6;--studio-surface-strong:#f4f6f8f0;--studio-border:#63718e61;--studio-border-strong:#3e4d6b47;--studio-text:#1b222e;--studio-text-offset:#63718e;--studio-shadow:0 28px 80px #2d384d2e}html,body{min-height:100%}body{color:var(--studio-text);background:radial-gradient(circle at top left, #cfb46647, transparent 28%), radial-gradient(circle at top right, #86a68d38, transparent 24%), linear-gradient(180deg, #f4f6f8 0%, var(--studio-page-base) 100%);margin:0}.studio-root{min-height:100vh}.studio-page{box-sizing:border-box;gap:1.5rem;min-height:100vh;padding:1.25rem;display:grid;position:relative}.studio-page:before{content:"";pointer-events:none;background-image:linear-gradient(#63718e1f 1px,#0000 1px),linear-gradient(90deg,#63718e1f 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000bf,#0000 72%);mask-image:linear-gradient(#000000bf,#0000 72%)}.studio-page__masthead,.studio-page__frame{z-index:1;position:relative}.studio-page__masthead{border:1px solid var(--studio-border-strong);box-shadow:var(--studio-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#f4f6f8f5,#e9edf1eb);border-radius:1.75rem;gap:1rem;padding:1.1rem 1.2rem;display:grid}.studio-page__masthead-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.studio-page__brand{min-width:min(100%,42rem)}.studio-page__eyebrow{color:var(--studio-accent);letter-spacing:.24em;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:700}.studio-page__title{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,3vw,2.8rem);line-height:1.05}.studio-page__description{max-width:46rem;color:var(--studio-text-offset);margin:.65rem 0 0;font-size:1rem;line-height:1.7}.studio-page__meta{flex-wrap:wrap;gap:.65rem;display:flex}.studio-page__pill{color:var(--studio-primary-offset);background:#ffffffb3;border:1px solid #3e4d6b24;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.88rem;font-weight:600;display:inline-flex}.studio-page__pill:before{content:"";background:linear-gradient(135deg, var(--studio-secondary), var(--studio-primary));border-radius:999px;width:.55rem;height:.55rem;box-shadow:0 0 0 4px #86a68d1f}.studio-page__frame{border:1px solid var(--studio-border);background:var(--studio-surface);min-height:calc(100vh - 13rem);box-shadow:var(--studio-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:2rem;overflow:hidden}.studio-page__canvas,.studio-page__canvas>div{min-height:inherit}.studio-page__canvas [data-ui=Card]{background-color:#0000}.studio-page__canvas [data-as=button]:focus-visible,.studio-page__canvas a:focus-visible,.studio-page__canvas input:focus-visible,.studio-page__canvas textarea:focus-visible{outline-offset:2px;outline:3px solid #cfb4669e}.studio-navbar-shell{background:linear-gradient(#eff2f7e0,#f4f6f8f0)}.studio-navbar-shell__notice{background:linear-gradient(90deg,#ffffffb8,#e9edf1b8);border-bottom:1px solid #3e4d6b24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;padding:.9rem 1rem;display:flex}.studio-navbar-shell__context{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.studio-navbar-shell__badge{background:linear-gradient(135deg, var(--studio-primary), var(--studio-primary-offset));color:#fff;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.45rem .72rem;font-size:.72rem;font-weight:700;display:inline-flex}.studio-navbar-shell__summary{color:var(--studio-text-offset);margin:0;font-size:.9rem;line-height:1.6}.studio-navbar-shell__actions{flex-wrap:wrap;gap:.6rem;display:flex}.studio-navbar-shell__action{color:var(--studio-primary-offset);background:#ffffffc2;border:1px solid #3e4d6b29;border-radius:999px;align-items:center;padding:.58rem .88rem;font-size:.84rem;font-weight:700;line-height:1;text-decoration:none;transition:background-color .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}.studio-navbar-shell__action:hover{color:var(--studio-accent);background:#fcf4f1e0;border-color:#c66b526b;transform:translateY(-1px)}.studio-navbar-shell__action:focus-visible{outline-offset:2px;outline:3px solid #cfb4669e}@media (max-width:960px){.studio-page{padding:.9rem}.studio-page__masthead{border-radius:1.4rem;padding:1rem}.studio-page__frame{border-radius:1.5rem;min-height:calc(100vh - 12rem)}.studio-navbar-shell__notice{align-items:flex-start;padding:.85rem .9rem}}