.theme-launch{gap:6px;white-space:nowrap}.theme-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 24px}.theme-swatch{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 8px;border:2px solid transparent;border-radius:10px;background:#f7f8fa;font-size:13px}.theme-swatch:hover{background:var(--soft)}.theme-swatch[aria-pressed=true]{border-color:var(--accent-text);background:var(--soft)}.theme-color-dot{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--swatch);color:var(--swatch-ink);font-size:21px;font-weight:700}.theme-custom{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.theme-custom label{font-size:14px}.theme-custom input[type=color]{width:48px;height:42px;padding:4px;border:1px solid var(--accent-border);cursor:pointer}.theme-custom input[type=text]{width:108px;font-family:monospace}.theme-custom [aria-invalid=true]{border-color:#b42318}.theme-preview{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;margin:20px 0 12px;border:1px solid var(--accent-border);background:var(--accent-tint);border-radius:10px;font-size:14px}.theme-preview-button{padding:7px 16px;background:var(--accent);color:var(--on-accent);border-radius:6px;font-weight:600}.brand-mark>.icon-brand{width:40px;height:40px}.primary .ui-icon .icon-base{fill:var(--on-accent)}.primary .ui-icon .icon-glyph{fill:var(--accent)}.primary .ui-icon .icon-glyph-stroke{stroke:var(--accent)}.ui-icon{opacity:1}.nav-item .ui-icon,.note-meta .ui-icon,.note-eyebrow .ui-icon,.is-favorite .ui-icon{fill:none}.guide-emblem.ui-icon{width:64px;height:64px}
@media(max-width:700px){.theme-launch{width:34px;min-height:34px;padding:6px}.theme-launch>span{display:none}.top-actions{gap:5px}.theme-swatches{gap:7px}.theme-swatch{padding:9px 4px}.theme-custom{gap:8px}}
.doc-actions button:not(.is-favorite) .icon-star path{fill:#8492a6}
.icon-brand .icon-glyph,.icon-plus .icon-glyph{fill:var(--on-accent)}
@media(max-width:480px){.topbar{gap:4px}.topbar .breadcrumbs{display:none}.top-actions{gap:2px;min-width:0}.guide-launch{font-size:0;width:34px;padding:6px;gap:0}.guide-launch>span{font-size:12px;flex:none}.mirror-top-status{max-width:96px}.top-actions>.icon-button{width:34px;flex:none}}