/* Standalone layout typography; no artwork changes. */
:is(#views,.header-right,#navigation-controls,.full-actions) button{font-size:13px}
.wordmark>div:first-child{font-family:var(--aiml-serif);font-weight:400;font-size:20px}
.search-field input{font-size:14px}
.collection-status,.random-pool label,.full-random-pool label{font-size:12px}
#gesture-hint{font-size:11px}
/* R112: measured AIML masthead, slim spaced group strips, compact panels. */
:root{--header-height:117px;--tag-step:32px;--aiml-header-pad:48px;--group-blue:#94becb}
body>header{height:var(--header-height);padding:0;gap:0;display:block}
body>header .header-first-row{height:73px;padding:0 var(--aiml-header-pad);gap:24px;border-bottom:1px solid var(--aiml-border);overflow-x:auto;overflow-y:hidden}
body>header .wordmark{min-width:0;flex:1;letter-spacing:0;display:flex;align-items:center;gap:20px}
body>header .wordmark>div:first-child,.full-toolbar .wordmark>div:first-child{font:400 36px/36px var(--aiml-serif);letter-spacing:-.9px}
body>header .wordmark .brand-subtitle{font-size:11px;line-height:1.35;margin:0;color:var(--aiml-muted);letter-spacing:.2px}
.viewer-toolbar{height:44px;display:flex;align-items:center;gap:20px;padding:2px var(--aiml-header-pad);overflow-x:auto;overflow-y:hidden}
.viewer-toolbar #views{flex:none;padding:3px;gap:3px}
body>header .viewer-toolbar .search-field{align-self:center;flex:1 0 200px;width:auto;max-width:400px;margin-left:auto;height:30px}
html[data-theme=light] body>header{background:oklch(.989 .006 85 / .9)}
body>header :is(nav,.header-right) button{min-height:30px;padding:5px 9px;font-size:13px;line-height:18px}
#filter-panel{padding-top:6px}
#filter-strips{height:77px;gap:28px;padding:3px 16px 0}
#general-filters{flex-basis:calc(6 * var(--tag-step) + 75px)}
#cluster-scroll{flex-basis:calc(15 * var(--tag-step) + 90px)}
#cluster-buttons{width:calc(15 * var(--tag-step) + 90px)}
html #filter-panel .diagonal,html #cluster-buttons button{height:18px;min-height:18px;line-height:16px;padding:0 6px!important;border-radius:0;font-size:12px!important;box-shadow:none;transform:rotate(45deg)}
html #filter-panel .diagonal:hover,html #cluster-buttons button:hover{transform:rotate(45deg);box-shadow:0 0 0 1px #516b74}
html[data-theme] #filter-panel .diagonal,html[data-theme] #cluster-buttons button{background:var(--group-blue);border-color:#739eaa;color:#193943}
html[data-theme] #filter-panel .diagonal[aria-pressed=true],html[data-theme] #cluster-buttons button[aria-pressed=true]{background:#fff;color:#595959;border-color:#aaa;box-shadow:none}
html[data-theme] #filter-panel #all-clusters{background:var(--group-blue);color:#193943;border-color:#739eaa;box-shadow:none}
html[data-theme] #filter-panel #clear-filters{background:#fff;color:#595959;border-color:#aaa}
#settings-panel{width:330px;max-width:calc(100vw - 24px);right:12px;top:calc(var(--header-height) + 8px);max-height:min(560px,calc(100vh - var(--header-height) - 20px));padding:12px;font-size:12px;line-height:1.35}
#settings-panel .settings-title{min-height:30px;gap:12px}
#settings-panel h2{font-size:20px}
#settings-panel button{min-height:28px;padding:4px 8px;font-size:12px;line-height:18px}
#settings-panel #close-settings{font-size:22px;min-width:30px;padding:0 5px}
#settings-panel details{margin-top:7px}
#settings-panel summary{padding:8px 0;font-size:12px;font-weight:500}
#settings-panel label.slider-setting{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;margin:8px 0 12px;align-items:center}
#settings-panel .slider-setting .setting-label{grid-column:1;grid-row:1}
#settings-panel .slider-setting output{grid-column:2;grid-row:1;font-variant-numeric:tabular-nums;font-size:12px}
#settings-panel .slider-setting input{grid-row:2;grid-column:1/-1;width:100%;margin:3px 0;height:18px}
#settings-panel .slider-setting small{grid-column:1/-1;margin:0;font-size:11px;line-height:1.35}
#settings-panel .binding-row{margin:6px 0;font-size:12px}
#settings-panel select{min-height:28px;padding:3px;max-width:165px;font-size:12px}
#settings-panel .reset-settings{margin-top:8px}
#version-copy-status:empty,#binding-message:empty{display:none}
#settings-panel p{font-size:11px;margin:6px 0}
#help-panel{width:330px;max-width:calc(100vw - 24px);right:20px;top:calc(var(--header-height) + 94px);bottom:112px;max-height:none;padding:16px;font-size:13px;line-height:1.5}
#help-panel h2{margin:0;font-size:20px}
#help-panel .help-subtitle{margin:3px 0 16px;color:var(--aiml-muted);font-size:12px;letter-spacing:.5px}
#help-panel h3,#help-panel summary{font-size:13px;font-weight:600;margin:16px 0 5px}
#help-panel p{margin:5px 0 12px}
#help-panel #help-close{min-height:28px;padding:0 7px;font-size:22px}
#help-panel summary{cursor:pointer}
@media(max-width:1023px){:root{--aiml-header-pad:32px}body>header .wordmark>div:first-child,.full-toolbar .wordmark>div:first-child{font-size:30px;line-height:36px;letter-spacing:-.75px}body>header .brand-subtitle{display:none!important}}
@media(max-width:767px){:root{--header-height:109px;--aiml-header-pad:16px}body>header .header-first-row{height:65px;gap:16px}body>header .wordmark>div:first-child,.full-toolbar .wordmark>div:first-child{font-size:24px;line-height:32px;letter-spacing:-.6px}body>header .wordmark{min-width:130px}body>header .header-right{gap:3px}.viewer-toolbar{gap:12px}#help-panel{width:276px;right:12px;bottom:112px}#settings-panel{width:330px}}
body>header{--header-height:117px}
html[data-theme] body>header :is(#views,.header-right) button{min-height:30px;line-height:18px;padding:5px 9px}
html[data-theme] #settings-panel button,html[data-theme] #help-panel #help-close{min-height:28px;line-height:18px}
@media(max-width:767px){body>header{--header-height:109px}}
html[data-theme] #filter-panel .diagonal,html[data-theme] #filter-panel #cluster-buttons button{height:18px;min-height:18px;line-height:16px}
html[data-theme] #filter-panel #cluster-buttons button[aria-pressed=false],html[data-theme] #filter-panel .diagonal[aria-pressed=false]{background:#94becb;color:#193943;border-color:#739eaa;box-shadow:none}
html[data-theme] #filter-panel #cluster-buttons button:hover{background:#fff;color:#595959;border-color:#516b74}
html[data-theme] #filter-panel #cluster-buttons button[aria-pressed=false]:hover{background:#94becb;color:#193943}
html[data-theme] body #settings-panel button{min-height:28px;line-height:18px;padding:4px 8px}
#settings-panel label.slider-setting{margin:6px 0 9px}
#help-panel{width:300px}
@media(max-width:950px){#help-panel{width:276px;right:12px}}
@media(max-width:767px){body>header .header-first-row{overflow:hidden}body>header .header-right{min-width:0;flex:0 1 auto;overflow-x:auto;padding:3px;scrollbar-width:thin}body>header .wordmark{flex:none}}
/* R113: white group surfaces in both states; excluded type matches All groups blue. */
html[data-theme] #filter-panel #cluster-buttons button,
html[data-theme] #filter-panel #cluster-buttons button:hover,
html[data-theme] #filter-panel #cluster-buttons button[aria-pressed=false],
html[data-theme] #filter-panel #cluster-buttons button[aria-pressed=false]:hover{background:#fff;border-color:#326d80;color:#326d80;padding:0 2px!important;box-shadow:none}
html[data-theme] #filter-panel #cluster-buttons button[aria-pressed=true],
html[data-theme] #filter-panel #cluster-buttons button[aria-pressed=true]:hover{background:#fff;color:#595959;border-color:#aaa}
html[data-theme] #filter-panel #all-clusters{background:#326d80;border-color:#326d80;color:#fff}
@media(min-width:768px) and (max-width:1023px){body>header .wordmark>div:first-child,.full-toolbar .wordmark>div:first-child{line-height:30px}}
@media(max-width:767px){body>header .wordmark>div:first-child,.full-toolbar .wordmark>div:first-child{line-height:24px}}

/* R115: full readable names; slim bars retain separated diagonal lanes. */
#cluster-buttons{--tag-step:36px;width:660px}#cluster-scroll{flex-basis:660px}
html[data-theme] #filter-panel #cluster-buttons button{width:auto;height:18px;min-height:18px;padding:0 6px!important;font-size:13px!important;line-height:16px;overflow:visible;touch-action:manipulation}
#cluster-buttons .cluster-num{display:block;font-size:13px!important;line-height:16px;overflow:visible;white-space:nowrap;text-overflow:clip;flex:none;pointer-events:none}
#cluster-buttons button::after{content:"";position:absolute;inset:-3px 0;background:transparent}
#group-label-status{position:absolute;left:22px;right:22px;bottom:0;margin:0;font-size:11px;line-height:14px;color:var(--aiml-muted);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* R116: single-line collection subheading beside the unchanged wordmark. */
body>header .wordmark .brand-subtitle{display:block!important;white-space:nowrap;font-family:var(--aiml-sans);font-size:12px;font-weight:400;letter-spacing:0;line-height:18px}
@media(max-width:767px){body>header .wordmark{gap:12px}body>header .wordmark .brand-subtitle{font-size:11px}body>header .header-first-row{gap:8px}body>header .header-right{min-width:30px}}