:root{color:var(--studio-fg,#f5f1f7);background:var(--studio-bg,#100e13);color-scheme:dark}
:root[data-mode=light]{color-scheme:light}
.appearance-trigger{border:1px solid currentColor;border-radius:8px;background:transparent;padding:8px 11px;color:var(--muted,var(--studio-muted,#b2a9b8));font-size:12px;white-space:nowrap}
.appearance-trigger:hover{color:var(--personal-accent,#ff6474)}
.topbar .top-note{margin-left:auto}.topbar{gap:20px}
.bubble,.open-app,.primary{color:var(--personal-ink,#171019)}
.primary{background:var(--personal-accent,#ff6474)}.primary:hover{background:var(--personal-accent,#ff6474);filter:brightness(1.1)}
.theme-mode{border:0;padding:0;margin:20px 0;display:flex;gap:25px}.theme-mode legend{margin-bottom:13px;font-size:13px}.theme-mode label{display:flex;gap:8px;align-items:center;margin:0;font-size:14px}.theme-mode input{accent-color:var(--personal-accent,#ff6474)}
.theme-swatches{display:flex;gap:12px;margin:14px 0 24px;flex-wrap:wrap}.theme-swatches button{display:flex;gap:9px;align-items:center;padding:10px 13px;border:1px solid #8885;background:transparent;border-radius:8px;color:inherit;font-size:13px}.theme-swatches button[aria-pressed=true]{outline:2px solid var(--swatch);outline-offset:2px}.theme-swatches i{width:16px;height:16px;border:1px solid #8888;background:var(--swatch);border-radius:50%}.theme-save-note{font-size:12px!important}
.default-orbit{position:absolute;width:100%;height:100%;mask:url('/orbit.svg') center/contain no-repeat;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 60%,white),var(--accent) 55%,color-mix(in srgb,var(--accent) 60%,black));backface-visibility:visible}
.login-screen{background:radial-gradient(ellipse at 50% 20%,#ff647413,transparent 60%)}
.editor,.editor-header,.editor-panel{color:var(--studio-fg);background:var(--studio-bg)}
.subtle,.panel-heading>p:last-child,.field-intro,.tip,.save-state,.muted,small,.editor-tabs button,.preview-heading,.login-card>p{color:var(--studio-muted)}
.studio-dialog{color:var(--studio-fg);background:var(--studio-bg)}.dialog-content>p,.dialog-content li{color:var(--studio-muted)}
input:not([type=checkbox]):not([type=range]):not([type=file]),select{background:color-mix(in srgb,var(--studio-bg) 90%,var(--studio-fg));color:var(--studio-fg);border-color:color-mix(in srgb,var(--studio-fg) 22%,transparent)}
:root[data-mode=light] .editor-panel,:root[data-mode=light] .editor-header,:root[data-mode=light] .editor-tabs,:root[data-mode=light] .app-edit,:root[data-mode=light] .editor-bottom,:root[data-mode=light] .upload-row,:root[data-mode=light] hr,:root[data-mode=light] .studio-dialog{border-color:#211a2726}
:root[data-mode=light] .preview-wrap{background:#e7e1ea}:root[data-mode=light] #preview{border-color:#211a2733}
:root[data-mode=light] .hub{--muted:#5b5063;--fg:#211a27}:root[data-mode=light] .service-icon{color:color-mix(in srgb,var(--icon) 55%,#251629)}
:root[data-mode=light] .section-label,:root[data-mode=light] .eyebrow{color:#62596a}
:root[data-mode=light] .signup,:root[data-mode=light] .sharing-address,:root[data-mode=light] .link-status{color:#71304b}
:root[data-mode=light] .service-main:is(a):hover .service-name{color:#71304b}
@media(max-width:700px){.topbar{gap:12px}.topbar .brand-sub,.topbar .brand-slash{display:none}.appearance-trigger{font-size:11px;padding:8px}.editor-actions{flex-wrap:wrap}}