/* Interface only. Member profile canvases retain their saved appearance. */
:root { --studio-accent:#ff4053; --studio-ink:#09090b; --studio-surface:#111114; --studio-border:#29292e; --studio-muted:#98989f; }
body:has(#authScreen:not([hidden])), body.dashboard-active { background:#09090b; }
:is(#authScreen,#dashboard) { color:#eeeef0; }
:is(#authScreen,#dashboard) .btn { border-radius:10px; min-height:44px; border-color:#303036; background:#19191d; transition:background .2s,border-color .2s,box-shadow .2s; }
:is(#authScreen,#dashboard) .btn.primary { color:#fff; background:#e62e42; border-color:#ff607166; box-shadow:inset 0 1px #ffffff20,0 4px 16px #e62e4214; }
:is(#authScreen,#dashboard) .btn.primary:hover:not(:disabled) { color:#fff; background:#f64053; border-color:#ff7280; box-shadow:0 5px 24px #ec34472b; }
:is(#authScreen,#dashboard) .btn:disabled { opacity:.5; }
:is(#authScreen,#dashboard) input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),
:is(#authScreen,#dashboard) textarea,:is(#authScreen,#dashboard) select { background:#0c0c0f; border-color:#2c2c32; border-radius:10px; padding:14px 15px; }
:is(#authScreen,#dashboard) label { font-size:12px; line-height:1.6; color:#c9c9d0; }
:is(#authScreen,#dashboard) .input-with-prefix { background:#0c0c0f; border-color:#2c2c32; }

/* Entry / a chrome object and a compact access card. */
#authScreen { background:radial-gradient(ellipse at 12% 45%,#30111855,transparent 51%),#09090b; }
#authScreen .site-header { height:82px; max-width:1440px; margin:auto; padding-inline:48px; border-bottom:1px solid #ffffff0b; }
#authScreen .brand { font-size:25px; letter-spacing:-1.1px; }
#authScreen .header-right { font:10px 'Space Grotesk',sans-serif; letter-spacing:1.4px; }
#authScreen .auth-layout { max-width:1440px; min-height:calc(100svh - 150px); padding:38px 48px; grid-template-columns:minmax(0,1.25fr) minmax(340px,.85fr); gap:clamp(32px,5vw,85px); }
#authScreen .auth-art { min-height:610px; height:100%; max-height:780px; background:none; border:0; border-radius:0; overflow:visible; }
#authScreen .art-glow,#authScreen .auth-art::after { display:none; }
#authScreen .art-content { min-height:610px; padding:12px 0; justify-content:flex-start; }
#authScreen .art-content>.eyebrow { width:100%; color:#a5a5ad; font-size:9px; letter-spacing:2px; display:flex; align-items:center; gap:9px; }
#authScreen .edition { margin-left:auto; font:9px monospace; color:#72727b; }
#authScreen .vyre-artmark { width:112%; margin:-24px -6% -74px; aspect-ratio:720/650; max-height:535px; height:auto; position:relative; }
.chrome-object { width:100%; height:100%; object-fit:contain; animation:object-drift 9s ease-in-out infinite; }
#authScreen .auth-art h1 { font-size:clamp(64px,7.2vw,112px); font-weight:600; letter-spacing:-.075em; margin:0 0 20px -4px; position:relative; color:#ededf0; white-space:nowrap; }
#authScreen .auth-art h1 span { font-size:28px; color:#ff4053; }
#authScreen .art-caption { color:#aaaab2; letter-spacing:5px; font-size:9px; margin:0 0 30px; }
#authScreen .sample-profile { display:none; }
#authScreen .art-foot { margin-top:auto; padding-top:20px; font:9px monospace; color:#73737c; border-color:#ffffff18; }
#authScreen .auth-form-wrap { max-width:440px; border:1px solid #35353b; border-radius:22px; padding:38px; background:linear-gradient(145deg,#1b1b20b3,#101013e6); box-shadow:0 30px 100px #0005,inset 0 1px #ffffff05; position:relative; }
#authScreen .auth-form-wrap::before { content:''; position:absolute; width:65px; height:2px; top:-1px; left:38px; background:#ff4053; box-shadow:0 0 22px #ff405355; }
#authScreen .form-kicker { font:9px monospace; letter-spacing:2px; color:#93939d; margin-bottom:35px; }
#authScreen .auth-form-wrap h2 { font-size:clamp(31px,3vw,42px); line-height:1.13; letter-spacing:-1.8px; font-weight:500; max-width:300px; }
#authScreen .auth-form-wrap>.muted { margin:16px 0 30px; font-size:13px; color:#9898a2; max-width:30ch; }
#authScreen #discordStart { min-height:52px; font-size:13px; }
#authScreen #discordStatus { font-size:11px; margin:16px 0 0; }
#authScreen #authForm:not([hidden]) { border-top:1px solid #ffffff12; margin-top:26px; padding-top:4px; }
#authScreen #authSubmit { justify-content:center; margin-top:18px; }
#authScreen #authError:empty { display:none; }
.access-steps { display:flex; gap:15px; margin:30px 0 0; padding:23px 0 0; border-top:1px solid #ffffff10; }
.access-steps>span { color:#8c8c96; font-size:10px; display:flex; gap:6px; align-items:center; }
.access-steps b { color:#e1e1e5; font:9px monospace; font-weight:400; }
#authScreen .site-footer { max-width:1440px; margin:auto; padding:20px 48px; font:9px monospace; letter-spacing:1px; color:#6f6f79; }

/* Studio shell */
#dashboard { --sidebar-width:232px; }
#dashboard .sidebar { background:#0c0c0f; border-right:1px solid #25252b; padding:28px 17px 16px; }
#dashboard .sidebar .brand { padding:0 12px; font-size:27px; }
#dashboard .workspace-label { color:#767680; font:9px monospace; letter-spacing:1.5px; margin:30px 12px 14px; }
#dashboard .studio-search-trigger { background:#141417; border-color:#2b2b32; padding:12px; border-radius:9px; font-size:11px; margin-bottom:15px; }
#dashboard .studio-search-trigger::after { content:'⌘ K'; border:1px solid #36363f; padding:2px 4px; border-radius:4px; }
#dashboard .sidebar nav { gap:3px; }
#dashboard .sidebar nav button { min-height:38px; padding:9px 12px; color:#a1a1ad; border-radius:8px; font-weight:400; font-size:12px; }
#dashboard .sidebar nav button.active { background:linear-gradient(90deg,#ff40531c,#ff405309); border-color:#ff40531b; color:#ff6877; }
#dashboard .sidebar nav button.active::after { width:3px; height:16px; left:-17px; right:auto; border-radius:0 3px 3px 0; background:#ff4053; }
#dashboard .sidebar nav button:hover { color:#fafafa; background:#ffffff06; }
#dashboard .sidebar nav svg { width:17px; height:17px; opacity:.85; }
.nav-section { display:block; color:#686874; font:9px monospace; letter-spacing:1.6px; padding:19px 12px 8px; }
#dashboard .nav-divider { display:none; }
#dashboard .sidebar-bottom { padding-top:22px; }
#dashboard .account-chip { border:1px solid #28282f; border-radius:11px; padding:12px 10px; margin-top:8px; background:#131316; gap:10px; }
#dashboard .account-chip>span { width:33px; height:33px; background:linear-gradient(135deg,#42424c,#1d1d24); border-color:#55555e; color:#e8e8ed; border-radius:50%; }
#dashboard .account-chip strong { font-size:11px; max-width:135px; }
#dashboard .account-chip small { color:#83838d; font-size:8px; }
#dashboard .dashboard-main { background:radial-gradient(ellipse at 78% -20%,#36121b3b,transparent 52%),#09090c; }
#dashboard .dashboard-header { background:#0c0c0eeb; border-color:#25252b; height:72px; padding-inline:36px; }
#dashboard .breadcrumbs { font-size:11px; letter-spacing:.2px; }
#dashboard .dashboard-actions .btn { border-radius:8px; min-height:36px !important; }
#dashboard .dashboard-content { padding:34px 36px 64px; max-width:1560px; margin:auto; }
#dashboard .page-heading { margin-bottom:28px; padding-bottom:25px; border-bottom:1px solid #25252c; }
#dashboard .page-heading h1 { font-weight:500; font-size:34px; letter-spacing:-1.5px; margin:10px 0 7px; }
#dashboard .page-heading .eyebrow { color:#777782; font-size:8px; letter-spacing:2px; }
#dashboard .page-heading .muted { color:#92929e; }
#dashboard .save-status { font-size:9px; border-radius:20px; background:#16161a; border-color:#303038; padding:7px 11px; color:#b4b4bd; }
#dashboard .revision-tools .btn { min-height:29px; background:transparent; border-color:#292931; font-size:16px; }
#dashboard .editor-grid { gap:26px; }
#dashboard .bio-address { border-radius:12px; padding:16px 18px; border-color:#303038; background:linear-gradient(100deg,#1b1b21,#111115); }
#dashboard .address-icon { display:grid; place-items:center; border:1px solid #373740; border-radius:8px; width:34px; height:34px; font-size:18px; }
#dashboard .editor-panel { border:1px solid #292930; border-radius:15px; background:#121215; padding:28px; box-shadow:0 6px 26px #0001; }
#dashboard .panel-label { color:#767681; font:9px monospace; letter-spacing:1.7px; }
#dashboard .panel-label>span { color:#c2c2cb; margin-left:8px; }
#dashboard .customize-group { background:#0e0e11; border:1px solid #2d2d34; border-radius:11px; margin-block:14px; }
#dashboard .customize-group[open] { border-color:#474750; }
#dashboard .customize-group summary { padding:20px 0; font-size:12px; }
#dashboard .customize-group summary small { margin-top:6px; color:#858592; }
#dashboard .photo-row { border-color:#2c2c33; }
#dashboard .edit-avatar { border-radius:20px; background:linear-gradient(135deg,#3d3d48,#17171d); border-color:#5b5b68; color:#ededf3; }
#dashboard .preview-column { padding:18px; border:1px solid #2b2b33; border-radius:16px; background:linear-gradient(145deg,#18181e,#0d0d11); align-self:start; top:92px; }
#dashboard .preview-label { margin:0 0 17px; font-size:9px; color:#9696a2; }
#dashboard .preview-label i { background:#ff4053; box-shadow:0 0 9px #ff405350; }
#dashboard .preview-toolbar { padding:4px; background:#0b0b0e; border:1px solid #292932; border-radius:8px; }
#dashboard .preview-toolbar button { border-radius:5px; font-size:10px; }
#dashboard .preview-toolbar button[aria-pressed=true] { background:#2e2e37; color:#f6f6f7; border-color:#4a4a54; }
#dashboardPreview { border:1px solid #34343f; border-radius:11px; }
#dashboard .preview-note { font-size:10px; color:#868693; line-height:1.6; margin:14px 0 0; }
#dashboard .link-editor,#dashboard .track-editor,#dashboard .user-row,#dashboard .invite-row { border-color:#303038; background:#17171c; border-radius:12px; }
#dashboard .link-editor { padding:20px; }
#dashboard .media-preview { background-color:#17171c; border-color:#42424e; border-radius:11px; }

/* Overview */
#dashboard[data-panel=home] .editor-grid { max-width:none; }
.studio-home { grid-template-columns:minmax(0,1fr) minmax(260px,.68fr); gap:20px; }
.studio-welcome { min-height:300px; padding:32px; border-radius:17px; border-color:#383038; background:radial-gradient(ellipse at 95% 45%,#731a2933,transparent 60%),linear-gradient(130deg,#1c1c22,#101013); position:relative; }
.studio-welcome>div:first-child { position:relative; z-index:1; max-width:70%; }
.studio-welcome .panel-label { color:#b8b8c3; font:8px monospace; letter-spacing:2px; margin-bottom:23px; }
.studio-welcome h2 { font-size:clamp(29px,3vw,43px); line-height:1.1; letter-spacing:-1.8px; font-weight:500; }
.studio-welcome .muted { font-size:12px; margin:15px 0 10px; color:#9898a5; max-width:28ch; }
.studio-handle { color:#c5c5ce; font:11px monospace; margin-top:0; }
.welcome-symbol { position:absolute; right:-70px; top:-13px; width:350px; height:330px; border:0; border-radius:0; box-shadow:none; transform:none; background:url('/chrome-signal.svg') center/contain no-repeat; font-size:0; opacity:.8; pointer-events:none; }
.welcome-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:26px; }
#dashboard .welcome-actions .btn { font-size:11px; padding:10px 14px; min-height:38px; }
.setup-card { padding:26px; background:#131317; border-color:#2e2e36; border-radius:17px; }
.setup-heading h3 { font-size:15px; color:#dddde4; }
.setup-card progress { height:3px; margin:19px 0 18px; }
.setup-grid { grid-template-columns:1fr; gap:0; }
.setup-step { background:transparent; border:0; border-bottom:1px solid #2c2c34; border-radius:0; padding:13px 0; color:#c3c3cc; font-size:11px; }
.setup-step:last-child { border-bottom:0; }
.setup-step:hover { background:#ffffff04; border-color:#2c2c34; }
.step-number { display:grid; place-items:center; border:1px solid #37373f; border-radius:6px; width:23px; height:23px; font-size:9px; color:#7e7e8c; }
.complete .step-number { background:#ff405312; border-color:#ff405330; color:#ff7583; }
.studio-metrics { grid-column:1/-1; gap:16px; }
.studio-metrics>div { flex-direction:row; align-items:center; justify-content:space-between; padding:21px 24px; border-radius:12px; background:#121215; border-color:#2b2b32; }
.studio-metrics small { color:#858590; font-size:8px; letter-spacing:1.5px; }
.studio-metrics strong { font-size:28px; letter-spacing:-1px; color:#dadade; }
.preset-heading { grid-column:1/-1; margin:15px 0 0; }
.preset-heading>div { color:#8e8e9a; font:8px monospace; letter-spacing:2px; }
.preset-heading h3 { font-size:23px; letter-spacing:-.8px; color:#eeeef1; margin:10px 0 7px; }
.preset-heading p { color:#81818e; }
.studio-presets { grid-column:1/-1; gap:18px; }
.studio-preset { border-radius:14px; padding:10px 10px 19px; border-color:#303039; background:#121216; transition:transform .2s,border-color .2s; gap:8px; }
.studio-preset:hover { transform:translateY(-4px); border-color:#767683; }
.studio-preset>strong,.studio-preset>span,.studio-preset>small { margin-inline:9px; }
.studio-preset>strong { font-size:14px; margin-top:7px; font-weight:500; }
.studio-preset>span { font-size:11px; color:#9393a0; }
.studio-preset>small { font-size:10px; color:#c1c1cc; margin-top:10px; }
.preset-art { height:162px; border-radius:8px; background:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,var(--preset-accent) 32%,transparent),transparent 70%),var(--preset-bg); position:relative; overflow:hidden; }
.preset-art::before { content:''; position:absolute; width:180px; height:180px; border:1px solid color-mix(in srgb,var(--preset-accent) 35%,transparent); border-radius:50%; transform:rotate(-35deg) scaleY(.38); top:-10px; right:-45px; box-shadow:0 0 0 14px #ffffff03,0 0 0 28px #ffffff02; }
.preset-avatar { width:30px; height:30px; border:1px solid #ffffff70; box-shadow:0 6px 15px #0003; z-index:1; }
.preset-lines { width:44%; z-index:1; }
.preset-lines i { height:9px; border:1px solid #ffffff20; background:#ffffff0b; }
@keyframes object-drift { 0%,100% { transform:translateY(0) rotate(-2deg); } 50% { transform:translateY(-12px) rotate(2deg); } }
@media(min-width:1600px) { #dashboard { --sidebar-width:250px; } #dashboard .dashboard-content { padding:44px 48px 70px; } }
@media(max-width:1200px) { .studio-home { grid-template-columns:1fr; } .studio-welcome { min-height:270px; } .setup-grid { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; } .setup-step:nth-last-child(2) { border-bottom:0; } .welcome-symbol { right:0; } #authScreen .auth-layout { gap:30px; padding-inline:32px; } #authScreen .auth-form-wrap { padding:30px; } }
@media(max-width:1000px) and (min-width:761px) { #dashboard { --sidebar-width:207px; } #dashboard .dashboard-content { padding:26px 24px 50px; } #authScreen .auth-layout { grid-template-columns:1fr 1fr; padding-inline:26px; } #authScreen .auth-art,#authScreen .art-content { min-height:520px; } #authScreen .vyre-artmark { margin:0 -6% -36px; } #authScreen .auth-form-wrap { padding:26px; } .access-steps { flex-wrap:wrap; gap:10px; } }
@media(max-width:760px) {
 #authScreen .site-header { height:68px; padding-inline:22px; }
 #authScreen .auth-layout { display:flex; flex-direction:column; padding:18px 20px 32px; gap:16px; min-height:calc(100svh - 130px); }
 #authScreen .auth-art { min-height:195px; height:195px; width:100%; max-width:440px; border:0; overflow:hidden; }
 #authScreen .art-content { min-height:195px; height:195px; padding:12px 4px; justify-content:center; }
 #authScreen .art-content>.eyebrow { font-size:8px; letter-spacing:1.5px; }
 #authScreen .vyre-artmark { position:absolute; width:260px; height:235px; right:-32px; top:-28px; margin:0; opacity:.85; }
 #authScreen .auth-art h1 { font-size:clamp(43px,11vw,78px); margin:23px 0 14px -3px; }
 #authScreen .auth-art h1 span { font-size:17px; }
 #authScreen .art-caption { font-size:8px; letter-spacing:3px; margin:0; position:relative; }
 #authScreen .art-foot { display:none; }
 #authScreen .auth-form-wrap { width:100%; max-width:440px; padding:28px; border-radius:17px; margin:0; }
 #authScreen .form-kicker { margin-bottom:22px; }
 #authScreen .auth-form-wrap h2 { font-size:32px; }
 #authScreen .auth-form-wrap>.muted { margin:12px 0 24px; }
 #authScreen .site-footer { padding:20px 24px; font-size:8px; }
 #dashboard { --sidebar-width:255px; }
 #dashboard .sidebar { padding:24px 18px; }
 #dashboard .dashboard-header { height:68px; padding:0 14px; }
 #dashboard .dashboard-content { padding:25px 16px 40px; }
 #dashboard .page-heading { padding-bottom:20px; gap:10px; align-items:flex-start; }
 #dashboard .page-heading h1 { font-size:29px; }
 #dashboard .dashboard-actions .btn { font-size:10px !important; padding-inline:10px; }
 #dashboard .editor-panel { padding:22px 18px; border-radius:12px; }
 #dashboard .preview-column { padding:14px; border-radius:13px; }
 .studio-home { gap:16px; }
 .studio-welcome { padding:26px 22px; min-height:280px; }
 .studio-welcome h2 { font-size:33px; }
 .studio-welcome>div:first-child { max-width:78%; }
 .welcome-symbol { width:265px; height:265px; top:15px; right:-85px; opacity:.65; }
 .studio-welcome .muted { font-size:11px; max-width:23ch; }
 .welcome-actions { gap:8px; }
 #dashboard .welcome-actions .btn { font-size:10px; padding-inline:10px; }
 .setup-card { padding:23px; }
 .setup-grid { grid-template-columns:1fr; }
 .setup-step:nth-last-child(2) { border-bottom:1px solid #2c2c34; }
 .studio-metrics { gap:8px; }
 .studio-metrics>div { padding:16px 11px; flex-direction:column; align-items:flex-start; gap:15px; }
 .studio-metrics small { font-size:7px; letter-spacing:.7px; }
 .studio-metrics strong { font-size:25px; }
 .preset-heading h3 { font-size:21px; }
 .studio-presets { grid-template-columns:1fr; gap:12px; }
 .studio-preset { padding:10px; grid-template-columns:110px 1fr; column-gap:13px; align-items:center; }
 .studio-preset>strong,.studio-preset>span,.studio-preset>small { margin:0 5px; }
 .studio-preset>strong { align-self:end; }.studio-preset>small { align-self:start; }
 .preset-art { height:120px; width:110px; grid-row:span 3; }
 .preset-lines { width:65%; }
}
@media(prefers-reduced-motion:reduce) { .chrome-object { animation:none; } .studio-preset { transition:none; } .studio-preset:hover { transform:none; } }
/* Editor: quiet surfaces, clear hierarchy, member content stays untouched. */
#dashboard {--sidebar-width:208px;font-family:Arial,Helvetica,sans-serif;color:#dedede;}
#dashboard .dashboard-main {background:#111112;}
#dashboard .sidebar {background:#0b0b0c;border-color:#252526;padding:24px 12px 14px;}
#dashboard .sidebar .brand {font-size:26px;padding-left:12px;letter-spacing:-1.5px;}
#dashboard .workspace-label {display:none;}
#dashboard .studio-search-trigger {margin:27px 0 8px;padding:9px 10px;background:transparent;border-color:#282829;border-radius:4px;}
#dashboard .studio-search-trigger::after {border:0;color:#747474;}
#dashboard .nav-section {font:10px Arial,sans-serif;letter-spacing:0;color:#717173;padding:22px 12px 9px;}
#dashboard .sidebar nav {gap:1px;}
#dashboard .sidebar nav button {min-height:35px;padding:8px 11px;border:0;border-radius:3px;color:#969698;font-size:12px;}
#dashboard .sidebar nav button.active {background:#222223;color:#f3f3f3;}
#dashboard .sidebar nav button.active::after {left:-12px;background:#e04c53;width:2px;border-radius:0;}
#dashboard .sidebar nav button.active svg {color:#e46a70;}
#dashboard .sidebar nav svg {width:15px;height:15px;flex-basis:15px;}
#dashboard .account-chip {background:none;border:0;border-top:1px solid #282829;border-radius:0;padding:16px 10px 4px;}
#dashboard .account-chip>span {background:#232325;border:0;border-radius:4px;}
#dashboard .dashboard-header {height:62px;padding-inline:32px;background:#111112;border-color:#282829;backdrop-filter:none;}
#dashboard .btn {border-radius:4px;background:#202022;border-color:#363638;box-shadow:none;font-weight:500;}
#dashboard .btn.primary {background:#c63d47;border-color:#c63d47;color:#fff;box-shadow:none;}
#dashboard .btn.primary:hover:not(:disabled) {background:#dc4b56;border-color:#dc4b56;box-shadow:none;}
#dashboard .dashboard-actions .btn {border-radius:4px;min-height:33px!important;font-size:11px;}
#dashboard .dashboard-actions .quiet {background:transparent;border-color:transparent;color:#aaa;}
#dashboard .dashboard-content {padding:31px 32px 56px;max-width:1480px;}
#dashboard .page-heading {margin-bottom:24px;padding-bottom:22px;border-color:#2a2a2c;align-items:center;}
#dashboard .page-heading .eyebrow {display:none;}
#dashboard .page-heading h1 {font:500 26px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.8px;margin:0 0 7px;}
#dashboard .page-heading .muted {font-size:12px;color:#858589;}
#dashboard .save-status {background:none;border:0;padding:0;font-size:10px;color:#929295;}
#dashboard .revision-tools .btn {border-color:transparent;border-radius:3px;color:#aaa;}
#dashboard .editor-grid {gap:36px;}
#dashboard .bio-address {border:0;border-bottom:1px solid #2a2a2c;border-radius:0;background:none;padding:0 0 17px;margin-bottom:24px;gap:10px;}
#dashboard .address-icon {display:none;}
#dashboard .bio-address small {font-size:9px;font-weight:400;letter-spacing:.4px;color:#747477;}
#dashboard #bioAddress {font:12px monospace;color:#b7b7bb;}
#dashboard .editor-panel {border:0;border-radius:0;background:none;padding:0;box-shadow:none;}
#dashboard .editor-panel>.panel-label {display:none;}
#dashboard .editor-panel>h2,#dashboard .editor-panel .panel-heading h2 {font:500 18px/1.3 Arial,sans-serif;letter-spacing:-.3px;}
#dashboard .editor-panel label {font-size:12px;color:#bdbdc1;}
#dashboard .editor-panel input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),#dashboard .editor-panel textarea,#dashboard .editor-panel select {border-color:#363638;border-radius:4px;background:#18181a;padding:11px 12px;font-size:12px;}
#dashboard .editor-panel :is(input,textarea,select):focus {border-color:#929296;box-shadow:none;outline:1px solid #929296;outline-offset:0;}
#dashboard .input-with-prefix {border-radius:4px;background:#18181a;border-color:#363638;}
#dashboard .input-with-prefix input {border:0!important;}
#dashboard .field-hint,#dashboard .field-meta {color:#7f7f84;font-size:10px;line-height:1.65;}
#dashboard .photo-row {padding-bottom:24px;border-color:#2c2c2e;}
#dashboard .edit-avatar {background:#252527;border:1px solid #414145;border-radius:50%;width:64px;height:64px;}
#dashboard .customize-group {border:0;border-top:1px solid #303033;border-radius:0;background:none;padding:0;margin:22px 0;}
#dashboard .customize-group[open] {border-color:#47474b;}
#dashboard .customize-group summary {padding:18px 0;font-size:12px;color:#dedee0;}
#dashboard .customize-group summary small {font-size:10px;margin-top:4px;color:#808085;}
#dashboard .preview-column {padding:0;border:0;border-radius:0;background:none;top:84px;}
#dashboard .preview-label {font-size:9px;letter-spacing:.6px;color:#828287;margin:0 0 12px;}
#dashboard .preview-label i {background:#939399;box-shadow:none;}
#dashboard .preview-toolbar {background:none;border:0;border-bottom:1px solid #2e2e31;border-radius:0;padding:0 0 8px;gap:6px;}
#dashboard .preview-toolbar button {border-radius:3px;padding:6px 9px;font-size:10px;}
#dashboard .preview-toolbar button[aria-pressed=true] {background:#29292c;border-color:transparent;}
#dashboardPreview {border-radius:6px;border:1px solid #333337;}
#dashboard .preview-note {font-size:10px;color:#77777d;}
#dashboard :is(.link-editor,.track-editor,.user-row,.invite-row) {border-color:#303033;border-radius:4px;background:#171719;box-shadow:none;}
#dashboard .media-preview {border-radius:4px;background-color:#18181a;border-color:#343437;}
#dashboard .widget-preset {border-radius:4px;background:#18181a;border-color:#343437;}
#dashboard .widget-preset-arrow {color:#9c9ca1;}
#dashboard .studio-home {grid-template-columns:minmax(0,1fr);gap:28px;max-width:900px;}
#dashboard .studio-welcome {min-height:0;display:flex;justify-content:flex-start;align-items:center;gap:20px;padding:10px 0 30px;border:0;border-bottom:1px solid #303032;background:none;border-radius:0;overflow:visible;}
#dashboard .overview-avatar {width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;font-size:30px;background:#242427;color:#eee;border:1px solid #3a3a3e;border-radius:6px;overflow:hidden;}
#dashboard .overview-avatar img {width:100%;height:100%;object-fit:cover;}
#dashboard .studio-welcome>div:nth-child(2) {min-width:0;flex:1;}
#dashboard .studio-welcome .panel-label {font:11px Arial,sans-serif;letter-spacing:0;color:#85858b;margin:0 0 8px;}
#dashboard .studio-welcome h2 {font:500 27px/1.15 Arial,sans-serif;letter-spacing:-.7px;margin:0 0 8px;overflow-wrap:anywhere;}
#dashboard .studio-handle {font:10px monospace;color:#818188;}
#dashboard .welcome-actions {margin:0;gap:8px;}
#dashboard .welcome-actions .btn {padding:9px 13px;min-height:34px;}
#dashboard .setup-card {padding:0;border:0;border-radius:0;background:none;}
#dashboard .setup-heading h3 {font:500 14px Arial,sans-serif;}
#dashboard .setup-heading>span {color:#818188;font-size:10px;}
#dashboard .setup-card progress {display:none;}
#dashboard .setup-grid {margin-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:0 32px;}
#dashboard .setup-step {border-bottom:1px solid #2d2d30;padding:17px 0;color:#b6b6bd;}
#dashboard .step-number {border:0;background:none;border-radius:0;color:#74747c;font:10px monospace;width:20px;}
#dashboard .complete .step-number {border:0;background:none;color:#adadb3;}
#dashboard .step-arrow {color:#797980;}
#dashboard .studio-metrics {display:flex;gap:0;border-block:1px solid #2c2c30;}
#dashboard .studio-metrics>div {flex:1;display:flex;align-items:center;flex-direction:row;gap:16px;padding:19px 20px;border:0;border-right:1px solid #2c2c30;border-radius:0;background:none;}
#dashboard .studio-metrics>div:first-child {padding-left:0;}
#dashboard .studio-metrics>div:last-child {border-right:0;}
#dashboard .studio-metrics small {font:10px Arial,sans-serif;letter-spacing:0;color:#7f7f87;}
#dashboard .studio-metrics strong {font:500 20px Arial,sans-serif;letter-spacing:-.5px;}
#dashboard .preset-collection {grid-column:1/-1;}
#dashboard .preset-collection>summary {padding:8px 0;cursor:pointer;font-size:12px;color:#aaaab1;}
#dashboard .preset-collection>.field-hint {margin:12px 0 20px;}
#dashboard .studio-presets {gap:14px;}
#dashboard .studio-preset {border-radius:4px;background:#171719;padding:10px;}
#dashboard .studio-preset:hover {transform:none;border-color:#777780;}
#dashboard .preset-art {border-radius:3px;height:110px;}
@media(max-width:1100px) { #dashboard .dashboard-content {padding:26px;} #dashboard .editor-grid {gap:26px;} }
@media(max-width:760px) { #dashboard .dashboard-header {padding-inline:16px;} #dashboard .dashboard-content {padding:24px 18px 50px;} #dashboard .page-heading h1 {font-size:23px;} #dashboard .preview-column {position:static;} #dashboard .studio-welcome {flex-wrap:wrap;gap:16px;} #dashboard .welcome-actions {width:100%;} #dashboard .setup-grid {grid-template-columns:1fr;} #dashboard .studio-metrics>div {padding:16px 10px;flex-direction:column;align-items:flex-start;gap:10px;} #dashboard .overview-avatar {width:60px;height:60px;flex-basis:60px;} #dashboard .studio-welcome h2 {font-size:23px;} #dashboard .studio-search-trigger {margin-top:22px;} }