/* Meaningful control boundaries stay above 3:1 on the darkest and lightest surfaces. */
:root{--control-border:#89987a;--control-border-disabled:#6d8296;--control-focus:#d0ff99;--control-disabled-bg:#25303a;--control-disabled-text:#c5d0db;--readable-muted:#b4beac}
.menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:22px;min-width:105px;min-height:44px;padding:10px 15px;color:#eef3e8;background:#252c20;border:1px solid var(--control-border);border-radius:7px;font-size:12px;font-weight:550}
.menu-toggle:hover{background:#303a27;border-color:#c3ee8d}
.menu-toggle .icon{width:16px;height:16px}
.menu-toggle[aria-expanded=true] .icon{transform:rotate(180deg)}
.menu-toggle:focus-visible{outline:3px solid var(--control-focus);outline-offset:4px}
.header-menu nav[hidden]{display:none}
.header-menu nav{border-color:var(--control-border)}
.outline-button,.search-input,label input,.header-menu summary,.job-card{border-color:var(--control-border)}
.outline-button:hover,.header-menu summary:hover,label input:hover,.search-input:hover,.job-card:hover{border-color:#c3ee8d}
.dropzone{border:2px dashed var(--control-border)}
.dropzone:hover,.dropzone.dragging{border-color:#c3ee8d}
.icon-button{color:#cbd6c0}
.text-button,.text-link,.back-link,.header-balance{color:#cbdcb9}
.danger{color:#f0b2aa}
.header-menu nav .nav-item{color:#d0dbc6}
.header-menu nav .nav-item.active{box-shadow:inset 3px 0 #c3ee8d;color:#d7efbc}
.toggle{border:2px solid #a1b28f;background:#2b3226;height:28px;width:48px;padding:3px}
.toggle span{background:#edf5e5;width:18px;height:18px}
.toggle.on{background:#c3ee8d;border-color:#c3ee8d}
.toggle.on span{background:#223315;transform:translateX(20px)}
.play-circle{background:#182515;border:2px solid #dcead0;backdrop-filter:none;color:#fff}
.sample-art{outline-offset:4px;border:1px solid #89987a}
.progress-track{background:#343d2c;border:1px solid #89987a;height:7px}
.progress-track>span{background:#c3ee8d}
:is(button,a,input,select,textarea,summary,[role=button]):focus-visible{outline:3px solid var(--control-focus);outline-offset:4px}
.primary-button:disabled{opacity:1;background:#283124;color:#c5d0bd;border-color:var(--control-border)}
.outline-button:disabled{opacity:1;background:var(--control-disabled-bg);color:var(--control-disabled-text);border-color:var(--control-border-disabled)}
.download-button:disabled{opacity:1;background:var(--control-disabled-bg)!important;color:var(--control-disabled-text)!important;border:1px solid var(--control-border-disabled)}
label input:disabled,.live-input:disabled{opacity:1;color:var(--control-disabled-text);background:var(--control-disabled-bg);border-color:var(--control-border-disabled)}
.page-heading p,.small-muted,.upload-bottom p,.upload-note,.dropzone p,.dropzone small,.deliverables-panel>p,.deliverable div>span,.section-heading p,.sample-copy>p,.sample-meta span,.preview-disclosure,.footer,.footer span,.result-foot p,.result-info>small,.form-note,.modal-fine,.quiet-empty,.retention-note,.price-card>p,.price span,.refill-panel p,.refill-panel small,.metric small,.metric>div,.integration p,.integration h2 span,.table-secondary,.input-unit>span{color:var(--readable-muted)!important}
label input::placeholder,.search-input::placeholder{color:#a8b39f;opacity:1}
.download-card>p,.download-details,.download-card.violet>p,.download-card.amber>p{color:#c1c9b8}
.download-card.violet .download-details{color:#d0c2e5}.download-card.amber .download-details{color:#dbc9aa}
.header-menu summary{min-height:42px}.icon-button{min-width:32px;min-height:32px}
@media(forced-colors:active){button,input,select,textarea,summary,.dropzone,.job-card,.sample-art{border:2px solid ButtonText}.toggle span{background:ButtonText}.toggle.on{background:Highlight}.toggle.on span{background:HighlightText}.progress-track>span{background:Highlight}:is(button,a,input,select,textarea,summary,[role=button]):focus-visible{outline:3px solid Highlight}}
:root { --caption-blue: #b9dff5; }
.format-icon.blue { background: #24343f; color: var(--caption-blue); border: 1px solid #799aaa; }
.download-card.blue { background: linear-gradient(140deg, #24323b, #191e22); border: 1px solid #799aaa; }
.download-card.blue .download-button { background: var(--caption-blue); color: #15252e; }
@media (min-width: 1100px) { .download-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }