:root{--bg:#fff;--line:#d4d4d4;--line-light:#e8e8e8;--text:#1a1a1a;--muted:#555;--faint:#888;--paper:#fff}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:14px}
body{background:#fff;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:-0.008em;-webkit-font-smoothing:antialiased}
a{color:var(--text);text-decoration:none}a:hover{opacity:.6}
img{display:block;max-width:100%}
:focus-visible{outline:1.5px solid #1a1a1a;outline-offset:2px}
::selection{background:#e0e0e0}
button{background:none;border:none;cursor:pointer;font:inherit;font-size:13px;color:var(--text)}
.atlas-shell{display:grid;grid-template-columns:240px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"topbar topbar" "sidebar gallery";min-height:100vh}
.atlas-shell[data-mode=detail]{grid-template-columns:240px 1fr 320px;grid-template-areas:"topbar topbar topbar" "sidebar viewer metadata"}
.atlas-shell[data-mode=gallery] .viewer-region,.atlas-shell[data-mode=gallery] .metadata-panel{display:none}
.atlas-shell[data-mode=detail] .gallery-region,.atlas-shell[data-mode=detail] .atlas-sidebar{display:none}
.atlas-topbar{grid-area:topbar}.atlas-sidebar{grid-area:sidebar}.viewer-region{grid-area:viewer}.metadata-panel{grid-area:metadata}.gallery-region{grid-area:gallery}
.atlas-topbar{padding:12px 28px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line-light)}
.topbar-search{flex:1;max-width:420px}
.topbar-search input{width:100%;border:1px solid #e0e0e0;border-radius:100px;background:#fafafa;color:var(--text);font:inherit;font-size:14px;padding:7px 18px;outline:none;transition:border-color .15s,background .15s}
.topbar-search input:focus{border-color:#888;background:#fff}
.topbar-search input::placeholder{color:#b0b0b0}
.search-status{font-size:12px;color:var(--faint)}
.atlas-sidebar{padding:20px 16px;border-right:1px solid var(--line-light);display:flex;flex-direction:column;gap:20px;overflow-y:auto}
.sidebar-label{font-size:11px;color:var(--faint);font-weight:500;letter-spacing:.03em;text-transform:uppercase;margin-bottom:2px}
.facet-chips{display:flex;flex-wrap:wrap;gap:5px}
.facet-chip{border:1px solid #e0e0e0;border-radius:100px;padding:3px 12px;font-size:12px;font-weight:400;color:#444444;background:#ffffff;cursor:pointer;display:inline-flex;align-items:center;gap:5px;min-height:0;transition:all .12s}
.facet-chip:hover{background:#f8f8f8;border-color:#999}
.facet-chip b{font-weight:400;font-size:11px;color:#999}
.facet-chip.is-active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}
.facet-chip.is-active b{color:#888}
.sidebar-section select{width:100%;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:var(--text);font:inherit;font-size:13px;padding:6px 10px;cursor:pointer;appearance:none;transition:border-color .12s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}
.sidebar-section select:focus{outline:none;border-color:#1a1a1a}
.filter-panel{display:flex;flex-direction:column;gap:12px}
.filter-panel label span{font-size:11px;color:var(--faint);font-weight:500;text-transform:uppercase;letter-spacing:.03em}
.filter-panel label{display:flex;flex-direction:column;gap:4px}
.collection-filter{width:100%;text-align:left;padding:5px 12px;font-size:13px;color:#444444;border:1px solid #e0e0e0;border-radius:100px;background:#ffffff}
.collection-filter:hover{border-color:#b0b0b0}
.collection-filter.is-active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}
.workbench-drawer{border:1px solid #e0e0e0;border-radius:10px;margin-top:20px}
.workbench-drawer>summary{font-size:12px;color:#666666;cursor:pointer;padding:8px 12px;font-weight:500}
.workbench-drawer>summary:hover{color:var(--text)}
.workbench-drawer[open]>summary{color:var(--text)}
.engine-cards{display:flex;flex-direction:column;max-height:280px;overflow-y:auto}
.engine-card{padding:6px 0;border-bottom:1px solid var(--line-light)}
.engine-card-title{font-size:12px;font-weight:500;color:var(--text)}
.engine-card-meta{font-size:11px;color:var(--faint);margin-top:1px}
.engine-tag{display:none}
.gallery-region{display:flex;flex-direction:column;min-width:0}
.gallery-head{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;border-bottom:1px solid #e8e8e8}
.gallery-hint{font-size:12px;color:var(--faint)}
.list-toolbar{display:flex;justify-content:flex-end;padding:8px 28px 0}
.list-view-toggle{display:flex;gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.list-view-toggle button{padding:3px 14px;font-size:12px;color:var(--faint);border:none;border-radius:0;background:none}
.list-view-toggle button+button{border-left:1px solid var(--line)}
.list-view-toggle button.is-active{color:var(--text);font-weight:500;background:#f5f5f5}
.example-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px 20px;padding:16px 28px 64px;overflow-y:auto;align-content:start}
.example-list.density-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px 20px}
.gallery-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:0;text-align:left;position:relative;cursor:pointer;overflow:hidden;transition:border-color .18s,transform .18s,box-shadow .18s}
.gallery-card:hover{border-color:#999;transform:translateY(-1px)}
.gallery-thumb{display:block;background:#fafafa;overflow:hidden}
.gallery-thumb img{width:100%;height:auto;display:block}
.gallery-caption{display:flex;flex-direction:column;gap:2px;padding:11px 14px 13px}
.gallery-caption strong{font-size:13px;font-weight:500;color:#1a1a1a}
.gallery-caption small{font-size:12px;color:#666666;line-height:1.45}
.gallery-caption em{font-size:12px;color:#999999;font-style:normal;font-variant-numeric:tabular-nums}
.card-star{position:absolute;top:8px;right:8px;font-size:14px;color:#c0c0c0;background:none;border:none;cursor:pointer;padding:2px;z-index:1}
.card-star:hover{color:var(--text)}
.card-star.is-starred{color:var(--text)}
.example-list.density-list .gallery-card{flex-direction:row;gap:12px;align-items:center}
.example-list.density-list .gallery-thumb{width:64px;flex-shrink:0}
.example-list.density-list .gallery-thumb img{height:48px;object-fit:contain}
.example-list.density-list .gallery-caption{padding:6px 8px}
.example-card{display:flex;gap:12px;align-items:center;padding:6px 8px;border-bottom:1px solid var(--line-light);background:none;border-radius:0;text-align:left;width:100%;position:relative;cursor:pointer}
.example-card img{width:52px;height:48px;object-fit:contain}
.example-card strong{font-size:13px;font-weight:500;color:var(--text);display:block}
.example-card small,.example-card em{font-size:12px;color:var(--faint);display:block;font-style:normal}
.example-card b{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}
.example-card b span{font-size:11px;color:var(--faint)}
.example-card.is-active{background:#f7f7f7}
.example-card .card-star{top:4px;right:6px}
.viewer-region{display:flex;flex-direction:column}
.viewer-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;border-bottom:1px solid var(--line-light)}
.viewer-topbar h2{font-size:15px;font-weight:500}
.viewer-topbar .meta-label{font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.04em}
.viewer-topbar .toolbar{display:flex;gap:10px;flex-wrap:wrap}
.viewer-topbar .toolbar button{font-size:13px;color:#666666}
.viewer-topbar .toolbar button:hover{color:#1a1a1a}
.viewer-topbar .toolbar button.is-active{color:var(--text);font-weight:500}
.stage{background:var(--paper);display:flex;align-items:center;justify-content:center;padding:28px;overflow:auto;min-height:50vh;flex:1}
.pattern-output{width:min(720px,100%)}
.atlas-svg{width:100%;height:auto;max-height:calc(100vh - 200px)}
.control-strip{display:flex;flex-wrap:wrap;gap:14px;padding:10px 28px;border-top:1px solid var(--line-light)}
.control-strip label{font-size:12px;color:var(--faint);display:flex;align-items:center;gap:6px}
.control-strip select,.control-strip input[type=text]{border:1px solid var(--line-light);border-radius:6px;background:#fff;color:var(--text);font:inherit;font-size:13px;padding:3px 8px}
.metadata-panel{padding:24px 20px;border-left:1px solid var(--line-light);overflow-y:auto;max-height:calc(100vh - 62px)}
.metadata-panel .meta-label{font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.04em}
.metadata-panel h3{font-size:15px;font-weight:500;margin:4px 0 0}
.metadata-panel>section>p{font-size:13px;color:var(--muted);margin:4px 0 0}
.info-block{margin-bottom:20px}
.info-block h4{font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.context-list{list-style:none}
.context-list li{padding:7px 0;border-bottom:1px solid var(--line-light)}
.context-list li:last-child{border:none}
.context-list strong{font-size:13px;font-weight:500;color:var(--text);display:block}
.context-list span{font-size:12px;color:var(--muted);display:block;margin-top:2px}
.context-list div{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.context-list em{font-size:11px;color:var(--faint);font-style:normal;border:1px solid var(--line-light);border-radius:100px;padding:0 8px;white-space:nowrap;flex-shrink:0}
.context-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:20px}
.context-cards>div{padding:6px 0}
.context-cards span{font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;display:block}
.context-cards strong{font-size:13px;font-weight:500;color:var(--text)}
.citation-block{margin-bottom:20px}
.citation-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.citation-copy{font-size:12px;color:var(--faint);border:1px solid var(--line-light);border-radius:6px;padding:2px 10px;min-height:0;background:none}
.citation-copy:hover{color:var(--text);border-color:#b0b0b0}
.citation-text{font-size:13px;color:var(--muted);line-height:1.55;overflow-wrap:anywhere}
.engine-link{display:inline-block;font-size:13px;color:var(--text);border-bottom:1px solid var(--text);margin-bottom:16px}
.engine-link:hover{opacity:.6}
.timeline-strip{margin-bottom:20px}
.timeline-span{font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}
.timeline-track{height:2px;background:var(--line-light);position:relative;margin-top:8px}
.timeline-range{position:absolute;top:-1px;height:4px;background:#1a1a1a}
.timeline-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--faint);margin-top:4px}

.gallery-card.is-active { border-color:#1a1a1a; }
.gallery-card.is-active .gallery-caption strong { font-weight:600; }

.atlas-shell,
.gallery-region,
.viewer-region,
.metadata-panel { transition:none; }

/* Gallery identity and shared working surfaces. */
.facet-heading{font-family:var(--font-ui);font-size:16px;font-weight:700;color:var(--text)}
:root{--bg:oklch(97.5% .007 175);--panel:oklch(99% .004 175);--surface:oklch(94.5% .015 175);--text:oklch(27% .023 175);--muted:oklch(43% .025 175);--faint:oklch(49% .02 175);--line:oklch(81% .02 175);--line-light:oklch(88% .015 175);--accent:oklch(46% .073 185);--accent-soft:oklch(92% .035 185);--brick:oklch(49% .14 32);--paper:#fdfdfb}
:root[data-theme=dark]{--bg:oklch(21% .018 175);--panel:oklch(25% .018 175);--surface:oklch(29% .022 175);--text:oklch(94% .008 175);--muted:oklch(80% .018 175);--faint:oklch(72% .02 175);--line:oklch(43% .025 175);--line-light:oklch(36% .02 175);--accent:oklch(76% .085 185);--accent-soft:oklch(33% .04 185);--brick:oklch(77% .11 32)}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--text);font-family:var(--font-ui);letter-spacing:0}
button,input,select{letter-spacing:0}
button,a,input,select,summary{touch-action:manipulation}
a:hover{opacity:1;color:var(--accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
::selection{background:var(--accent-soft);color:var(--text)}
.atlas-topbar{background:var(--panel);border-top:4px solid var(--accent);padding:18px 26px;gap:14px;flex-wrap:nowrap}
.brand-block{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand-block h1{font-family:var(--font-ui);font-size:27px;font-weight:700;line-height:1.25}
.brand-block p{font-size:11px;font-weight:600;color:var(--muted);margin-top:4px}
.brand-mark{display:none}
.topbar-search{max-width:560px;min-width:140px;margin-inline:auto;position:relative}
.topbar-search input{border-radius:6px;border-color:var(--line);background:var(--bg);color:var(--text);height:44px;padding-inline:14px}
.topbar-search input:focus{border-color:var(--accent);background:var(--panel)}
.topbar-search input::placeholder{color:var(--faint)}
.search-status{color:var(--accent);font-size:11px;font-weight:600;margin-top:3px}
.secondary-btn,.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:6px;background:var(--panel);flex-shrink:0;color:var(--muted)}
.secondary-btn:hover,.icon-button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.lucide{width:18px;height:18px;flex-shrink:0;stroke-width:1.8}
.header-tools{display:flex;align-items:center;gap:6px}
.language-select{height:36px;flex-shrink:0;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--text);padding:4px 8px;font:inherit;font-size:12px}
:root[lang=en] .brand-block h1{font-family:Inter,sans-serif;font-size:21px}
.collection-filter{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;padding:8px 12px;min-height:38px;border-radius:6px;color:var(--brick);border-color:var(--line);background:var(--panel)}
.collection-filter.is-active{background:var(--brick);border-color:var(--brick);color:var(--panel)}
.atlas-sidebar{background:var(--surface);padding:24px 18px;gap:22px;border-inline-end:1px solid var(--line-light);border-right:0}
.sidebar-label,.filter-panel label span{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:0}
.sidebar-label{margin-bottom:12px}
.facet-chips{gap:7px 5px}
.facet-chip{border-radius:4px;background:var(--panel);border-color:var(--line);color:var(--muted);padding:5px 9px;min-height:31px;font-size:12px}
.facet-chip b{color:var(--faint);font-size:10px}
.facet-chip:hover{border-color:var(--accent);background:var(--accent-soft)}
.facet-chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--panel);font-weight:600}
.facet-chip.is-active b{color:inherit}
.filter-panel{gap:15px}
.filter-panel select,.control-strip select,.control-strip input[type=text],.mvp-controls input,.mvp-controls select{height:36px;border-radius:4px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:12px;padding:5px 8px;max-width:100%}
.filter-panel select{width:100%}
.clear-filters{align-self:flex-start;color:var(--accent);font-weight:600;padding:5px 0;display:inline-flex;align-items:center;gap:6px}
.workbench-drawer{margin-top:4px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}
.workbench-drawer>summary{padding:12px;font-size:11px;color:var(--muted);font-weight:600;letter-spacing:0}
.engine-cards{display:flex;flex-direction:column;gap:0;max-height:260px;padding:0 10px;overflow:auto;background:var(--panel);border:0;border-radius:0;margin:0}
.engine-card,.engine-card.primary{padding:10px 0;border:0;border-bottom:1px solid var(--line-light);border-radius:0;background:transparent}
.engine-card:hover{background:var(--accent-soft)}
.engine-card-title{font-size:12px;font-weight:600;color:var(--text)}
.engine-card-meta{font-size:11px;color:var(--muted);line-height:1.5}
.gallery-head{padding:25px 26px 15px;border:0;align-items:flex-end}
.gallery-head h2{font-size:23px;line-height:1.3;font-family:var(--font-ui)}
.gallery-head p{font-size:12px;color:var(--muted);margin-top:4px}
.list-toolbar{padding:0 26px 12px}
.list-view-toggle{border-radius:5px;border-color:var(--line);background:var(--panel)}
.list-view-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:6px 12px;color:var(--muted)}
.list-view-toggle button.is-active{background:var(--accent);color:var(--panel);font-weight:600}
.example-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:24px 20px;padding:8px 26px 48px}
.gallery-card{border-radius:6px;background:var(--panel);border-color:var(--line-light);text-align:start;transition:border-color .18s,box-shadow .18s}
.gallery-card:hover{border-color:var(--accent);transform:none;box-shadow:0 3px 12px rgb(20 55 50 / .08)}
.gallery-card.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.gallery-thumb{height:250px;display:flex;align-items:center;justify-content:center;padding:18px;background:#fdfdfb;border-bottom:1px solid var(--line-light)}
.gallery-thumb img{height:100%;width:100%;object-fit:contain}
.gallery-caption{gap:5px;padding:15px 16px 18px;min-height:116px}
.gallery-caption strong{font-size:15px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px}
.gallery-caption small{font-size:12px;color:var(--muted);line-height:1.5}
.gallery-caption em{font-size:11px;color:var(--brick);font-weight:600}
.q-badge{font-size:10px;padding:1px 5px;border:1px solid var(--line);color:var(--accent);border-radius:3px}
.card-star{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;top:8px;right:8px;border:1px solid var(--line-light);border-radius:4px;background:var(--panel);color:var(--muted)}
.card-star:hover,.card-star.is-starred{color:var(--brick);border-color:var(--brick)}
.example-list.density-list{grid-template-columns:1fr;gap:0}
.example-card{padding:14px 42px 14px 0;gap:18px;border-bottom:1px solid var(--line);color:var(--text)}
.example-card img{width:90px;height:90px;background:#fdfdfb;padding:7px;border:1px solid var(--line-light);border-radius:4px}
.example-card>span:not(.card-star){min-width:0}
.example-card strong{font-size:15px;font-weight:700}
.example-card small,.example-card em{font-size:12px;color:var(--muted);line-height:1.6}
.example-card b span{font-size:11px;color:var(--accent);font-weight:500}
.example-card.is-active,.example-card:hover{background:var(--accent-soft)}
.no-results{grid-column:1/-1;padding:40px 0;color:var(--muted)}
.viewer-region{min-width:0;align-self:start}
.viewer-topbar{padding:20px 24px;background:var(--panel);gap:15px}
.viewer-topbar h2{font-size:21px;font-weight:700}
.meta-label,.viewer-topbar .meta-label,.metadata-panel .meta-label{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:0}
.viewer-topbar .toolbar{gap:5px}
.toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:6px 9px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--muted)}
.toolbar button:hover,.toolbar button.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.viewer-topbar .toolbar button{color:var(--muted)}
.viewer-topbar .toolbar button:hover,.viewer-topbar .toolbar button.is-active{color:var(--accent)}
.plate-navigation{display:flex;align-items:center;gap:6px}
#plate-position{min-width:70px;text-align:center;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.toolbar button:disabled{opacity:.4;cursor:default;background:var(--panel);border-color:var(--line)}
.plate-navigation .lucide{width:18px;height:18px}
[dir=rtl] .plate-navigation .lucide{transform:rotate(180deg)}
.stage{min-height:60vh;height:65vh;flex:none;padding:36px;background:var(--paper)}
.pattern-output{width:min(850px,100%);min-width:0}
.atlas-svg{display:block;max-height:calc(65vh - 72px);margin:auto}
.control-strip{background:var(--panel);padding:16px 24px;gap:14px 20px}
.control-strip label{color:var(--muted);font-size:11px;gap:7px}
input[type=range]{accent-color:var(--accent);width:100px;max-width:100%}
input[type=color]{width:30px;height:28px;border:1px solid var(--line);padding:2px;background:var(--panel);border-radius:4px}
.metadata-panel{background:var(--surface);min-width:0;padding:24px;max-height:none;border-left:0;border-inline-start:1px solid var(--line-light);overflow-wrap:anywhere;align-self:start}
.metadata-panel>section{margin-bottom:26px}
.metadata-panel h3{font-size:20px;font-weight:700;line-height:1.35;margin:7px 0}
.metadata-panel>section>p{color:var(--muted)}
.metadata-panel .meta-label{color:var(--accent)}
.info-block h4{font-size:11px;letter-spacing:0;color:var(--muted);font-weight:700}
.info-row{display:grid;grid-template-columns:85px minmax(0,1fr);gap:12px;padding:7px 0;border-bottom:1px solid var(--line-light);font-size:12px}
.geometry-row{flex-wrap:wrap}
.info-row>span:first-child{color:var(--muted)}
.info-row strong{font-weight:500}
.stat-grid,.context-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
.stat-grid span,.context-cards span{display:block;color:var(--muted);font-size:10px;letter-spacing:0}
.stat-grid strong,.context-cards strong{font-size:12px;color:var(--text);overflow-wrap:anywhere}
.context-list strong{color:var(--text)}
.context-list span{color:var(--muted)}
.context-list em{color:var(--accent);border-color:var(--line)}
.citation-text{color:var(--muted)}
.citation-copy{color:var(--accent);border-color:var(--line);background:var(--panel)}
.engine-link{color:var(--accent);border-color:var(--accent);font-weight:600}
.timeline-strip{margin-block:20px 24px;border-block:1px solid var(--line);padding-block:18px}
.timeline-strip h3{margin-bottom:12px}
.timeline-date-row + .timeline-date-row{margin-top:18px}
.timeline-date-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.timeline-date-head strong{font-size:24px;line-height:1.3;color:var(--brick);font-variant-numeric:tabular-nums}
.timeline-calendar{font-size:11px;color:var(--muted)}
.timeline-axis{padding-inline:6px;margin-top:16px}
.timeline-track{height:4px;background:var(--line);margin:0}
.timeline-track::before,.timeline-track::after{content:'';position:absolute;top:-3px;width:1px;height:10px;background:var(--muted)}
.timeline-track::before{left:0}.timeline-track::after{right:0}
.timeline-range{height:8px;top:-2px;background:var(--brick);border-radius:2px}
.timeline-range.is-point{height:12px;width:12px!important;top:-4px;border:2px solid var(--panel);border-radius:50%;transform:translateX(-50%);outline:1px solid var(--brick)}
.timeline-labels{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:8px}
.timeline-hijri{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:16px;font-size:12px;color:var(--muted)}
.timeline-hijri strong{font-weight:600;color:var(--text)}
.timeline-original{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px;overflow-wrap:anywhere}
.timeline-browse{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;margin-top:16px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--accent-soft);color:var(--accent);font:inherit;font-size:12px;font-weight:600;line-height:1.6;text-align:start}
.timeline-browse:hover{border-color:var(--accent)}
.timeline-browse span{min-width:0;overflow-wrap:anywhere}
.date-filter{display:flex;align-items:center;gap:8px;color:var(--brick);font-size:12px;font-weight:600}
.date-filter[hidden]{display:none}
.date-filter .icon-button{width:30px;height:30px}
.gallery-head{gap:12px;flex-wrap:wrap}
.geometry-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:5px 0}
.geometry-row>span{flex:0 0 55px;overflow-wrap:normal}.geometry-row>.geometry-pills{flex:1;min-width:0}
.geometry-pills,.pill-list{display:flex;flex-wrap:wrap;gap:6px;font-size:11px}
.geometry-pills>*,.pill-list>*{padding:4px 7px;border:1px solid var(--line);border-radius:4px;color:var(--accent)}
pre{max-width:100%;overflow:auto;font-size:11px;padding:12px;background:var(--panel);border:1px solid var(--line-light);border-radius:4px;white-space:pre-wrap;overflow-wrap:anywhere}
summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:600}
.compare-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%}
.compare-pane{min-width:0}
.compare-pane figcaption{font-size:12px;font-weight:700;color:var(--accent);margin-bottom:12px}
.compare-pane svg{width:100%;height:auto;max-height:65vh}
.kbd-help{position:fixed;inset:0;z-index:100;background:rgb(15 30 27 / .55);display:grid;place-items:center;padding:20px}
.kbd-card{width:min(430px,100%);padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:8px}
.kbd-card h3{font-size:20px;margin-bottom:15px}
.kbd-card table{width:100%;margin-bottom:20px;font-size:12px}
.kbd-card td{padding:5px}
kbd{padding:2px 6px;border:1px solid var(--line);border-radius:3px;background:var(--surface)}
.mvp-panel{padding:24px;border-top:1px solid var(--line);background:var(--surface)}
.mvp-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.mvp-controls label{display:flex;flex-direction:column;gap:4px;font-size:11px;max-width:160px}
.mvp-controls input{width:120px}
.mvp-status,.mvp-trust-line{font-size:12px;color:var(--muted)}
[dir=rtl] .gallery-card{text-align:right}
[dir=rtl] .card-star{right:auto;left:8px}
[dir=rtl] .example-card{padding:14px 0 14px 42px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
html[data-audience="public"] [data-studio-only] { display: none !important; }
.public-reference-details { border-top: 1px solid var(--border, #d8dfe0); padding-block: 12px; }
.public-reference-details > summary { cursor: pointer; font-weight: 600; }
.public-reference-details .citation-block { margin-top: 12px; }
:root { --font-ui: Inter, 'Thmanyah Sans', sans-serif; }
:root[lang="ar"] { --font-ui: 'Thmanyah Sans', Inter, sans-serif; }