/* Application chrome is deliberately quiet; only specimens express the 79 styles. */
:root{--atlas-bg:#f7f8fa;--atlas-paper:#fff;--atlas-ink:#202b31;--atlas-muted:#6d777d;--atlas-line:#e4e8e9;--atlas-accent:#315e59;--atlas-header:68px;--atlas-sidebar:232px;background:var(--atlas-bg);color:var(--atlas-ink);font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif}
html{scroll-behavior:auto;scrollbar-gutter:stable}body{min-width:320px}body.modal-open{overflow:hidden}.sr-only{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.ui-icon{width:18px;height:18px;flex:none;display:block}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #397c74;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}.site-header{height:var(--atlas-header);padding:0 26px;gap:24px;background:#fff;border-color:var(--atlas-line);z-index:35}.brand{width:calc(var(--atlas-sidebar) - 27px);flex:none;font-size:17px;gap:11px;letter-spacing:-.035em}.brand-mark{width:28px;height:28px;gap:3px}.brand small{font-size:8px;letter-spacing:.13em;color:#8a9295;margin-top:6px}.header-search{width:430px;max-width:44vw;margin-right:auto}.search-wrap{height:39px;border:1px solid #e4e8e9;background:#f6f8f8;border-radius:9px;padding:0 12px;gap:9px}.search-wrap>svg{width:17px;height:17px;color:#7c8a8b;flex:none}.search-wrap input{color:var(--atlas-ink);font-size:12px}.search-wrap input::placeholder{color:#889497}.search-wrap kbd{background:#fff;color:#889497;border:1px solid #dce2e1;font:10px/1.3 Consolas,monospace;padding:2px 6px}.search-wrap:focus-within{border-color:#75a399;box-shadow:0 0 0 3px #638f8317}.header-meta{font-size:10px;color:#7b868c;gap:9px;white-space:nowrap}.status-dot{background:#4e967b;width:6px;height:6px;box-shadow:0 0 0 3px #4e967b12}.header-meta .header-divider{margin:0 6px;background:#e5e9e8}.menu-button{display:none}.app-shell{display:grid;grid-template-columns:var(--atlas-sidebar) minmax(0,1fr);min-height:calc(100vh - var(--atlas-header))}.sidebar{position:sticky;top:var(--atlas-header);height:calc(100vh - var(--atlas-header));background:#fff;color:var(--atlas-ink);border-right:1px solid var(--atlas-line);overflow:hidden;z-index:20}.sidebar-top{padding:24px 20px 11px;background:none}.sidebar-section-label{font-size:10px;letter-spacing:.07em;font-weight:600;color:#859091;margin:0}.filter-list{padding:0 12px 16px;gap:3px;border:0}.filter{position:relative;min-height:37px;padding:0 12px;font-size:12px;color:#606c71;border-radius:7px;transition:background .15s,color .15s}.filter b{font-size:10px;font-weight:400;color:#94a0a2;font-variant-numeric:tabular-nums}.filter:hover{background:#f2f5f4;color:#36564f}.filter.active{background:#eaf2ef;color:#315e59;font-weight:650}.filter.active b{color:#587970}.filter.active:before{left:0;width:3px;height:15px;background:#5b8e7c;border-radius:0 2px 2px 0}.filter-divider{height:1px;background:var(--atlas-line);margin:8px 10px}.sidebar-traits{padding:12px 12px 15px;border-top:1px solid var(--atlas-line)}.sidebar-traits .sidebar-section-label{margin:0 8px 11px}.group-filter{width:100%;display:flex;gap:10px;align-items:center;background:none;border:0;border-radius:7px;min-height:32px;padding:0 11px;color:#697579;font-size:11px;text-align:left}.group-filter>small{margin-left:auto;font-size:9px;color:#9aa3a6}.group-filter:hover{background:#f4f6f5}.group-filter[aria-pressed=true]{background:#edf2ef;color:#315e59;font-weight:650}.group-filter[aria-pressed=true] .group-dot{box-shadow:0 0 0 2px #fff,0 0 0 3px currentColor}.group-dot{width:6px;height:6px;border-radius:50%;background:#8d9d9c;flex:none}.group-depth{background:#b4a1bb}.group-light{background:#8eafc0}.group-retro{background:#ca9a7d}.group-natural{background:#8eaa85}.group-data{background:#8f9fbc}.group-motion{background:#b5ac79}.group-system{background:#9e9aad}.sidebar-list-heading{padding:14px 22px 8px;font-size:10px;letter-spacing:0;color:#859091;border-top:1px solid var(--atlas-line);font-weight:500}.style-index{padding:0 11px 10px;min-height:88px;scrollbar-color:#cbd5d2 transparent;scrollbar-width:thin}.index-item{gap:9px;min-height:47px;padding:8px 10px;border-radius:6px;color:#647175}.index-item:hover,.index-item.selected{background:#eef3f0;color:#315e59}.index-chip{width:9px;height:9px;border:0;border-radius:3px;opacity:.8}.index-name{font-size:10px;font-weight:500}.index-name small{font-size:8px;line-height:1.3;color:#98a0a3;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.sidebar-empty{font-size:10px;color:#839190}.deprecated-list{font-size:9px;color:#7d8a8e;padding:12px 21px;border-color:var(--atlas-line);max-height:170px;flex:none}.deprecated-item{border-color:var(--atlas-line);color:#707b80}.deprecated-item a{color:#42766a}.deprecated-item small{color:#8b989b}.sidebar-footer{font-size:8px;padding:10px 20px 13px;border-color:var(--atlas-line);color:#99a2a5}.sidebar-footer span{font-size:8px}
#main{min-width:0}.gallery-view{max-width:1710px;margin:auto}.gallery-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:37px 34px 29px}.gallery-intro .eyebrow{color:#8d9c99;font-size:8px;font-weight:600;letter-spacing:.17em;margin:0 0 13px}.gallery-intro .eyebrow span{color:#b8c2bf;margin:0 8px}.gallery-intro h1{font-size:29px;letter-spacing:-.055em;margin:0;font-weight:700;line-height:1.4;text-wrap:balance}.gallery-intro h1>span{color:#557b6d}.gallery-intro>div>p:last-child{color:#929b9f;font-size:11px;margin:10px 0 0;line-height:1.7}.intro-note{display:flex;align-items:center;gap:19px;font-size:9px;color:#889391;flex:none}.intro-note>span:first-child{display:flex;flex-direction:column;gap:7px;align-items:center}.intro-note b{font-size:31px;font-weight:500;color:#597c6f;letter-spacing:-.035em;line-height:1}.intro-note>span:last-child{line-height:1.8}.intro-note>i{height:29px;width:1px;background:#dde4e1}.gallery-section{padding:0 34px 38px}.gallery-controls{position:sticky;top:var(--atlas-header);z-index:15;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:69px;background:var(--atlas-bg);border-top:1px solid var(--atlas-line);border-bottom:1px solid var(--atlas-line);padding:13px 0}.gallery-results,.gallery-options{display:flex;align-items:center;gap:10px}.gallery-results h2{font-size:14px;margin:0;letter-spacing:0;font-weight:650}.result-count{border:0;background:#e8edeb;color:#71877e;border-radius:5px;font-size:10px;padding:3px 7px;font-weight:600}.reset-filters{border:0;background:none;color:#789083;font-size:10px;min-height:36px;padding:0 3px;text-decoration:underline;text-underline-offset:3px}.gallery-options{gap:15px;flex:none}.segmented{display:inline-flex;align-items:center;gap:2px;border:1px solid #e0e6e3;padding:3px;border-radius:8px;background:#eef2f0;flex:none}.segmented button{display:flex;align-items:center;justify-content:center;min-height:29px;min-width:47px;padding:0 11px;border:0;border-radius:5px;background:none;color:#829189;font-size:10px;line-height:1.1;transition:background .15s,color .15s}.segmented button[aria-pressed=true]{background:#fff;color:#365f51;box-shadow:0 1px 4px #203e3020;font-weight:650}.segmented button:hover:not([aria-pressed=true]){color:#3d6151;background:#e4ebe6}.density-switch{gap:1px;background:none;padding:0;border:0}.density-switch button{width:32px;height:34px;padding:7px;min-width:0;color:#9aa5a0;border:1px solid transparent}.density-switch .ui-icon{width:16px;height:16px}.density-switch button[aria-pressed=true]{border-color:#dee7e1;box-shadow:none;background:#eaf1ed;color:#517462}.gallery-context{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;min-height:49px;color:#9aa3a4;line-height:1.5}.gallery-context>span:first-child{overflow-wrap:anywhere}.gallery-tip{font-size:9px;flex:none}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:20px}.gallery-grid[data-density=large]{grid-template-columns:repeat(auto-fill,minmax(min(425px,100%),1fr));gap:24px}.gallery-card{position:relative;min-width:0;border:1px solid #e2e7e5;border-radius:12px;background:#fff;box-shadow:0 3px 8px #203b2e04;overflow:hidden;transition:box-shadow .18s,border-color .18s,transform .18s;align-self:stretch;display:flex;flex-direction:column}.gallery-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #293c3010;border-color:#b7c6be}.gallery-card.is-compared{border-color:#7b9f8b;box-shadow:0 0 0 1px #7b9f8b}.card-preview-link{border-bottom:1px solid #e7eae5;display:block;overflow:hidden}.card-preview-link:focus-visible{outline-offset:-3px}.card-body{padding:15px 17px 14px;flex:1}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-body h3{margin:0;font-size:16px;font-weight:650;letter-spacing:-.02em;line-height:1.35;min-width:0}.gallery-card .card-favorite{position:static;border:0;width:29px;height:29px;display:grid;place-items:center;flex:none;background:none;border-radius:6px;color:#a6afa9;padding:5px;line-height:1}.gallery-card .card-favorite .ui-icon{width:17px;height:17px}.gallery-card .card-favorite:hover{color:#a87b45;background:#f9f3e9}.gallery-card .card-favorite.is-favorite{color:#be954f}.card-body p.card-english{font-size:10px;color:#909b9c;margin:1px 0 14px;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-features{display:flex;flex-wrap:wrap;gap:5px}.card-features>span{background:#f3f5f4;color:#7a8b81;border:0;border-radius:4px;padding:4px 6px;font-size:9px;line-height:1.3;white-space:nowrap}.card-actions{border-top:1px solid #edf0ed;margin:0 17px;min-height:45px;display:flex;gap:8px;align-items:center}.compare-toggle,.quick-button{border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:34px;padding:0 3px;border-radius:5px;font-size:10px;color:#8b9790}.compare-toggle .ui-icon{width:14px;height:14px}.compare-toggle[aria-pressed=true]{color:#4d7a62}.compare-toggle:hover,.quick-button:hover{background:#f2f6f2;color:#3f755a}.quick-button{margin-left:auto;width:30px}.quick-button .ui-icon{width:16px;height:16px}.card-open{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#49665a;min-height:34px;padding:0 3px;font-weight:500}.card-open .ui-icon{width:13px;height:13px}.card-open:hover{color:#1f4c34}.site-footer{margin:0 34px;padding:20px 0 25px;display:flex;justify-content:space-between;gap:16px;font-size:9px;color:#9ba6a0;border-color:var(--atlas-line);line-height:1.6}.empty-state{border:1px dashed #d6dfd8;background:#fff;border-radius:12px;padding:65px 20px}.empty-state h3{font-size:19px;font-weight:600}.empty-state p{font-size:12px;line-height:1.8;color:#929c96;margin:12px 0 23px}.empty-icon{width:56px;height:56px;border-radius:50%;background:#edf3ee;color:#7a9785;margin:0 auto 23px;display:grid;place-items:center}.empty-icon .ui-icon{width:25px;height:25px}.outline-button{font-size:12px;border-color:#bdd1c3;color:#50775e;font-weight:500}.global-toast{z-index:200;background:#365c48;box-shadow:0 8px 24px #294b3420;max-width:calc(100vw - 32px);line-height:1.6;font-weight:500;text-align:center;font-size:12px;bottom:26px}.has-comparison .global-toast{bottom:105px}.has-comparison .gallery-view,.has-comparison .detail-view{padding-bottom:92px}
/* Comparison tray and accessible native dialogs */
.compare-dock{position:fixed;left:calc(var(--atlas-sidebar) + 26px);right:26px;bottom:18px;z-index:30;display:flex;align-items:center;gap:15px;padding:13px 17px;border:1px solid #c7d8cc;background:#fffffff5;backdrop-filter:blur(16px);border-radius:12px;box-shadow:0 10px 40px #24472f26;max-width:1280px;margin:auto}.compare-dock-label{display:flex;align-items:center;gap:8px;flex:none;color:#59785f}.compare-dock-label strong{font-size:12px;font-weight:600}.compare-dock-label small{font-size:10px;color:#8b9c8e}.compare-picked{display:flex;gap:7px;flex:1;min-width:0}.compare-picked>button{min-width:0;max-width:155px;background:#f0f5f0;border:1px solid #dae6db;display:flex;gap:6px;align-items:center;padding:7px 9px;border-radius:6px;font-size:10px;color:#647c66;height:34px}.compare-picked>button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-picked .ui-icon{width:12px;height:12px}.clear-compare{border:0;background:none;font-size:10px;color:#96a097;min-height:36px;padding:0 4px}.atlas-primary,.atlas-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:0 15px;border-radius:7px;font-size:11px;font-weight:550;border:1px solid #3c6951;background:#3c6951;color:white;white-space:nowrap;transition:filter .15s}.atlas-primary .ui-icon,.atlas-secondary .ui-icon{width:15px;height:15px}.atlas-primary:hover:not(:disabled){filter:brightness(1.1)}.atlas-secondary{border-color:#d9e3d8;background:white;color:#657e66}.atlas-secondary:hover{background:#f0f5f0}.atlas-icon-button{width:36px;height:36px;border:1px solid #e0e6df;background:white;display:inline-grid;place-items:center;border-radius:7px;color:#8a978b;flex:none}.atlas-icon-button:hover{background:#f1f5ef;color:#4b6f50}.atlas-dialog{width:min(1080px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 56px);margin:auto;padding:0;border:1px solid #d6ded4;border-radius:16px;background:#fff;color:#273b2d;box-shadow:0 35px 100px #11251c47;overflow:auto}.atlas-dialog::backdrop{background:#1c312877;backdrop-filter:blur(5px)}.atlas-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;border-bottom:1px solid #e6ebe3}.atlas-dialog-header .eyebrow{font-size:8px;color:#8d9e8a;margin:0 0 6px;letter-spacing:.16em}.atlas-dialog-header h2{font-size:23px;font-weight:650;letter-spacing:-.025em;margin:0;line-height:1.35}.quick-layout{display:grid;grid-template-columns:minmax(0,1fr) 276px}.quick-visual{padding:25px;background:#f5f7f3;display:flex;justify-content:center;flex-direction:column;min-width:0}.quick-visual>.style-specimen{border-radius:10px;box-shadow:0 4px 17px #29443010;flex:none}.quick-visual-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;font-size:10px;color:#92a18e}.quick-info{padding:25px 24px;border-left:1px solid #e6ebe3}.quick-english{font-size:11px;line-height:1.5;color:#859580;margin:0 0 17px;overflow-wrap:anywhere}.quick-info h3{font-size:11px;font-weight:600;margin:24px 0 9px;color:#617557}.quick-info>.card-features{gap:6px}.quick-info>.card-features>span{font-size:9px;padding:5px 7px}.quick-note{font-size:12px;line-height:1.85;color:#86907e;margin:10px 0 19px}.quick-palette{display:flex;flex-wrap:wrap;gap:8px 10px;margin:12px 0}.quick-palette>span{display:flex;align-items:center;gap:5px}.quick-palette i{width:17px;height:17px;border-radius:50%;border:1px solid #00000012;box-shadow:0 1px 3px #00000007}.quick-palette code{font:8px Consolas,monospace;color:#8c9885}.quick-code{font:9px/1.5 Consolas,monospace;color:#a0aa98;margin:23px 0 16px;overflow-wrap:anywhere}.quick-info>.atlas-primary,.quick-info>.atlas-secondary{width:100%;margin-top:8px;font-size:11px}.atlas-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 25px;border-top:1px solid #e6ebe3;color:#9aa28f;font-size:10px}.atlas-dialog-footer>div{display:flex;gap:8px}.atlas-dialog.is-comparison{width:min(1490px,calc(100vw - 40px))}.comparison-header-actions{display:flex;align-items:center;gap:17px}.comparison-grid{display:grid;grid-template-columns:repeat(var(--compare-columns),minmax(0,1fr));background:#f5f7f2;gap:1px}.comparison-item{min-width:0;background:#fff}.comparison-item+.comparison-item{border-left:1px solid #e1e8dc}.comparison-info{padding:22px}.comparison-info>h3{font-size:19px;font-weight:650;margin:0 0 6px;letter-spacing:-.025em}.comparison-info>.quick-english{min-height:32px;margin-bottom:11px}.comparison-info>.quick-note{min-height:66px;margin-top:17px;font-size:11px}.comparison-info>.quick-palette{margin:20px 0;min-height:18px}.comparison-info>.atlas-secondary{width:100%;font-size:10px}.manual-prompt{width:calc(100% - 50px);margin:0 25px 22px;padding:12px;min-height:100px;font-size:12px;border:1px solid #a6bea0;border-radius:5px;color:#344932}
/* Existing full-component demos remain intact. Only surrounding chrome is refined. */
.detail-view{max-width:1450px;padding:26px 33px}.detail-top{margin-bottom:22px}.detail-heading{margin:0 0 25px;gap:18px}.detail-heading h1{font-size:33px;letter-spacing:-.04em;line-height:1.35;margin:0 0 7px}.detail-heading .eyebrow{font-size:8px;color:#91a48e;margin-bottom:8px}.detail-style-en{font-size:13px;color:#92a18c;margin:0 0 13px}.detail-signature{font-size:12px;line-height:1.8;color:#6d7f66;margin:0 0 8px;max-width:700px}.detail-description{font-size:10px;color:#a0aa99;line-height:1.6}.detail-tags{margin-top:14px}.detail-tags>*{font-size:9px;border-color:#dde6d8}.detail-toolbar{position:sticky;top:var(--atlas-header);z-index:12;flex-wrap:wrap;border-color:#dfe6d9;padding:11px 14px;border-radius:10px 10px 0 0;background:#fffffffa;backdrop-filter:blur(12px)}.toolbar-left{flex:1;white-space:nowrap}.mode-switcher{width:auto;flex:none;background:#f1f5ef;border-color:#dde6d8}.mode-switcher button{min-width:58px;min-height:30px;font-size:10px}.mode-switcher button[aria-pressed=true]{background:#57774b;box-shadow:none}.toolbar-actions{width:auto;flex:none}.toolbar-actions button{font-size:9px;min-height:34px;padding:0 10px}.tool-copy.primary{background:#456b46;border-color:#456b46}.preview-stage{border-color:#dfe6d9;background:#e9eee5}.style-pagination strong{font-size:12px}.phone-screen{scrollbar-color:#afbea4 transparent}.detail-view>.site-footer{font-size:9px}.menu-scrim:not([hidden]){inset:var(--atlas-header) 0 0;background:#243b2c77;backdrop-filter:blur(2px)}
@media(min-width:1850px){.gallery-intro{padding-top:44px;padding-bottom:35px}.gallery-intro h1{font-size:34px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.gallery-grid[data-density=large]{grid-template-columns:repeat(auto-fill,minmax(465px,1fr))}}
@media(max-width:1200px){:root{--atlas-sidebar:208px}.site-header{padding:0 20px;gap:16px}.brand{width:calc(var(--atlas-sidebar) - 23px);font-size:16px}.header-search{max-width:42vw}.header-meta{font-size:9px}.header-meta>span:last-child,.header-meta .header-divider{display:none}.gallery-intro{padding:28px 26px 23px}.gallery-intro h1{font-size:25px}.intro-note{display:none}.gallery-section{padding:0 26px 30px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(265px,100%),1fr));gap:16px}.gallery-grid[data-density=large]{grid-template-columns:repeat(auto-fill,minmax(min(370px,100%),1fr))}.site-footer{margin:0 26px}.gallery-tip{font-size:8px}.detail-toolbar{flex-direction:row;align-items:center}.toolbar-left{font-size:10px}.toolbar-left>span:not(.live-label){display:none}.mode-switcher{width:auto}.toolbar-actions{width:100%;display:flex;justify-content:end}.mode-switcher button{flex:none}.compare-dock{gap:10px;padding:11px 13px;left:calc(var(--atlas-sidebar) + 20px);right:20px}.compare-dock-label>strong{display:none}.compare-picked>button{max-width:125px;font-size:9px}.compare-dock>.atlas-primary{font-size:10px;padding:0 12px}.quick-layout{grid-template-columns:minmax(0,1fr) 254px}.quick-info{padding:22px 18px}}
@media(max-width:850px){:root{--atlas-sidebar:0px;--atlas-header:64px}.site-header{height:var(--atlas-header);padding:0 18px;gap:12px}.site-header .brand{width:auto;margin-right:12px;font-size:15px;gap:8px}.brand-mark{width:25px;height:25px}.brand small{font-size:6px}.menu-button{display:grid;place-items:center;flex:none;height:36px;width:30px;padding:5px;border:0;background:none;color:#74876f;margin:0}.menu-button>svg{width:20px;height:20px}.header-search{flex:1;margin:0;max-width:none;width:auto}.header-meta{display:none}.app-shell{display:block}.sidebar{position:fixed;left:0;top:var(--atlas-header);bottom:0;height:calc(100dvh - var(--atlas-header));width:252px;max-width:86vw;transform:translateX(-105%);border-right:1px solid #d9e4d2;z-index:45;transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar-top{padding-top:17px}.sidebar-traits{padding-top:11px;padding-bottom:11px}.sidebar .group-filter{min-height:32px}.menu-scrim:not([hidden]){display:block;position:fixed;inset:var(--atlas-header) 0 0;z-index:40}.menu-open{overflow:hidden}.gallery-intro{padding:26px 24px}.gallery-intro h1{font-size:27px}.gallery-intro>div>p:last-child{font-size:11px}.gallery-section{padding:0 24px 30px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery-grid[data-density=large]{grid-template-columns:1fr;max-width:620px;margin:auto}.site-footer{margin:0 24px}.compare-dock{left:18px;right:18px}.comparison-info{padding:16px}.comparison-info>h3{font-size:16px}.comparison-info>.quick-note{font-size:10px}.comparison-info .card-features{gap:4px}.comparison-info .card-features>span{font-size:8px}.comparison-header-actions{gap:8px}.quick-layout{grid-template-columns:minmax(0,1fr) 240px}.quick-visual{padding:19px}.quick-info{padding:20px 17px}.quick-info>.quick-note{font-size:11px}.quick-info h3{margin-top:18px}.atlas-dialog-header h2{font-size:21px}.atlas-dialog-header{padding:19px 22px}.detail-view{padding:22px 24px}.detail-heading h1{font-size:30px}.detail-toolbar .toolbar-left>span:not(.live-label){display:none}.toolbar-actions button{min-height:38px;font-size:10px}.toolbar-actions{width:auto}.toolbar-left{display:none}.mode-switcher{width:auto}.mode-switcher button{min-height:34px;font-size:11px}}
@media(max-width:650px){:root{--atlas-header:112px}.site-header{display:grid;height:var(--atlas-header);grid-template-columns:28px 1fr;grid-template-rows:51px 47px;gap:0 10px;padding:5px 17px 9px;align-content:start}.site-header .brand{margin:0;font-size:16px;gap:10px}.brand small{font-size:7px;letter-spacing:.14em}.brand-mark{width:27px;height:27px}.menu-button{width:28px;height:36px}.header-search{grid-row:2;grid-column:1 / -1;width:100%}.search-wrap{height:38px}.search-wrap input{font-size:12px}.search-wrap kbd{display:none}.gallery-intro{padding:27px 19px 25px;display:block}.gallery-intro .eyebrow{font-size:7px;margin-bottom:11px}.gallery-intro h1{font-size:25px;line-height:1.45;letter-spacing:-.065em}.gallery-intro>div>p:last-child{font-size:10px;max-width:260px;line-height:1.8;margin-top:9px}.gallery-section{padding:0 17px 26px}.gallery-controls{min-height:68px;gap:10px;flex-wrap:wrap;padding:11px 0}.gallery-results{gap:7px}.gallery-results h2{font-size:13px}.result-count{font-size:10px}.gallery-options{gap:7px}.segmented{padding:3px;gap:1px}.segmented button{min-width:36px;min-height:32px;font-size:10px;padding:0 8px}.density-switch{display:none}.gallery-context{min-height:44px;font-size:9px}.gallery-tip{display:none}.gallery-grid,.gallery-grid[data-density=large]{grid-template-columns:1fr;gap:19px;max-width:none}.gallery-card{border-radius:12px}.card-body{padding:15px 18px 16px}.card-body h3{font-size:18px}.gallery-card .card-favorite{width:38px;height:38px}.gallery-card .card-favorite .ui-icon{width:20px;height:20px}.card-body p.card-english{font-size:11px;margin:0 0 14px}.card-features{gap:6px}.card-features>span{font-size:10px;padding:5px 7px}.card-actions{min-height:53px;margin:0 18px;gap:12px}.compare-toggle{font-size:12px;min-height:44px;padding:0 5px}.compare-toggle .ui-icon{width:16px;height:16px}.quick-button{width:40px;height:44px}.quick-button .ui-icon{width:19px;height:19px}.card-open{font-size:12px;min-height:44px;font-weight:550}.card-open .ui-icon{width:15px;height:15px}.site-footer{margin:0 18px;font-size:8px;flex-direction:column;gap:5px;padding:20px 0 23px}.compare-dock{left:10px;right:10px;bottom:10px;gap:9px;flex-wrap:wrap;padding:10px 12px}.compare-dock-label{order:0;margin-right:auto;font-size:10px}.compare-dock-label>strong{display:block;font-size:11px}.compare-dock-label .ui-icon{width:15px;height:15px}.compare-dock .clear-compare{order:1;min-height:32px}.compare-dock>.atlas-primary{order:2;min-height:36px;font-size:10px}.compare-picked{order:3;flex-basis:100%;gap:5px}.compare-picked>button{max-width:none;flex:1;padding:6px;font-size:9px;justify-content:space-between;min-height:34px}.compare-picked>button>span{overflow:hidden}.has-comparison .gallery-view,.has-comparison .detail-view{padding-bottom:125px}.has-comparison .global-toast{bottom:127px}.atlas-dialog{width:calc(100vw - 22px);max-height:calc(100dvh - 32px);border-radius:12px}.atlas-dialog-header{padding:16px 16px;gap:10px}.atlas-dialog-header h2{font-size:20px}.atlas-dialog-header .eyebrow{font-size:7px}.atlas-icon-button{min-width:40px;min-height:40px}.quick-layout{grid-template-columns:1fr}.quick-visual{padding:13px}.quick-visual-footer{margin-top:11px;font-size:9px}.quick-info{border-left:0;border-top:1px solid #e6ebe3;padding:17px}.quick-info h3{font-size:12px;margin:17px 0 7px}.quick-info .quick-note{font-size:12px;line-height:1.8}.quick-info .quick-english{font-size:11px}.quick-info .quick-code{margin:14px 0 8px}.quick-info .atlas-primary,.quick-info .atlas-secondary{min-height:44px;font-size:12px}.quick-info .quick-palette code{font-size:9px}.quick-info .quick-palette{gap:8px 12px}.atlas-dialog-footer{padding:11px 15px;font-size:9px}.atlas-dialog-footer>span{line-height:1.6}.atlas-dialog.is-comparison{width:calc(100vw - 22px)}.is-comparison>.atlas-dialog-header{align-items:start;flex-wrap:wrap}.is-comparison .atlas-dialog-header h2{font-size:20px}.comparison-header-actions{width:100%;justify-content:space-between}.comparison-grid{display:block}.comparison-item+.comparison-item{border-left:0;border-top:8px solid #e8eee2}.comparison-info{padding:19px}.comparison-info>h3{font-size:20px}.comparison-info .quick-english{min-height:0;font-size:11px}.comparison-info .card-features>span{font-size:10px}.comparison-info .quick-note{font-size:12px;min-height:0}.comparison-info .atlas-secondary{font-size:11px;min-height:44px}.comparison-info .quick-palette code{font-size:9px}.detail-view{padding:22px 16px}.detail-heading h1{font-size:28px}.detail-style-en{font-size:12px}.detail-signature{font-size:12px}.detail-description{font-size:10px}.detail-toolbar{position:static;gap:10px;padding:10px}.toolbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.toolbar-actions>.tool-favorite{grid-column:auto}.toolbar-actions>.tool-copy.primary{grid-column:1 / -1}.toolbar-actions button{font-size:10px;min-height:40px}.mode-switcher{width:100%}.mode-switcher button{flex:1;min-height:38px}.detail-tags>*{font-size:9px}.preview-stage{padding:7px}.style-pagination{gap:10px}.style-pagination a{padding:13px}.style-pagination strong{font-size:11px;line-height:1.4}.group-filter,.sidebar .group-filter{min-height:36px}.filter{min-height:39px}.sidebar{overflow-y:auto}.style-index{flex:1 0 95px;max-height:270px;min-height:95px}.sidebar-traits{padding-bottom:10px}.sidebar-top{padding-top:16px}}
@media(max-width:360px){.gallery-controls{align-items:center}.gallery-results h2{font-size:12px}.gallery-options{gap:4px}.segmented button{min-width:33px;padding:0 6px;font-size:9px}.gallery-intro h1{font-size:23px}.gallery-card .card-features>span{font-size:9px}.card-body h3{font-size:16px}.reset-filters{font-size:9px}.atlas-dialog-header h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.gallery-card,.sidebar,.segmented button{transition:none}.gallery-card:hover{transform:none}.atlas-dialog::backdrop{backdrop-filter:none}}

@media(max-width:650px){html{scrollbar-gutter:auto}}
/* Legible application labels; specimens keep their expressive palettes. */
.gallery-intro>div>p:last-child{color:#647467}.gallery-context{color:#69786a}.gallery-tip{color:#738271}.card-body p.card-english{font-size:11px;color:#66746b}.card-features>span{color:#5f7263;font-size:10px}.compare-toggle,.quick-button{color:#6a7d6c}.reset-filters{color:#56785c}.quick-english{color:#65785e}.quick-note{color:#61725b;font-size:13px}.quick-info h3{font-size:12px;color:#52694e}.index-name small{color:#72816f}.search-wrap input{font-size:13px}
@media(max-width:650px){.card-body p.card-english{font-size:11px}.card-features>span{font-size:10px}.search-wrap input{font-size:12px}}