/* Shared account/workspace foundation. No entrance animation on application views. */
@font-face{font-family:Inter;src:url('/assets/fonts/Inter-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:optional}
@font-face{font-family:Inter;src:url('/assets/fonts/Inter-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:optional}
@font-face{font-family:Inter;src:url('/assets/fonts/Inter-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:optional}
html{scrollbar-gutter:stable}
body{font-family:var(--font);font-synthesis:none}
.presets-page .topbar{height:var(--header-h);padding-inline:32px;background:var(--bg)}
.presets-page .topbar img{height:28px;width:auto}
.presets-page .topbar nav a{font-size:var(--fs-ui);color:var(--text-soft)}
.presets-page .workspace{grid-template-columns:240px minmax(0,1fr);min-height:calc(100dvh - var(--header-h))}
.presets-page .workspace>aside{padding:32px 18px 24px;background:#101214}
.presets-page .workspace>main{padding:36px 40px 64px;min-width:0}
.presets-page .workspace>aside h1{font-size:18px;font-weight:500}
.presets-page .workspace aside nav{gap:5px}
.presets-page .workspace aside nav button,.presets-page .sidebar-bottom button{font-size:var(--fs-ui);gap:12px;min-height:46px;border-radius:7px}
.presets-page .workspace aside nav button[aria-current]{background:var(--surface-2);border-color:var(--line-strong);color:var(--text)}
.presets-page .sidebar-bottom button{display:flex;align-items:center;padding:10px 12px}
.presets-page svg{width:18px;height:18px;flex:none}
.presets-page #publish-button{display:inline-flex;align-items:center;gap:10px;padding-inline:18px;font-size:var(--fs-ui);min-height:44px}
.presets-page .page-heading{min-height:72px;margin-bottom:24px}
.presets-page .page-heading h2{font-size:32px;line-height:1.2;font-weight:500;letter-spacing:var(--tracking-heading)}
.presets-page #eyebrow{font-size:var(--fs-caption);letter-spacing:normal;margin-bottom:8px}
.presets-page #filters{margin-bottom:28px}
.presets-page #filters input,.presets-page #filters select{font-size:var(--fs-ui);background:var(--surface);border-color:var(--line-strong)}
.presets-page .cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px;min-height:240px;align-content:start}
.presets-page .preset-card{min-height:224px;padding:22px;border-radius:var(--radius-sm);background:var(--surface);animation:none}
.presets-page .preset-card h3{font-size:18px;line-height:1.4;font-weight:500}
.presets-page .preset-card>p,.presets-page .preset-card .description{font-size:var(--fs-small);line-height:1.6}
.presets-page .preset-card .category,.presets-page .preset-card footer{font-size:12px}
.presets-page .preset-card .category{letter-spacing:.04em}
.presets-page .preset-card footer{padding-top:24px}
.presets-page .preset-cover{width:72px;height:72px}
.presets-page .preset-cover.large{width:150px;height:150px}
.presets-page .favorite-star{position:relative;z-index:1}
.presets-page #loading{height:0;padding:0;position:relative;top:-22px;line-height:20px;font-size:12px}
.presets-page #cards[aria-busy=true]{opacity:.6;pointer-events:none}
.presets-page .detail-top h2{font-weight:500}
.presets-page .detail-section h3{font-size:18px}
.presets-page .chain-slot{font-size:var(--fs-ui)}
.presets-page dialog{animation:none;font-size:var(--fs-body);margin:auto}
.presets-page dialog .muted{font-size:var(--fs-caption)}
.account-rack-callout{display:flex;align-items:center;gap:18px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:22px 24px;margin:24px 0 32px;background:var(--surface)}
.account-rack-callout>svg{width:28px;height:28px;flex:none;color:var(--text-soft)}
.account-rack-callout>div{flex:1;min-width:0}
.account-rack-callout h2{font-size:18px;line-height:1.4}
.account-rack-callout h2 span{margin-left:8px;font-size:12px;color:var(--muted);font-weight:400}
.account-rack-callout p{font-size:var(--fs-small);color:var(--muted);margin-top:4px}
@media(max-width:850px){.presets-page .workspace{grid-template-columns:1fr}.presets-page .workspace>aside{padding:12px var(--gutter);background:var(--bg)}.presets-page .workspace>main{padding:28px var(--gutter) 56px}.presets-page .topbar{height:auto;min-height:var(--header-h);padding:18px var(--gutter)}.presets-page .sidebar-bottom{gap:8px}.presets-page .workspace aside nav button{justify-content:center}.presets-page .sidebar-bottom button{min-height:40px;padding:6px 10px}}
@media(max-width:480px){.presets-page .workspace aside nav button{font-size:13px;gap:8px;padding:8px}.presets-page .page-heading{gap:16px;align-items:center}.presets-page .page-heading h2{font-size:27px}.presets-page #publish-button{font-size:13px;padding-inline:12px;gap:8px}.account-rack-callout{flex-wrap:wrap;padding:20px;gap:14px}.account-rack-callout .btn{margin-left:42px}.presets-page .topbar nav{width:100%}}

/* Keep the old document visible until a same-origin workspace destination is ready.
   Workspace routes use the History API; native navigation remains the fallback. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}

body.mail-page,body.partners-page{font-family:var(--font);background:var(--bg);color:var(--text)}
#workspace-navigation-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:200;padding:12px 20px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-2);color:var(--text);font:14px/1.5 var(--font);box-shadow:0 4px 24px #0003}