/* A neutral dark skin. Gradient pixels themselves are never altered. */
:root{color-scheme:dark;--page:#101114;--paper:#191a1f;--ink:#ededef;--ink-soft:#b8bac5;--muted:#9295a3;--line:#2c2e37;--line-strong:#3b3e4c;--soft:#24262e;--accent:#ac9eff;--accent-hover:#bdb2ff;--accent-soft:#2b273f;--success:#8bc8b1;--shadow:0 3px 14px #0000000c}
body{background:var(--page);color:var(--ink)}
.brand-mark{background:#2c2b36}.site-header{border-color:var(--line)}
.button,.button.secondary,.panel,.color-row,.route-option,.pick-target,.preview-card,.preset-card,.modal,dialog{background:var(--paper);border-color:var(--line);color:var(--ink)}
.button:hover,.button.secondary:hover{background:#282a33;border-color:#505462;color:var(--ink)}
.button.primary{background:#9d8df3;border-color:#9d8df3;color:#151223}.button.primary:hover{background:#b2a5ff;border-color:#b2a5ff;color:#151223}
.button.ghost{color:var(--ink-soft);background:transparent;border-color:transparent}.button.ghost:hover{background:#262831;color:var(--ink)}
.status-badge{background:#191a1f;border-color:var(--line);color:var(--muted)}
.color-row:focus-within{border-color:#8d7ed1;box-shadow:0 0 0 2px #ac9eff19}.hex-input{color:var(--ink)}
.image-drop{background:#14151a;border-color:#40424f}.image-drop:hover,.image-drop.dragover{background:#252137;border-color:#8e7bc9}.image-drop svg{color:#a6a3b5}.image-wrap{background:#111216;border-color:#343641}.image-hint .text-button{color:var(--accent)}
.pick-target.active,.pick-target[aria-pressed=true]{background:#2c273f;border-color:#8c79d5;color:#d3c9ff}
.loupe{background:#22242c;color:var(--ink);border-color:#434655;box-shadow:0 3px 15px #0008}.loupe span{color:#ededef}
.view-tabs,.segmented{background:#111216;border-color:#30323b}.tab{color:#9194a2}.tab:hover{color:#e9e7ef}.tab.active,.tab[aria-selected=true],.segmented button.active,.segmented button[aria-pressed=true]{background:#30323c;color:#f0eef6;box-shadow:0 1px 4px #0002}
.preview-head,.preview-bottom{border-color:var(--line)}.preview-stage,.compare-grid{background:#14151a}.preview-actions .button{background:#25272f;color:#c7c8d0;border-color:#353743}.preview-actions .button:hover{background:#353743}
.preview-overlay>span:first-child{background:#18171b55;color:#fff;align-self:flex-start;padding:4px 7px;border-radius:4px;letter-spacing:.06em}.preview-label{background:#1a192155;color:#fff;border-color:#ffffff40;backdrop-filter:blur(8px)}
.route-option:hover{background:#23222d;border-color:#625675}.route-option.selected,.route-option[aria-pressed=true]{background:#262235;border-color:#ac9eff;box-shadow:0 0 0 1px #ac9eff}.route-copy small{color:#a3a0b0}
.toolbar,.download-row,.export-bar,.selected-stop-editor{border-color:var(--line)}.segmented button{color:#a0a2af}
input[type=range]{background:#41434f}input[type=range]::-webkit-slider-thumb{background:#dad4fb;border-color:#a491ff}input[type=range]::-moz-range-thumb{background:#dad4fb;border-color:#a491ff}
select,input[type=text],input[type=number],input[type=url],textarea{background-color:#22242c;color:#e6e6ed;border-color:#414451}select:hover,input[type=text]:hover,input[type=number]:hover{border-color:#75718a}select:disabled{color:#737582;background-color:#191a1f}
.advanced{background:#14151a;border-color:#30323c}.advanced summary{color:#c1c0cd}.advanced summary::after{color:#aaa6bd}.advanced-grid .field-label{color:#b4b3c1}
.sample-grid button:hover,.sample-color:hover{background:#292b34;border-color:#444552}.sample-hex{color:#c8c8d2}.sample-pos{color:#8e91a2}.sample-color .sample-swatch{border-color:#ffffff10}
.manual-banner{background:#282239;border-color:#463958;color:#c1b8e0}.stop-handle{border-color:#282a33;box-shadow:0 0 0 1px #7d7a8c,0 2px 4px #0005}.stop-handle::before{border-color:#282a33}.stop-handle.selected{box-shadow:0 0 0 2px #c1afff}
.notice{background:#292238;color:#c0b1de;border-color:#463a59}.notice.warning{background:#332c1c;border-color:#5c4a25;color:#dfc58f}
.preset-card:hover{background:#24212e;border-color:#7d6eac;box-shadow:0 4px 10px #0002}.preset-card.selected{border-color:var(--accent)}
.lesson-card{background:#191a1f;border-color:#30323b}.lesson-primary{background:#1d1b25}.lesson-card p{color:#a6a8b4}.lesson-card small{color:#8f91a2}.lesson-tags span{background:#2b263c;color:#c0b4df}
.footer{border-color:#2c2e37;color:#a5a7b5}.footer strong{color:#d9d9e1}.toast{background:#e6e1f8;color:#252035;border:1px solid #f2edff55;box-shadow:0 8px 30px #0005}.skip-link{background:#292632;color:#f0eafc}::selection{background:#7561b6;color:white}
.additional-colors .color-row,.extra-color-row,.stop-color-row{background:#1c1d23;border-color:#343641}.additional-colors .selected,.extra-color-row.selected,.stop-color-row.selected,.color-row.is-selected{border-color:#a18be9;box-shadow:0 0 0 1px #a18be933}.add-stop-button{color:var(--accent);border-color:#4c425f;background:#24202f}.add-stop-button:hover{background:#30283e}.color-row .remove-stop{color:#b8acbf}