:root{color-scheme:dark;--ink:#ededE8;--muted:#b5baae;--line:#41463d;--accent:#ee8b62;--frame:#1b1d1a;--surface:#242722}
button{background:#2c3129;border-color:#717969;color:var(--ink)}button:hover{background:#383f33}
button.primary{background:#e7eae1;border-color:#e7eae1;color:#1d211a}button.primary:hover{background:#fff}
nav button[aria-current=page]{background:#353b30}
input,select,textarea{background:#1d211b;color:var(--ink);border-color:#717969}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.prototype-note{background:#2d3229;border-left-color:#879477}
.warning{background:#3c3325;color:#f1d6a6}.notice{background:#e7eae1;color:#20251c}
dialog{background:var(--surface);color:var(--ink);border-color:#717969}
.preview-link{display:inline-block;font-size:13px;padding:10px 0;text-underline-offset:4px;white-space:nowrap}
.preview-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}
td .preview-link{display:block}.title-row .actions{margin-top:0}

/* Separate the work surface, editable fields and reading hierarchy. */
:root{--frame:#181a1d;--surface:#272b30;--ink:#f3f3f1;--muted:#bbc0c7;--line:#515760;--accent:#f39a74}
body{font-weight:400}aside{background:#202327}header{color:#c4c8ce}
main{border-color:#424850;border-radius:10px}h1{font-size:27px;font-weight:600;color:#fff}h2{font-size:20px;font-weight:600;color:#fff}h3{font-weight:600}
label{font-size:13px;font-weight:500;color:#d9dce1}
input,select,textarea{font-weight:400;background:#414750;color:#fff;border-color:#89919e;min-height:42px}
input::placeholder,textarea::placeholder{color:#c3c8ce}
input:focus,select:focus,textarea:focus{background:#4a515c;border-color:var(--accent)}
button{font-weight:500;background:#373c44;border-color:#737c88}button:hover{background:#474e58}
button.primary{background:#efeee8;color:#22251f;border-color:#efeee8;font-weight:600}
.tabs button{font-weight:400;color:#bfc5cc}.tabs button[aria-selected=true]{color:#fff;font-weight:600;background:none;border-bottom-color:#f39a74}
nav button[aria-current=page]{background:#3c424b}.panel,.pending{background:#30353b}.data-box{background:#1d2024;color:#d6d9df;font-weight:400}
.field-help,.step-note,.import-note,.version-note{font-weight:400;color:var(--muted)}
.compact-form{max-width:1000px}.compact-form>.fields{gap:14px 20px}.compact-form #usage-help{align-self:center;margin:6px 0 0;font-size:13px;line-height:1.45}
.form-fold{border-top:1px solid var(--line);padding:13px 0}.form-fold:first-of-type{margin-top:22px}.form-fold>summary{cursor:pointer;font-size:14px;font-weight:500;color:#e1e4e8;padding:3px 0}.form-fold[open]>summary{color:#fff;font-weight:600;margin-bottom:16px}.form-fold .fields{margin:0 0 6px}.form-fold details{margin:14px 0}
.publish-summary{max-width:850px}.publication-advisories{margin:18px 0;padding:14px 18px;color:#ffc3c0;background:#4b2d32;border-left:3px solid #f18e88;border-radius:4px;font-weight:400}.publication-advisories strong{font-weight:600}.publication-advisories ul{margin:8px 0 0;padding-left:19px}.publication-advisories li{margin:5px 0}.advisory-text{color:#ffc3c0!important}
.compact-form .facts{max-width:600px}.compact-form .save-bar{margin-top:18px}.compact-form .check{margin:12px 0}
@media(max-width:640px){h1{font-size:23px}h2{font-size:19px}.compact-form #usage-help{margin:0}}