/* AIML presentation layer. Load after viewer styles; no layout or artwork transforms. */
@import url('./aiml-fonts.css');
:root{--aiml-paper:#fcfaf6;--aiml-panel:#fffefa;--aiml-ink:#1b1b1b;--aiml-muted:#57534e;--aiml-border:#aaa49a;--aiml-soft:#eae6de;--aiml-focus:#60503b;--aiml-sans:'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;--aiml-serif:'Libre Baskerville',Georgia,serif}
html,body,button,input,select,textarea{font-family:var(--aiml-sans)}
html[data-theme=light]{--paper:var(--aiml-paper);--panel:var(--aiml-panel);--ink:var(--aiml-ink);--muted:var(--aiml-muted);--line:#c9c3b9;--accent:var(--aiml-focus)}
html[data-theme=light] :is(button,header button,header .header-right button,footer #navigation-controls button){color:var(--ink);background:var(--panel);border:1px solid var(--aiml-border);border-radius:2px;font-weight:500;line-height:1.35;min-height:36px}
html[data-theme=light] button:not(:disabled):hover{background:var(--aiml-soft);color:var(--ink);border-color:#625c52}
html[data-theme=light] :is(button[aria-pressed=true],nav button[aria-current=page],#primary-controls nav button[aria-current=page],#filter-panel .diagonal[aria-pressed=true],#cluster-buttons button[aria-pressed=true],#all-clusters[data-all=true]){color:#fffefa;background:#242321;border-color:#242321;box-shadow:inset 0 -2px 0 #c5bba9}
html[data-theme=light] button:disabled,html[data-theme=light] button:disabled:hover{opacity:1;color:#68645e;background:#eeebe5;border-color:#c9c3b9;border-style:dashed;cursor:default;box-shadow:none}
html[data-theme=light] :is(button,input,a,select,summary):focus-visible{outline:2px solid var(--aiml-focus);outline-offset:3px}
html[data-theme=light] .search-field{background:var(--panel);border-color:var(--aiml-border)!important;border-radius:2px!important}
html[data-theme=light] .search-field:focus-within{outline:2px solid var(--aiml-focus);outline-offset:2px}
html[data-theme=light] .search-field input,html[data-theme=light] .search-field span{color:var(--ink)}
html[data-theme=light] .search-field input::placeholder{color:var(--muted);opacity:1}
html[data-theme=light] :is(.preview-count,.collection-status,#gesture-hint,#drag-state,#date-level,#date-caption,.related-heading,#full-status,.detail-field dt,#settings-panel small,.random-pool label,.full-random-pool label){color:var(--muted);opacity:1}
html[data-theme=light] :is(#inspector,#settings-panel,#help-panel,#full-info,#date-navigation,.immersive-controls,#full-prompt-overlay){background:var(--panel)!important;color:var(--ink);border:1px solid var(--aiml-border);box-shadow:0 3px 16px #211b1314;text-shadow:none}
html[data-theme=light] :is(#selection-note,.prompt-block h3,#settings-panel summary,#full-prompt-overlay strong){color:var(--ink)}
html[data-theme=light] :is(#original-link,.midjourney-link,.full-toolbar a){color:#51402b;text-decoration:underline;text-underline-offset:3px}
html[data-theme=light] :is(#original-link,#inspector #open-full,#date-navigation #back-years){background:var(--aiml-soft);color:var(--ink);border-color:var(--aiml-border)}
html[data-theme=light] :is(#detail-preview,#full-info-preview,.related-thumb){background:#e5e0d7;border:1px solid #969087;box-shadow:0 1px 3px #211b131a}
html[data-theme=light] .related-thumb[aria-pressed=true]{outline:2px solid #242321;outline-offset:2px}
html[data-theme=light] .timeline .year{color:var(--ink)!important;background:var(--panel);border-color:var(--aiml-border)}
html[data-theme=light] :is(#cluster-buttons .cluster-count,#date-markers .date-count){opacity:1;color:inherit}
html[data-theme=light] :is(input[type=checkbox],input[type=range]){accent-color:#60503b}
:is(#settings-panel,#help-panel,#full-info,#inspector){font-size:13px;line-height:1.5}
:is(#settings-panel,#help-panel) h2{font-family:var(--aiml-serif);font-weight:400;font-size:20px}
:is(#settings-panel,#help-panel) small{font-size:12px;line-height:1.5}
.full-actions button{white-space:nowrap}
/* Explicitly override legacy ID-specific disabled styling. */
html[data-theme=light] :is(#map-full-view,#zoom-to-image,#map-info,#full-view button,button):disabled{opacity:1;color:#68645e;background:#eeebe5;border-color:#c9c3b9;border-style:dashed;box-shadow:none}
html[data-theme=light] #full-date{color:var(--muted)}
html[data-theme=light] :is(.full-actions,#primary-actions,#views){scrollbar-color:#989187 var(--aiml-soft);scrollbar-width:thin}
@media(max-width:600px){
 .full-description{flex-wrap:wrap;align-items:flex-start;gap:4px;padding:8px 12px}
 .full-description #full-status{flex:1 0 100%;font-size:12px;line-height:1.4}
 .full-description #full-title{flex:1 1 100%;text-align:left;font-size:11px}
 .full-description #full-date{flex:1 1 100%;padding:0;font-size:11px;white-space:normal}
 #full-prompt-overlay{left:12px;right:12px;padding:10px 12px;font-size:13px;line-height:1.4}
}