/* Match the shipped portrait palette on every width. Art previews retain dark stages. */
body{--ground:#eff3f6;--surface:#f5f7f9;--line:#ccd8e0;--ink:#192d3b;--muted:#516674;--cyan:#007fae;background:var(--ground);color:var(--ink);color-scheme:light}
body .demo-note{color:#516674}body .edition-tag{color:#deeff5;border-color:#c2e5f94a;background:#091721d9}body .status{color:#174457;background:#e1eff5}body .status.error{color:#862b32;background:#f7e1e2}body dialog{background:#f2f6f8;color:#192d3b}body .mode-choice:has(input:checked){background:#dceff7}body button{color:#102c3c}body button.quiet{color:#192d3b;background:#edf3f6}body .filters button,body .actions button{box-shadow:none}body select,body input,body textarea{background:#e9eff3;color:#192d3b}body .creator{color:#516674}

.sample-label{position:absolute;right:16px;bottom:16px;padding:6px 10px;border:1px solid #62d8ff;background:#081822e8;color:#b2eaff;font-size:10px;letter-spacing:2px}.demo-controls{margin:0 4.5vw 45px;border-top:1px solid #293943;padding-top:24px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.demo-controls small{max-width:360px;line-height:1.7;color:#a4b5bd}.mast nav{gap:18px}