/* Light surfaces preserve the original NFT pixels and dark ASCII exhibit. */
#theme-toggle{flex-shrink:0;background:transparent;color:inherit;border:1px solid #777;padding:11px 12px;font:10px 'Courier New',monospace;letter-spacing:.04em;white-space:nowrap;cursor:pointer}#theme-toggle:hover{background:#7773}header{gap:20px}html{color-scheme:dark}
html[data-theme=light]{color-scheme:light;--ink:#202020;--paper:#e4e4e1;--line:#a0a09a}
html[data-theme=light] body{background:#efefec;color:#202020}
html[data-theme=light] :is(header,.section,footer){border-color:#b8b8b2}
html[data-theme=light] :is(.intro,.header-note,nav,.section-title,footer,.capabilities,.eyebrow){color:#525252}
html[data-theme=light] :is(.section-heading p,.seat-copy>p,.token-row p,.roadmap-list p,.large-copy,.seat-copy p.fine){color:#494949}
html[data-theme=light] :is(h2>span,.section-heading h2 span,.seat-facts span){color:#646464}
html[data-theme=light] :is(.machine,.workflow-rack,.dash-rack){background:#deded9;border-color:#888}
html[data-theme=light] .machine-top{border-color:#999}
html[data-theme=light] :is(.workflow-screen,.identity-readout,.burn-station,dialog,.dash-terminal,.dash-agent){background:#fafaf7;color:#222;border-color:#aaa}
html[data-theme=light] :is(.workflow-nav button,.burn-buttons button,.dash-tabs button,.dash-top button,.dash-pagination button,#terminal-form button){background:#e3e3de;color:#333;border-color:#aaa}
html[data-theme=light] :is(.workflow-nav button[aria-selected=true],.burn-buttons button[aria-pressed=true],.dash-tabs button[aria-selected=true]){background:#292929;color:#fff;border-color:#292929}
html[data-theme=light] :is(.rack-label,.workflow-content pre,.stage-text h3,.stage-text p,.stage-text .eyebrow,#stage-command,.identity-readout span,.burn-station pre,#burn-caption,.token-row>span,.roadmap-list summary span,.roadmap-detail pre,#dialog-content p,#dialog-content li){color:#444}
html[data-theme=light] :is(.rack-label,#stage-command,.token-row,.seat-facts,.roadmap-list details,.dialog-top,.draft-text,.mint-summary,.dash-metrics,.dash-metrics>div,.dash-filter,.dash-table-scroll td,.dash-table-scroll th,#terminal-form,.dash-terminal-head){border-color:#b5b5af}
html[data-theme=light] :is(.roadmap-list summary:hover,.roadmap-list details[open] summary,.dash-agent:hover){background:#deded9}
html[data-theme=light] .dark-button{background:#252525;color:#fff;border-color:#252525}html[data-theme=light] .dark-button:hover{background:#444}
html[data-theme=light] .outline:hover{background:#222;color:#fff}
html[data-theme=light] :is(.dash-top,.dash-terminal-head){background:#e3e3de;color:#333;border-color:#aaa}
html[data-theme=light] :is(.dash-top>span:nth-child(2),.dash-metrics span,.dash-filter span,.dash-empty pre,.dash-empty p,.dash-agent span,.dash-agent small,.dash-pagination,.dash-table-scroll th,#terminal-output pre,#terminal-output .terminal-command-line,#terminal-output .terminal-error,#terminal-form label,#terminal-hint){color:#505050}
html[data-theme=light] :is(.dash-filter input,#terminal-input,#mint-form input){background:transparent;color:#222}
html[data-theme=light] :is(button,a,input,textarea,summary,select):focus-visible{outline-color:#555}
html[data-theme=light] :is(.muted,.stats span,label,.rank,.card-bottom,.section-head p,.method p,.trait-sub,.detail-attribute span){color:#555}
html[data-theme=light] :is(.tabs,.method,.trait-panel,.lab-controls,.nft,.actions>*,input,select,th){background:#e4e4df;color:#222;border-color:#aaa}
html[data-theme=light] :is(.tabs button,.pagination button,.toolbar button,.detail-layout button,.dialog-bottom button){background:#deded9;color:#222}
html[data-theme=light] .tabs button[aria-pressed=true]{background:#292929;color:#fff}
html[data-theme=light] :is(.nft:hover,tbody tr:hover,.trait-row:hover){background:#d3d3ce;color:#111}
html[data-theme=light] select{color-scheme:light}
html[data-theme=light] .trait-row{color:#222}
@media(max-width:1250px){header{flex-wrap:wrap;height:auto;min-height:90px;padding-top:15px;padding-bottom:15px}header .header-note{display:none}header nav{gap:15px}}
@media(max-width:720px){header{gap:10px}#theme-toggle{padding:10px 8px;font-size:9px}header #wallet{margin-left:auto;font-size:9px;padding:10px 7px}header .brand{font-size:27px}header .logo~div{display:none}}

html[data-theme="light"] .workflow-nav button[aria-selected="true"],html[data-theme="light"] .burn-buttons button[aria-pressed="true"],html[data-theme="light"] .dash-tabs button[aria-selected="true"]{background:#292929;color:#fff;border-color:#292929}