:root{--font-sans:"Bricolage Grotesque",Arial,sans-serif;--font-serif:"Bodoni Moda",Didot,"Times New Roman",serif;--paper:#efeee9;--surface:#f8f6f0;--ink:#11110f;--muted:#6f6e68;--line:rgb(17 17 15 / 18%);--accent:#a53b2a;--artery:#a92e27;--vein:#245c9e;--gutter:clamp(22px,4.2vw,70px);color-scheme:light;font-family:var(--font-sans);font-optical-sizing:auto;font-synthesis:none;color:var(--ink);background:var(--paper);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.hero-hands-placeholder{position:absolute;inset:0;pointer-events:none;opacity:1;transition:opacity .2s}.hero-hands-placeholder img{position:absolute;width:auto;object-fit:contain;opacity:.22;filter:grayscale(1) brightness(.55)}.hero-hand-left{left:17%;top:53%;height:45%;transform:translate(-50%,-50%) rotate(189deg)}.hero-hand-right{left:83%;top:53%;height:45%;transform:translate(-50%,-50%) rotate(171deg)}#heroArt{opacity:0;transition:opacity .2s}.hands-ready #heroArt{opacity:1}.hands-ready .hero-hands-placeholder{opacity:0}:root[data-theme=dark] .hero-hands-placeholder img{filter:grayscale(1);opacity:.25}@media(max-width:900px){.hero-hand-left{left:15%;height:26%}.hero-hand-right{left:85%;height:26%}}@media(prefers-reduced-motion:reduce){#heroArt,.hero-hands-placeholder{transition:none}}
:root[data-theme=dark]{--paper:#11110f;--surface:#1d1d19;--ink:#f8f6f0;--muted:#b3b0a6;--line:rgb(248 246 240 / 20%);--accent:#d26850;--artery:#ed9386;--vein:#8cb9e8;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-width:320px}body.exploring{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:transparent;padding:12px 16px;min-height:44px;border-radius:0;transition:color .2s,background .2s,border-color .2s}button:hover{background:var(--surface)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button[hidden],[hidden]{display:none!important}a{color:inherit}::selection{background:var(--accent);color:#fff}
.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px var(--gutter)}.atlas-brand{display:inline-flex;align-items:center;gap:10px;border:0;padding:0;font-size:11px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap}.atlas-brand:hover{background:none}.atlas-brand__mark{position:relative;display:inline-block;width:24px;height:12px;flex:0 0 24px}.atlas-brand__mark::before,.atlas-brand__mark::after{content:"";position:absolute;top:0;width:12px;height:12px;border:1px solid currentColor;border-radius:50%}.atlas-brand__mark::before{left:0}.atlas-brand__mark::after{right:0}.header-actions{display:flex;align-items:center;gap:20px}.theme-toggle{display:flex;align-items:center;gap:8px;border:0;padding:8px 0;font-size:10px;letter-spacing:.05em}.theme-toggle:hover{background:none;color:var(--accent)}#themeIcon{font-size:20px}#mode{font-size:10px;letter-spacing:.065em}.iconbutton{min-width:44px;font-size:22px;line-height:1;padding:10px}
.landing{position:relative;isolation:isolate;min-height:680px;height:100svh;overflow:hidden;background:var(--paper)}.landing::before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:25% 25%;opacity:.18;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}#heroArt{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.hero-kicker{position:absolute;left:var(--gutter);top:22.5%;margin:0;font-size:10px;line-height:1.5;letter-spacing:.09em;text-transform:uppercase}.hero-title{position:absolute;top:45%;transform:translateY(-50%);left:0;width:100%;margin:0;font-weight:400;line-height:.72;letter-spacing:-.08em;text-align:center;text-transform:uppercase;pointer-events:none}.hero-title>span{display:block}.title-serif{font-family:var(--font-serif);font-size:clamp(100px,min(18vw,24svh),260px)}.title-sans{font-family:var(--font-sans);font-size:clamp(92px,min(16.5vw,22svh),240px);font-weight:500;letter-spacing:-.055em;margin-top:.22em}.hero-entry{position:absolute;bottom:9%;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:12px;width:max-content;max-width:calc(100% - 40px)}.hero-entry>p{font-size:13px;color:var(--muted);text-align:center;margin:0 0 5px}.hero-launch,.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.hero-launch{display:flex;align-items:center;justify-content:space-between;gap:38px;min-width:230px;padding:14px 18px;font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 14px 34px rgb(17 17 15 / 12%)}.hero-launch>span{font-size:21px;font-weight:400}.hero-launch:hover,.primary:hover{background:var(--accent);border-color:var(--accent);color:var(--paper)}.text-button{border:0;padding:6px 0;min-height:36px;font-size:11px;color:var(--muted)}.text-button:hover{color:var(--ink);background:none}.hero-footer{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.035em;color:var(--muted)}
#experience{position:fixed;inset:0;height:100dvh;isolation:isolate}#art{position:absolute;inset:0;z-index:-1;display:block;width:100%;height:100%}.exploring .site-header{pointer-events:none}.exploring .site-header button{pointer-events:auto}.stage-hint,.experience-footer{pointer-events:none}.experience-footer button{pointer-events:auto}.anatomy-controls{position:absolute;left:var(--gutter);top:145px;width:225px;display:grid;gap:14px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}h2{font-family:var(--font-serif);font-size:32px;font-weight:400;letter-spacing:-.04em;line-height:1.15;margin:0 0 16px}.layer-base{display:flex;justify-content:space-between;margin:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:15px 0;font-size:14px}.layer-base span{font-size:10px;color:var(--muted)}.organ-toggle,.check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;cursor:pointer}input[type=checkbox]{width:18px;height:18px;accent-color:var(--ink);margin:0}.artery-key{color:var(--artery)}.vein-key{color:var(--vein)}.model-controls{display:flex;align-items:center;gap:5px;margin-top:10px}.model-controls button{min-width:42px;padding:5px;font-size:20px}.model-controls output{min-width:48px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}#anatomyStatus{font-size:11px;line-height:1.5;color:var(--muted);min-height:16px}.stage-hint{position:absolute;left:var(--gutter);bottom:150px;max-width:225px;font-size:12px;line-height:1.5;color:var(--muted)}.experience-footer{position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);min-height:100px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0}.statuswrap{display:flex;gap:9px;align-items:center;font-size:12px;line-height:1.5}.statusdot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--muted)}.statusdot.live{background:#599774}.privacy{font-size:10px;color:var(--muted);margin:10px 0 0 15px}.controls{display:flex;gap:8px}.controls .primary{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;min-width:190px}.controls button{min-height:48px}
dialog{width:min(410px,calc(100vw - 28px));max-height:90dvh;overflow:auto;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:25px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#11110f66;backdrop-filter:blur(6px)}.dialoghead{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialoghead h2{margin:0}dialog label{display:flex;font-size:14px;margin:15px 0 8px}dialog select{width:100%;padding:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}dialog>button{width:100%;margin-top:24px;font-size:13px}dialog p{font-size:13px;line-height:1.65;color:var(--muted)}dialog small{font-size:11px;color:var(--muted)}#video{position:absolute;right:var(--gutter);bottom:120px;width:160px;border:2px solid var(--surface);z-index:3}
#art.demo-interactive{touch-action:none;cursor:grab}#art.demo-interactive.dragging{cursor:grabbing}#art:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}#return{position:absolute;right:20px;bottom:20px;background:var(--paper);font-size:12px}body.projecting .site-header,body.projecting .stage-hint,body.projecting .experience-footer{display:none}body.projecting .anatomy-controls{top:20px;left:20px;background:var(--paper);border:1px solid var(--line);padding:12px;width:225px}body.projecting .anatomy-controls h2,body.projecting .eyebrow,body.projecting .layer-base,body.projecting #anatomyStatus{display:none}
@media(min-width:901px) and (max-height:740px){.anatomy-controls{top:110px;gap:8px}.stage-hint{display:none}.anatomy-controls h2{font-size:28px;margin-bottom:6px}}
@media(max-width:900px){.site-header{padding:16px 22px}.header-actions{gap:12px}#mode{display:none}.hero-kicker{top:16%;font-size:9px}.hero-title{top:45%}.title-serif{font-size:24vw}.title-sans{font-size:22vw}.landing{min-height:720px}.hero-entry{bottom:10%}.hero-footer{font-size:9px}.anatomy-controls{top:90px;left:22px;right:22px;width:auto;display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px}.anatomy-controls h2,.anatomy-controls>.eyebrow,.layer-base{display:none}.organ-toggle{font-size:12px;min-height:40px}.model-controls{margin:0}#anatomyStatus{width:100%;font-size:10px}.experience-footer{left:22px;right:22px;min-height:108px;display:grid;gap:8px;padding:10px 0 max(12px,env(safe-area-inset-bottom))}.controls{width:100%}.controls .primary{flex:1;min-width:0;gap:12px}.statuswrap{font-size:10px}.privacy,.stage-hint{display:none}#video{width:100px;bottom:125px;right:22px}}
@media(max-width:520px){.hero-kicker{top:15%;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.hero-title{top:45%}.title-serif{font-size:29vw}.title-sans{font-size:27vw}.hero-footer span:last-child{display:none}.hero-footer{justify-content:center}.hero-entry>p{font-size:11px}.hero-entry{bottom:9%}.theme-toggle{font-size:9px}.hero-launch{min-width:220px}.anatomy-controls{gap:4px 16px}}
@media(max-width:950px) and (max-height:550px){.exploring .site-header{padding:8px 16px}.exploring .atlas-brand{font-size:9px}.exploring #themeLabel{display:none}.anatomy-controls{top:60px;left:16px;right:16px;gap:4px 14px}.anatomy-controls h2,.anatomy-controls>.eyebrow,.layer-base{display:none}.organ-toggle{font-size:12px;min-height:36px}.model-controls{margin:0}.model-controls button{min-height:36px}#anatomyStatus{width:100%;font-size:9px}.experience-footer{min-height:62px;left:16px;right:16px;display:flex;padding:6px 0}.controls{width:auto}.controls .primary{min-width:160px}.statuswrap{max-width:230px}.stage-hint{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:380px){.exploring #themeLabel{display:none}.controls .primary{padding:10px 12px}}

/* Readable, crawlable homepage content; the 3D working surface stays separate. */
.hero-footer a{text-decoration:none;text-underline-offset:4px}.hero-footer a:hover{text-decoration:underline}.no-script{position:absolute;bottom:21%;left:var(--gutter);right:var(--gutter);text-align:center;font-size:13px;color:var(--muted)}
.home-info{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:clamp(48px,9vw,145px);padding:clamp(70px,9vw,130px) clamp(22px,7vw,110px);background:var(--surface);border-top:1px solid var(--line)}
.section-index{display:block;margin-bottom:26px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.home-info h2{font-size:clamp(40px,4.5vw,65px);letter-spacing:-.05em;margin:0 0 30px}.home-info__intro h2 span,.site-footer__intro h2 span{font-family:var(--font-sans);font-size:.78em;font-weight:500;letter-spacing:-.045em}.home-info__intro p{max-width:40ch;font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 18px}.home-info__intro strong{font-weight:550;color:var(--ink)}.inline-link{display:inline-flex;align-items:center;gap:28px;margin-top:16px;padding-block:12px;font-size:12px;text-underline-offset:5px}
.home-faq h2{font-size:clamp(32px,3vw,44px)}.home-faq details{border-top:1px solid var(--line);scroll-margin-top:30px}.home-faq details:last-child{border-bottom:1px solid var(--line)}.home-faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:18px 0;list-style:none;cursor:pointer;font-size:15px;line-height:1.4}.home-faq summary::-webkit-details-marker{display:none}.home-faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.faq-plus{flex:none;font-size:24px;color:var(--accent);line-height:1;transition:transform .2s}.home-faq details[open] .faq-plus{transform:rotate(45deg)}.home-faq details[open] summary,.home-faq summary:hover{color:var(--accent)}.home-faq details p{font-size:14px;line-height:1.75;margin:0;padding:0 30px 24px 0;color:var(--muted)}.home-faq p a{text-underline-offset:3px;color:var(--ink)}#o-atlasu,#faq,#kontakt{scroll-margin-top:30px}
.site-footer{--footer-ink:#f8f6f0;--footer-muted:#bab8af;--footer-line:rgb(248 246 240 / 22%);padding:clamp(56px,7vw,100px) var(--gutter) 28px;background:#11110f;color:var(--footer-ink);border-top:1px solid var(--line)}.site-footer__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,90px);padding-bottom:65px}.site-footer .section-index{color:var(--footer-muted)}.site-footer h2{font-size:clamp(38px,4vw,58px);line-height:1.05;margin-bottom:24px}.site-footer p{max-width:38ch;font-size:13px;line-height:1.75;color:var(--footer-muted)}.site-footer h3{margin:0 0 26px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--footer-muted)}.site-footer a{color:inherit;text-underline-offset:4px}.site-footer a:hover{color:#e89a85}.footer-enter{display:flex;gap:40px;justify-content:space-between;width:100%;max-width:240px;border-color:var(--footer-line);margin-top:26px;font-size:12px}.footer-enter:hover{background:#262622}.site-footer__links>a{display:grid;gap:5px;padding:16px 0;border-top:1px solid var(--footer-line);text-decoration:none;overflow-wrap:anywhere}.site-footer__links>a:last-child{border-bottom:1px solid var(--footer-line)}.site-footer__links a span{font-size:10px;color:var(--footer-muted)}.site-footer__links a strong{font-size:13px;font-weight:500}.site-footer__resources nav{display:grid;gap:15px;margin-top:24px}.site-footer__resources a{font-size:12px;line-height:1.5}.site-footer .related-heading{margin:35px 0 15px}.site-footer__base{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--footer-line);font-size:10px;color:var(--footer-muted);line-height:1.7}.site-footer__base nav{display:flex;gap:18px;flex-wrap:wrap}.site-footer__base a{text-decoration:none}.site-footer__base a:hover{text-decoration:underline}
@media(max-width:900px){.home-info{grid-template-columns:1fr;gap:50px;padding-block:65px}.home-info__intro p{max-width:60ch}.site-footer__grid{grid-template-columns:1fr 1fr;gap:45px}.site-footer__intro{grid-column:1/-1}.site-footer__intro p{max-width:60ch}.site-footer__base{display:grid;gap:16px}}
@media(max-width:520px){.home-info h2{font-size:40px}.home-faq h2{font-size:34px}.home-faq summary{font-size:14px;gap:16px}.home-faq details p{padding-right:0}.site-footer__grid{grid-template-columns:1fr}.site-footer__intro{grid-column:auto}.site-footer__base nav{gap:12px 18px}}

/* Organ choices float beside the model controls without resizing the model. */
.anatomy-controls{z-index:4}.organ-picker{position:relative}.organ-picker summary{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;font-size:14px;list-style:none}.organ-picker summary::-webkit-details-marker{display:none}.organ-picker summary::after{content:'+';margin-left:auto;font-size:20px}.organ-picker[open] summary::after{content:'−'}.organ-picker summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#organCount{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.organ-panel{position:absolute;left:calc(100% + 18px);top:-120px;width:285px;max-height:min(480px,calc(100dvh - 280px));overflow:auto;overscroll-behavior:contain;padding:12px 16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 14px 35px #0002;z-index:6}.organ-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.organ-panel-head button{font-size:22px;padding:4px;min-width:44px}.organ-labels{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:6px}.organ-list .organ-toggle{font-size:13px;min-height:44px}.organ-toggle input{flex-shrink:0}
@media(max-width:900px){.organ-picker summary{font-size:12px;min-height:40px;gap:8px}.organ-panel{position:fixed;left:22px;top:138px;width:min(310px,calc(100vw - 44px));max-height:min(440px,calc(100dvh - 250px))}}
@media(max-height:550px){.organ-panel{position:fixed;left:16px;top:65px;max-height:calc(100dvh - 145px);width:285px}.organ-picker summary{min-height:36px}}

/* SVG arrows keep the same appearance on platforms with emoji fonts. */
.icon-arrow-up-right{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.12em;pointer-events:none}

.body-variant{display:inline-flex;align-items:stretch;justify-self:start;gap:2px;padding:3px;border:1px solid var(--line);background:var(--surface);font-size:12px}.body-variant label{position:relative;cursor:pointer}.body-variant input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.body-variant span{display:flex;align-items:center;justify-content:center;min-width:60px;min-height:28px;padding:4px 12px;line-height:1.2}.body-variant input:checked+span{background:var(--ink);color:var(--paper)}.body-variant input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.variant-note{font-size:11px;line-height:1.45;color:var(--muted);margin:0}.organ-toggle[hidden],.variant-note[hidden]{display:none}@media(max-width:900px){.body-variant{min-width:0}.variant-note{flex-basis:100%;font-size:10px;max-width:440px;order:8}}

@media(max-width:900px){.variant-note{display:none}}

.organ-section-label{border-top:1px solid var(--line);padding-top:12px;margin:8px 0 4px;font-size:11px;color:var(--muted)}.organ-toggle[hidden]{display:none}

/* Size the controls against the actual space between the header and footer.
   The canvas still covers the entire viewport, independently of this grid. */
#experience{
 --controls-top:clamp(100px,12dvh,145px);
 --controls-width:250px;
 display:grid;
 grid-template-rows:minmax(0,1fr) auto;
 gap:16px;
 padding:var(--controls-top) var(--gutter) 0;
}
.anatomy-controls{
 position:relative;
 inset:auto;
 align-self:start;
 align-content:start;
 grid-template-columns:minmax(0,1fr);
 width:var(--controls-width);
 max-width:100%;
 min-height:0;
 max-height:100%;
 gap:10px;
 overflow:auto;
 overscroll-behavior:contain;
 /* Keep keyboard focus rings inside the scrollable panel. */
 padding:7px;
 margin-left:-7px;
 scroll-padding:7px;
}
.body-variant{min-width:0}

.experience-footer{position:static;min-width:0}
.footer-copy{min-width:0}
.stage-hint{position:static;max-width:48ch;margin:6px 0 0 15px;font-size:11px}
/* A fixed popover escapes the scrolling sidebar without being clipped. */
.organ-panel{
 position:fixed;
 left:calc(var(--gutter) + var(--controls-width) + 12px);
 top:var(--controls-top);
 width:min(310px,calc(100vw - var(--gutter) - var(--controls-width) - 34px));
 max-height:min(480px,calc(100dvh - var(--controls-top) - 132px));
}
@media(min-width:901px) and (max-height:850px){
 #experience{--controls-top:96px}
 .anatomy-controls{gap:8px}
 .anatomy-controls h2{font-size:28px;margin-bottom:4px}
 .anatomy-controls .layer-base{display:none}
}
@media(min-width:901px) and (max-height:650px){
 .anatomy-controls{gap:6px}
 .anatomy-controls>.eyebrow,.anatomy-controls h2{display:none}
 .anatomy-controls>.organ-toggle,.organ-picker summary{min-height:40px}
}
@media(max-width:900px){
 #experience{--controls-top:90px;padding-inline:22px}
 .anatomy-controls{width:calc(100% + 7px);max-width:calc(100% + 7px);gap:6px 18px}
 .organ-panel{left:22px;top:138px;width:min(310px,calc(100vw - 44px));max-height:min(440px,calc(100dvh - 250px))}
}
@media(max-width:520px){.anatomy-controls{gap:4px 16px}}
@media(max-width:950px) and (max-height:550px){
 #experience{--controls-top:60px;padding-inline:16px;gap:10px}
 .anatomy-controls{display:flex;flex-wrap:wrap;width:calc(100% + 7px);max-width:calc(100% + 7px);gap:4px 14px}
 .organ-panel{left:16px;top:65px;width:min(310px,calc(100vw - 32px));max-height:calc(100dvh - 145px)}
}
body.projecting #experience{--controls-top:20px;padding:20px 20px 76px;gap:0}
body.projecting .anatomy-controls{inset:auto;width:var(--controls-width);max-width:100%;margin:0}
body.projecting .organ-panel{left:calc(20px + var(--controls-width) + 12px);max-height:calc(100dvh - 110px)}
@media(max-width:900px){
 body.projecting .organ-panel{left:20px;top:70px;width:min(310px,calc(100vw - 40px));max-height:calc(100dvh - 160px)}
}

.atlas-route #landing{display:none}

/* Handheld layout gives the model its own row, above a collapsible control dock. */
.layer-dock{display:contents}
.layers-toggle{display:none}
@media(max-width:900px), (max-width:950px) and (max-height:550px){
 #experience{grid-template-rows:minmax(0,1fr) auto auto;padding:76px 16px 0;gap:0}
 #art{position:relative;inset:auto;grid-row:1;z-index:0;min-width:0;min-height:0;width:100%;height:100%}
 .layer-dock{display:block;grid-row:2;min-width:0;background:var(--paper);border-top:1px solid var(--line)}
 .layers-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:36px;padding:5px 6px;border:0;font-size:12px;text-align:left}
 .layers-toggle-mark{font-size:18px;line-height:1}
 .layer-dock .anatomy-controls{display:none;width:100%;max-width:100%;max-height:min(32dvh,220px);margin:0;padding:4px 7px;gap:2px 14px}
 .layer-dock[data-open] .anatomy-controls{display:flex;align-items:center;flex-wrap:wrap}
 .layer-dock .body-variant{flex:0 0 auto}
 .layer-dock #anatomyStatus{display:none}
 .layer-dock .organ-picker[open]{flex-basis:100%}
 .layer-dock .organ-panel{position:static;width:100%;max-height:min(25dvh,200px);margin:4px 0 8px;box-shadow:none}
 .experience-footer{grid-row:3;min-height:0;display:grid;gap:5px;padding:8px 0 max(10px,env(safe-area-inset-bottom));background:var(--paper)}
 .experience-footer .controls{width:100%}
 .experience-footer .controls .primary{min-width:0}
 .experience-footer .statuswrap{max-width:none}
 body.projecting #experience{padding:8px 12px 68px;grid-template-rows:minmax(0,1fr) auto}
 body.projecting .layer-dock .anatomy-controls{inset:auto;width:100%;padding:7px;border:0}
 body.projecting .layer-dock .organ-panel{position:static;width:100%;max-height:min(25dvh,200px)}
}
@media(max-width:950px) and (max-height:550px){
 #experience{padding-top:60px}
 .layers-toggle{min-height:36px;padding-block:5px}
 .layer-dock .anatomy-controls{max-height:30dvh}
 .experience-footer{display:flex;padding-block:6px;gap:12px}
 .experience-footer .controls{width:auto}
 .experience-footer .controls .primary{min-width:150px}
}

/* Consistent select geometry, including the native picker on iOS. */
:root{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f6e68' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
:root[data-theme=dark]{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b3b0a6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
dialog select{
 -webkit-appearance:none;appearance:none;
 background-image:var(--select-chevron);background-repeat:no-repeat;
 background-position:right 14px center;background-size:16px 16px;
 min-height:44px;padding:10px 42px 10px 12px;line-height:1.35;
}
#flipCamera{display:none}
#flipCamera svg{display:block;flex-shrink:0}
@media(max-width:900px), (max-width:950px) and (max-height:550px){
 #flipCamera{display:inline-flex;align-items:center;justify-content:center}
 .layers-toggle{font-size:12px;font-weight:500;padding-inline:7px}
 .layer-dock[data-open] .anatomy-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px;align-items:center}
 .layer-dock .body-variant{grid-column:1/-1;display:inline-flex;gap:2px;padding:2px}
 .layer-dock .organ-toggle,.layer-dock .organ-picker summary{min-height:36px;font-size:12px;gap:8px}
 .layer-dock input[type=checkbox]{width:16px;height:16px}
 .layer-dock .organ-picker summary::after{font-size:18px}
 .layer-dock .organ-picker[open]{grid-column:1/-1}
 .layer-dock .model-controls{display:none}
 .layer-dock #retryModel{grid-column:1/-1}
 .layer-dock:has(#retryModel:not([hidden])) #anatomyStatus{display:block;grid-column:1/-1}
 .experience-footer{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:4px;padding:6px 0 max(8px,env(safe-area-inset-bottom))}
 .experience-footer .controls{width:100%;gap:6px}
 .experience-footer .controls button{min-height:38px}
 .experience-footer .controls .primary{min-width:0;padding:7px 12px;font-size:11px;gap:10px}
 .experience-footer .iconbutton{min-width:38px;width:38px;padding:6px;font-size:19px}
 #projection{display:none}
 .experience-footer .statuswrap{font-size:10px;line-height:1.3}
 dialog select{font-size:16px}
}

@media(max-width:900px), (max-width:950px) and (max-height:550px){
 .footer-copy:has(.statuswrap[hidden]){display:none}
}