:root{color-scheme:dark;--bg:#111f23;--surface:#17282c;--panel:#1a2c30;--raised:#21363a;--ink:#edf4ed;--muted:#a0b4b3;--faint:#7f9998;--line:#ffffff14;--accent:#91d4bd;--accent-ink:#112b28;--stage:#122226;--gold:#d7bc88;--shadow:0 14px 40px #0003;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
:root[data-theme=light]{color-scheme:light;--bg:#f4f5ef;--surface:#fcfcf8;--panel:#eef1e9;--raised:#e3eae0;--ink:#233936;--muted:#5f7771;--faint:#677e76;--line:#193c291c;--accent:#227a64;--accent-ink:#fff;--stage:#eef2e9;--gold:#8f6d2b;--shadow:0 14px 40px #2944340c}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button{border:0;background:none}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:hover{color:var(--accent)}[hidden]{display:none!important}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}h1,h2,p{margin:0}.topbar{height:82px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:54px}.brand{display:flex;gap:12px;align-items:center;font-size:14px;letter-spacing:1.8px;font-weight:700}.brand-mark{font-size:44px;font-weight:400;line-height:1;color:var(--accent)}.brand small{display:block;color:var(--muted);font-size:13px;font-weight:400;letter-spacing:.3px;margin-top:7px}.breadcrumb{display:flex;gap:17px;color:var(--muted);font-size:14px}.breadcrumb b{color:var(--ink);font-weight:400}.header-tools{display:flex;align-items:center;gap:14px;margin-left:auto}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.icon-button:hover{background:var(--raised);border-color:var(--faint)}.back-link{font-size:14px;margin-left:10px;color:var(--muted)}.back-link span{margin-left:12px;color:var(--accent)}.workspace{max-width:1900px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 344px}.explorer{padding:36px 30px 0;min-width:0}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:600;color:var(--muted);line-height:1.5}h1{font-weight:400;letter-spacing:-1.5px;font-size:clamp(30px,2.65vw,43px);margin:10px 0 9px;line-height:1.1}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.intro-copy{font-size:14px;color:var(--muted)}.search{width:240px;flex-shrink:0;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:12px;background:var(--surface);color:var(--muted)}.search input{color:var(--ink);background:none;border:0;outline:none;min-width:0;width:100%;font-size:13px}.search:focus-within{outline:1px solid var(--accent)}input::placeholder{color:var(--faint)}kbd{font-family:inherit;border:1px solid var(--line);padding:2px 5px;font-size:13px;border-radius:3px}.mode-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:8px}#modes{display:flex;gap:16px;overflow:auto;scrollbar-width:none}#modes button{white-space:nowrap;font-size:13px;padding:14px 4px 17px;color:var(--muted);position:relative}#modes button span{font-size:16px;margin-right:7px;font-family:Arial}#modes button[aria-pressed=true]{color:var(--accent)}#modes button[aria-pressed=true]:after{content:'';height:2px;background:var(--accent);position:absolute;bottom:0;left:0;right:0}.view-badge{font-size:12px;letter-spacing:1.3px;white-space:nowrap;color:var(--faint)}.view-badge i{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:6px}.scene-area{position:relative;height:clamp(460px,39vw,650px);background:radial-gradient(ellipse at 45% 35%,#31545322,transparent 63%);margin:0 -12px}.table-canvas{position:absolute;inset:34px 0 38px;overflow:hidden;touch-action:none}.table-canvas canvas{width:100%;height:100%;display:block;outline:none}.scene-caption{position:absolute;top:21px;left:12px;right:12px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.5px;color:var(--faint)}#match-count{letter-spacing:.2px}.table-inset{position:absolute;left:25%;top:15%;pointer-events:none;transition:opacity .2s}.table-inset p{font:18px/1.4 Georgia,serif;letter-spacing:-.3px;color:var(--muted);margin:12px 0}.table-inset em{color:var(--accent)}.table-inset>span:last-child{font-size:12px;color:var(--faint);letter-spacing:1.7px}.inset-line{display:block;width:25px;height:1px;background:var(--gold)}body[data-mode]:not([data-mode=table]) .table-inset{opacity:0}.view-controls{position:absolute;bottom:9px;left:10px;display:flex;align-items:center;gap:6px}.view-controls .icon-button{width:30px;height:30px;font-size:17px}.view-switch{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:3px;margin-right:8px}.view-switch button{font-size:12px;padding:7px 11px;border-radius:4px;color:var(--muted)}.view-switch button[aria-pressed=true]{background:var(--raised);color:var(--accent)}.gesture-hint{position:absolute;right:12px;bottom:21px;font-size:12px;color:var(--faint)}.gesture-hint span{margin:0 5px}.hover-label{position:absolute;pointer-events:none;background:var(--ink);color:var(--bg);padding:8px 12px;border-radius:5px;font-size:13px;box-shadow:var(--shadow);z-index:3}.family-section{border-top:1px solid var(--line);padding:20px 0 16px}.family-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1.7px;color:var(--faint);margin-bottom:12px}.family-heading button{font-size:13px;letter-spacing:0;color:var(--accent)}.family-list{display:flex;flex-wrap:wrap;gap:7px 8px}.family-list button{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;padding:6px 7px;border:1px solid transparent;border-radius:5px}.family-list button:hover,.family-list button[aria-pressed=true]{background:var(--raised);color:var(--ink);border-color:var(--line)}.family-list i{width:7px;height:7px;border-radius:2px;background:var(--family)}.explorer-footer{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--faint);padding:19px 0 24px;border-top:1px solid var(--line)}.explorer-footer button{margin-left:auto;font-size:12px;color:var(--muted)}.progress-track{width:85px;height:3px;background:var(--line);border-radius:2px;overflow:hidden}.progress-track i{height:100%;display:block;background:var(--accent);width:0;transition:width .3s}.inspector{border-left:1px solid var(--line);background:var(--surface);padding:24px 26px 24px;min-width:0}.inspector-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.element-nav{display:flex;gap:7px}.element-nav button{width:29px;height:29px;font-size:15px}.element-heading{display:flex;align-items:center;gap:19px}.element-emblem{height:94px;width:78px;flex-shrink:0;border:1px solid #a5eadc55;background:linear-gradient(145deg,#317d6e,#214d46);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff2b,0 5px 0 #0b1a1a22,0 8px 20px #0001;color:#e2fff5;padding:8px 9px}.element-emblem small{font-size:12px;display:block}.element-emblem strong{font-weight:500;font-size:43px;line-height:1.1;display:block;text-align:center;letter-spacing:-2px}.element-emblem>span{font-size:12px;display:block;text-align:center;margin-top:3px}.family-tag{font-size:12px;color:var(--accent);letter-spacing:.3px}.element-heading h2{font:normal 30px/1.2 Georgia,serif;margin:7px 0}.element-heading p{font-size:12px;color:var(--muted)}.atom-stage{position:relative;height:230px;margin:12px -16px 0;background:radial-gradient(ellipse at 50% 50%,#74bfb614,transparent 70%);overflow:hidden}#atom-canvas{position:absolute;inset:0;z-index:1;touch-action:none}#atom-canvas canvas{width:100%;height:100%;display:block}.atom-watermark{position:absolute;font:normal 180px/1 Georgia,serif;top:15px;left:50%;transform:translateX(-50%);color:var(--ink);opacity:.025;pointer-events:none}.atom-hint{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;color:var(--faint);z-index:2;pointer-events:none}#atom-play{position:absolute;bottom:1px;right:13px;width:28px;height:28px;font-size:14px;z-index:2}.atom-tabs{display:flex;gap:4px;border:1px solid var(--line);border-radius:7px;padding:3px;margin-top:12px}.atom-tabs button{flex:1;font-size:12px;padding:8px 3px;border-radius:4px;color:var(--muted)}.atom-tabs button[aria-pressed=true]{background:var(--raised);color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:23px 0;border-bottom:1px solid var(--line);padding-bottom:23px}.stats>div{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line);gap:7px}.stats>div:last-child{border:0}.stats strong{font-weight:400;font-size:20px;letter-spacing:-.5px}.stats span{font-size:12px;color:var(--muted)}.stats i{display:inline-block;width:4px;height:4px;border-radius:50%;margin-right:4px}.gold-dot{background:#d5ad5c}.blue-dot{background:#71a8e7}.element-story .eyebrow{font-size:12px}#element-fact{font-size:15px;line-height:1.65;margin-top:11px;color:var(--ink)}.everyday{padding:14px 15px;background:var(--panel);border-radius:7px;margin-top:16px;border-left:2px solid var(--accent)}.everyday span{font-size:12px;letter-spacing:1.5px;color:var(--accent)}.everyday p{font-size:13px;line-height:1.55;margin-top:7px;color:var(--muted)}.shell-distribution{padding:22px 0 18px;border-bottom:1px solid var(--line)}.shell-distribution>span{font-size:12px;letter-spacing:1.2px;color:var(--faint)}#shell-counts{display:flex;align-items:center;gap:7px;margin-top:10px}#shell-counts span{border:1px solid var(--line);border-radius:50%;height:27px;width:27px;display:flex;align-items:center;justify-content:center;font-size:13px;background:var(--panel)}#shell-counts span:last-child{border-color:var(--accent);color:var(--accent)}.element-properties summary{display:flex;justify-content:space-between;font-size:13px;cursor:pointer;color:var(--muted);padding:17px 0}.element-properties dl{display:grid;grid-template-columns:1fr 1fr;font-size:13px;gap:12px;color:var(--muted);margin:0 0 15px}.element-properties dd{margin:0;text-align:right;color:var(--ink)}.science-note{font-size:12px;line-height:1.6;color:var(--faint)}.deeper-link{display:flex;justify-content:space-between;align-items:center;background:var(--raised);border:1px solid var(--line);padding:13px;font-size:13px;margin-top:19px;border-radius:7px}.deeper-link span{color:var(--accent)}.mode-panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:13px 17px;margin-top:16px;display:flex;align-items:center;gap:18px;font-size:13px;min-height:66px}.mode-panel p{line-height:1.5;color:var(--muted);font-size:13px;max-width:400px}.mode-panel strong{display:block;font-weight:500;color:var(--ink);margin-bottom:3px}.mode-panel input[type=range]{flex:1;min-width:50px;accent-color:var(--accent)}.mode-panel output{min-width:61px;font-size:17px;font-variant-numeric:tabular-nums;color:var(--accent)}.mode-panel label{font-size:13px;color:var(--muted)}.mode-panel button{border:1px solid var(--line);border-radius:5px;padding:7px 10px;font-size:13px;white-space:nowrap}.state-key{display:flex;gap:8px;font-size:12px;color:var(--muted)}.state-key i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.accessible-table{font-size:13px;color:var(--faint);margin-bottom:16px}.accessible-table summary{cursor:pointer;list-style:none;padding:8px 0}.accessible-table summary span{margin-left:8px}.element-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:5px;margin:12px 0;max-height:300px;overflow:auto}.element-grid button{padding:10px 7px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:13px}.element-grid button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.element-grid button:disabled{display:none}.element-grid button b{font-size:16px;display:block;margin-bottom:3px;font-weight:400;color:var(--ink)}.skip{position:fixed;top:-100px;background:var(--ink);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:10px;left:10px}.sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:15px;max-width:470px;padding:35px;box-shadow:0 25px 90px #0006;width:calc(100% - 40px)}dialog::backdrop{background:#061619aa;backdrop-filter:blur(7px)}dialog .icon-button{float:right;margin:-15px -15px 0 0}dialog h2{font:normal 30px Georgia,serif;margin:12px 0 24px}dialog p,dialog li{font-size:15px;line-height:1.7;color:var(--muted);margin:10px 0}dialog ul{padding-left:18px}dialog a{color:var(--accent);text-decoration:underline}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;font-size:13px;color:var(--muted);background:var(--bg);z-index:5}.loading-orbit{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);border-top-color:var(--accent);animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#atom-fallback{position:absolute;inset:5px 35px;display:flex;align-items:center;justify-content:center}#atom-fallback svg{width:100%;height:100%}.fallback-mode .table-inset,.fallback-mode .view-controls,.fallback-mode .gesture-hint{display:none}.fallback-mode .scene-area{height:75px}.fallback-mode .table-canvas{display:none}.fallback-mode .element-grid{max-height:500px}.fallback-mode .view-badge{display:none}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 385px}.inspector{padding-left:33px;padding-right:33px}.explorer{padding-left:46px;padding-right:46px}.atom-stage{height:260px}.table-inset{top:18%}}
@media(max-width:1180px){.workspace{grid-template-columns:minmax(0,1fr) 300px}.explorer{padding:26px 20px 0}.inspector{padding:21px 20px}.intro{display:block;margin-bottom:20px}.search{margin-top:20px;width:100%;max-width:340px}.scene-area{height:470px}.view-badge{display:none}#modes{gap:11px}#modes button{font-size:13px}#modes button span{display:none}.table-inset{top:21%;left:26%}.table-inset p{font-size:16px}.table-inset>span:last-child{display:none}.gesture-hint{font-size:12px}.atom-stage{height:205px}.topbar{padding:0 24px;gap:35px}.back-link{display:none}}
@media(max-width:850px){.topbar{height:68px;padding:0 18px}.breadcrumb{display:none}.brand{font-size:13px}.brand-mark{font-size:34px}.brand small{font-size:12px}.header-tools{gap:9px}.workspace{grid-template-columns:1fr}.explorer{padding:24px 18px 0}.intro{display:flex}.intro h1{font-size:30px}.intro-copy{font-size:13px}.search{margin:0;width:220px}.scene-area{height:480px}.inspector{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding:26px;position:relative}.inspector-top{grid-column:1 / -1;margin-bottom:20px}.element-heading{grid-column:1}.atom-stage{grid-column:2;grid-row:2 / 5;height:260px;margin:0 -10px}.atom-tabs{grid-column:2}.stats{grid-column:1;grid-row:3;margin:20px 0 0}.element-story{grid-column:1;grid-row:4 / 8;margin-top:20px}.shell-distribution{grid-column:2}.element-properties{grid-column:2}.science-note{grid-column:2}.deeper-link{grid-column:1 / -1}.family-list{gap:5px 13px}.table-inset{top:18%}.table-inset p{font-size:18px}}
@media(max-width:560px){.intro{display:block}.search{width:100%;max-width:none;margin-top:19px}.eyebrow{font-size:12px}.intro h1{font-size:34px}.intro-copy{font-size:14px}#modes{gap:18px}#modes button{font-size:13px;padding-bottom:15px}.scene-area{height:405px;margin:0 -10px}.table-inset{top:25%;left:23%}.table-inset p{font-size:14px;margin-top:7px}.inset-line{width:15px}.scene-caption{font-size:12px}.scene-caption #match-count{font-size:12px;max-width:170px;text-align:right}.gesture-hint{bottom:46px;right:50%;transform:translateX(50%);white-space:nowrap;font-size:12px}.view-controls{left:50%;transform:translateX(-50%);bottom:3px;white-space:nowrap}.family-section{margin-top:8px;padding-top:16px}.family-list{gap:3px}.family-list button{font-size:12px;padding:6px}.family-heading{font-size:12px}.inspector{display:block;padding:24px}.inspector-top{margin-bottom:20px}.element-heading h2{font-size:36px}.element-emblem{width:83px;height:100px}.element-emblem strong{font-size:48px}.atom-stage{height:265px;margin:0}.element-story{margin-top:0}#element-fact{font-size:15px}.stats{margin:24px 0}.stats strong{font-size:24px}.stats span{font-size:13px}.element-story .eyebrow{font-size:12px}.everyday p{font-size:14px}.shell-distribution{padding:22px 0}.atom-tabs button{font-size:13px;padding:10px}.science-note{font-size:13px}.mode-panel{flex-wrap:wrap;gap:9px 12px;padding:12px;align-items:center}.mode-panel>div:first-child{width:100%}.mode-panel input{flex:1}.mode-panel p{font-size:13px}.mode-panel output{font-size:16px}.deeper-link{font-size:14px}.explorer-footer{font-size:12px;gap:9px}.explorer-footer button{font-size:12px}.progress-track{width:45px}.atom-hint{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The fallback retains a spatial, accessible table without requiring WebGL. */
.css-table-host{perspective:1300px;cursor:grab;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.css-table{position:absolute;width:1092px;height:612px;transform-style:preserve-3d;transform-origin:center;will-change:transform}.css-tile{position:absolute;width:52px;height:54px;text-align:center;padding:0;transform-style:preserve-3d;overflow:visible;border-radius:7px;border:1px solid color-mix(in srgb,var(--family) 62%,white 18%);background:linear-gradient(135deg,color-mix(in srgb,var(--family) 92%,white 8%),color-mix(in srgb,var(--family) 76%,black 24%));color:#f0f8f4;box-shadow:inset 1px 1px 0 #ffffff2b,inset -1px -1px 0 #0002,0 4px 0 color-mix(in srgb,var(--family) 50%,#101c21 50%),0 7px 7px #0004;transition:opacity .23s,transform .26s,border-color .2s,box-shadow .2s;backface-visibility:visible;cursor:pointer}.css-tile:hover,.css-tile:focus-visible{transform:translateZ(calc(var(--lift,0px) + 24px));z-index:3;border-color:#c2fae3;box-shadow:inset 1px 1px 0 #ffffff55,0 6px 0 color-mix(in srgb,var(--family) 65%,#101c21 35%),0 15px 15px #0005;color:#fff}.css-tile.selected{border-color:#d0fae4;box-shadow:inset 0 0 15px #aaf6cf11,0 5px 0 #23554c,0 0 0 1px #b5e5d922,0 13px 20px #0006}.css-tile.dim{opacity:.17}.css-tile-number{position:absolute;left:5px;top:5px;font-size:12px;opacity:.8}.css-tile-weight{position:absolute;right:5px;top:5px;font-size:5px;opacity:.6}.css-tile-symbol{display:block;font-size:25px;line-height:1;margin-top:15px;font-weight:500;letter-spacing:-1px}.css-tile-name{display:block;font-size:5.5px;margin-top:4px;white-space:nowrap;letter-spacing:.1px}.css-tile-extra{display:block;font-size:6px;margin-top:3px;opacity:.8}.css-tile .column-side{position:absolute;left:-1px;top:calc(100% + 1px);height:var(--depth,0px);width:calc(100% + 2px);background:linear-gradient(180deg,color-mix(in srgb,var(--family) 65%,#132527 35%),color-mix(in srgb,var(--family) 15%,#132527 85%));transform-origin:top;transform:rotateX(-90deg);border:1px solid color-mix(in srgb,var(--family) 50%,transparent);pointer-events:none}.css-tile .column-right{position:absolute;left:100%;top:-1px;height:calc(100% + 2px);width:var(--depth,0px);transform-origin:left;transform:rotateY(90deg);background:color-mix(in srgb,var(--family) 40%,#17272c 60%);pointer-events:none}.css-group-number,.css-period-number,.css-lanth-label{position:absolute;font-size:12px;line-height:1;color:var(--faint);text-align:center;pointer-events:none}.css-group-number{top:1px;width:52px}.css-period-number{left:1px;width:10px}.css-lanth-label{font-size:12px;width:52px}.css-table-host~.hover-label{display:none!important}.css-table-host .css-tile:focus-visible{outline-offset:7px}body[data-mode=temperature] .css-tile-symbol,body[data-mode=size] .css-tile-symbol,body[data-mode=discovery] .css-tile-symbol{font-size:22px;margin-top:12px}body[data-mode=temperature] .css-tile-name,body[data-mode=size] .css-tile-name,body[data-mode=discovery] .css-tile-name{margin-top:2px}
:root[data-theme=light] .css-tile{color:#1d3b35;background:linear-gradient(135deg,color-mix(in srgb,var(--family) 83%,white 17%),var(--family));border-color:color-mix(in srgb,var(--family) 75%,white 25%);box-shadow:inset 1px 1px 0 #ffffffbb,0 4px 0 color-mix(in srgb,var(--family) 70%,#577b65 30%),0 8px 10px #263a3720}:root[data-theme=light] .css-tile.selected{border-color:#4c9276;box-shadow:inset 1px 1px 0 #fff8,0 5px 0 #83ad94,0 13px 20px #263a3733}:root[data-theme=light] .css-tile:hover{color:#133c2d}.css-table .css-tile[disabled]{display:block;cursor:grab}.css-table .css-tile:disabled:hover{transform:translateZ(var(--lift,0px));box-shadow:inset 1px 1px 0 #ffffff2b,0 4px 0 #101c2133,0 7px 7px #0004}
/* Keep the quiet interface legible on regular laptop screens. */
@media(min-width:851px){.eyebrow{font-size:13px}.intro-copy{font-size:15px}.search input{font-size:14px}#modes button{font-size:14px}.scene-caption{font-size:12px}.family-heading{font-size:12px}.family-list button{font-size:13px}.element-heading p,.family-tag{font-size:13px}.stats span{font-size:13px}.element-story .eyebrow{font-size:12px}#element-fact{font-size:16px}.everyday span{font-size:12px}.everyday p{font-size:14px}.atom-tabs button{font-size:13px}.element-properties summary{font-size:13px}.science-note{font-size:13px}.deeper-link{font-size:13px}.atom-hint{font-size:12px}.explorer-footer,.explorer-footer button{font-size:13px}.accessible-table{font-size:13px}}
.css-tile{transform:translateZ(var(--lift,0px))}
.return-table{display:none}@media(max-width:850px){.return-table{display:flex;align-items:center;padding-right:12px;font-size:13px;color:var(--accent)}}@media(max-width:560px){.header-tools .icon-button{width:38px;height:38px}.element-nav .icon-button{width:38px;height:38px}.atom-tabs button{min-height:40px}.family-list button{min-height:31px}.view-controls .icon-button{width:35px;height:35px}.view-switch button{padding:10px 11px}.view-controls{bottom:0}}
/* Section browsing: keep the familiar table, or collect a smaller set. */
.section-browser{margin-top:21px;padding:18px 19px 12px;background:linear-gradient(120deg,var(--surface),transparent);border:1px solid var(--line);border-radius:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading h2{font:400 21px/1.2 Georgia,serif;letter-spacing:-.4px}.section-heading p{font-size:13px;line-height:1.6;color:var(--muted);margin-top:5px}.section-heading .view-switch{margin:0;flex-shrink:0}.section-filters{display:grid;grid-template-columns:1.35fr repeat(3,1fr) 1.12fr;gap:10px;margin-top:17px}.section-filters label{display:flex;flex-direction:column;gap:7px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--faint)}select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;min-width:0;max-width:100%;padding:8px 6px;cursor:pointer;color-scheme:inherit}select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.section-filters select{width:100%;font-size:13px;letter-spacing:0;text-transform:none}.section-bottom{display:flex;align-items:center;gap:14px;min-height:35px;margin-top:10px}.quick-sections{display:flex;gap:7px;flex-wrap:wrap}.quick-sections button{font-size:12px;padding:6px 8px;border-radius:20px;border:1px solid var(--line);color:var(--muted)}.quick-sections button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.section-sort{margin-left:auto;font-size:12px;white-space:nowrap;color:var(--faint)}.section-sort select{border:0;padding:5px;background:transparent;font-size:12px}#reset-filters{margin-left:auto;font-size:13px;color:var(--accent);white-space:nowrap}.section-sort:not([hidden])+#reset-filters{margin-left:0}body[data-layout=section] .table-inset{display:none}body[data-layout=section] .scene-area{background:radial-gradient(ellipse at 50% 50%,#619b8720,transparent 68%)}.empty-section{position:absolute;inset:35% 20px auto;text-align:center;z-index:5;background:var(--bg);padding:25px 12px;border-radius:12px}.empty-section strong{font:22px Georgia,serif}.empty-section p{font-size:14px;color:var(--muted);margin:10px}.empty-section button{font-size:14px;color:var(--accent);margin-top:10px}.table-expanded .workspace{grid-template-columns:1fr}.table-expanded .inspector{display:none}.table-expanded .scene-area{height:min(70vh,800px)}.table-expanded .gesture-hint{display:block}.table-expanded #expand-table{color:var(--accent);background:var(--raised)}
#atom-home{min-width:0}#open-viewer{position:absolute;z-index:3;right:10px;top:9px;font-size:13px;color:var(--accent);padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}#open-viewer span{margin-left:6px;font-size:16px}#open-viewer:hover{border-color:var(--accent)}
/* The same live model moves into the viewer; there is never a second renderer. */
body.viewer-open{overflow:hidden}#element-dialog{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;padding:0;background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--accent) 6%,var(--bg)),var(--bg) 64%);color:var(--ink);overflow:auto}#element-dialog[open]{display:flex;flex-direction:column}#element-dialog::backdrop{background:var(--bg)}.viewer-top{height:66px;min-height:66px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 35px;gap:20px}.viewer-back{font-size:14px;color:var(--accent);padding:12px 0}.viewer-top .eyebrow{font-size:12px;letter-spacing:2px}.viewer-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 60px 0;gap:25px}.viewer-heading h2{font:400 clamp(35px,4vw,63px)/1.05 Georgia,serif;letter-spacing:-1.7px;margin:10px 0}.viewer-heading p:last-child{font-size:13px;color:var(--muted)}.viewer-heading .eyebrow{color:var(--accent)}.viewer-element-picker{display:flex;flex-direction:column;gap:9px;align-items:flex-end}.viewer-element-picker label{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.viewer-element-picker>div{display:flex;align-items:center;gap:10px}.viewer-element-picker select{width:180px;font-size:14px;padding:10px}.viewer-element-picker>span{font-size:13px;color:var(--faint)}#viewer-stage{flex:1;min-height:260px;position:relative;display:flex;align-items:stretch;justify-content:center}#viewer-stage .atom-stage{height:auto;margin:0;width:100%;min-height:260px;flex:1;background:none}#viewer-stage .atom-watermark{font-size:clamp(180px,32vw,540px);top:50%;transform:translate(-50%,-50%);opacity:.02}#viewer-stage #open-viewer,#viewer-stage #atom-play{display:none}#viewer-stage .atom-hint{bottom:15px;font-size:13px;letter-spacing:.6px}.viewer-controls{display:flex;justify-content:center;align-items:center;gap:24px;padding:7px 25px 22px}.viewer-controls .atom-tabs{width:320px;margin:0}.viewer-controls .atom-tabs button{font-size:14px;padding:12px 10px}.viewer-tools{display:flex;gap:8px}.viewer-tools .icon-button{width:39px;height:39px}.viewer-footer{border-top:1px solid var(--line);padding:20px 40px 22px;display:flex;gap:35px;align-items:center;justify-content:space-between}.viewer-footer>div{display:flex;gap:26px;flex-shrink:0}.viewer-footer span{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:6px}.viewer-footer b{font-size:18px;color:var(--ink);font-weight:400}.viewer-footer p{max-width:430px;font-size:13px;line-height:1.7;color:var(--faint)}
@media(min-width:851px) and (max-width:1180px){.section-heading{align-items:flex-start;flex-direction:column}.section-filters{grid-template-columns:repeat(3,1fr)}.section-bottom{flex-wrap:wrap;gap:8px}.section-sort{margin-left:0}.gesture-hint{display:none}}
@media(min-width:561px) and (max-width:850px){#atom-home{grid-column:2;grid-row:2 / 5}#atom-home .atom-stage{height:260px}.viewer-footer{flex-direction:column;gap:16px}.viewer-footer p{max-width:600px;text-align:center}}
@media(max-width:560px){.section-browser{padding:15px 12px 10px;margin-top:18px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-heading h2{font-size:23px}.section-heading p{font-size:13px}.section-heading .view-switch{width:100%}.section-heading .view-switch button{flex:1;font-size:13px}.section-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.section-filters label{font-size:12px}.section-filters label:first-child{grid-column:1 / -1}.section-filters select{font-size:14px;padding:10px 6px}.section-bottom{flex-wrap:wrap;gap:8px}.quick-sections button{min-height:32px;font-size:13px}.section-sort{margin-left:0}.section-sort select{font-size:13px;padding:6px}#reset-filters{font-size:13px}.section-sort:not([hidden])+#reset-filters{margin-left:auto}.scene-area{height:390px}.table-expanded .scene-area{height:55vh}.viewer-top{padding:0 17px;height:58px;min-height:58px}.viewer-top .eyebrow{display:none}.viewer-heading{padding:22px 22px 0;align-items:flex-start;gap:17px;flex-direction:column}.viewer-heading h2{font-size:42px;margin:7px 0}.viewer-heading .eyebrow{font-size:12px}.viewer-heading p:last-child{font-size:13px}.viewer-element-picker{align-items:stretch;width:100%;gap:6px}.viewer-element-picker label{display:none}.viewer-element-picker>div{gap:8px}.viewer-element-picker select{width:auto;flex:1;padding:9px}.viewer-element-picker>span{text-align:center;font-size:12px}.viewer-element-picker .icon-button{width:34px;height:34px}#viewer-stage{min-height:230px}#viewer-stage .atom-stage{min-height:230px}.viewer-controls{flex-direction:column;gap:12px;padding:0 20px 17px}.viewer-controls .atom-tabs{width:min(100%,340px)}.viewer-controls .atom-tabs button{padding:9px 7px;font-size:13px}.viewer-tools{gap:13px}.viewer-footer{padding:16px 20px 20px;flex-direction:column;gap:14px}.viewer-footer>div{width:100%;justify-content:space-between;gap:12px}.viewer-footer b{font-size:16px}.viewer-footer span{font-size:12px}.viewer-footer p{font-size:12px;line-height:1.6;text-align:center}#viewer-stage .atom-hint{font-size:12px;bottom:8px}#open-viewer{font-size:13px;padding:9px 12px}.section-browser+.mode-panel{margin-top:12px}}
@media(max-height:650px) and (min-width:561px){.viewer-heading{padding-top:15px}.viewer-heading h2{font-size:35px}#viewer-stage,#viewer-stage .atom-stage{min-height:210px}.viewer-footer{padding:12px 30px}.viewer-footer p{font-size:12px}.viewer-controls{padding-bottom:12px}.viewer-top{height:50px;min-height:50px}}

#viewer-status{margin:12px 40px 0;padding:10px 14px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:13px;line-height:1.5}