@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#23332c;background:#f1f3f1;font-synthesis:none;--ink:#23332c;--muted:#707c75;--line:#e5e9e5;--accent:#284e3b;--panel:rgba(255,255,255,.93)}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,#viewport:focus-visible{outline:2px solid #588465;outline-offset:4px}button{border:0;background:none}a{color:inherit}button[hidden],[hidden]{display:none!important}.header{position:absolute;z-index:5;top:32px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.header>*{pointer-events:auto}.eyebrow{font-size:.75rem;letter-spacing:.105em;font-weight:600;color:var(--muted)}.brand{text-decoration:none;font-size:.6875rem}.brand span{padding:0 9px;color:#a8b0aa}h1{margin:11px 0 5px;font-size:1.9rem;font-weight:550;letter-spacing:-.055em;line-height:1.1}.version{vertical-align:middle;letter-spacing:.03em;font-size:.7rem;padding:4px 6px;border:1px solid #cad4ca;border-radius:4px;margin-left:11px;color:#55705c}.species{margin:0;font-size:.8125rem;color:var(--muted)}.species span{padding:0 6px}.header-actions{display:flex;gap:19px;align-items:center}.quiet{background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px 13px;font-size:.8125rem}.quiet span{margin-left:15px}.home-link{width:38px;height:38px;border:1px solid #d3dcd4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;text-decoration:none;position:relative}.home-link span{position:absolute;right:-3px;top:-4px;background:#f1f3f1;font-size:.65rem}.workspace{height:100svh;min-height:660px;position:relative;overflow:hidden}.scene{position:absolute;inset:104px 300px 152px 254px}#viewport{position:absolute;inset:0;outline-offset:-3px;touch-action:none}#viewport canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#viewport canvas:active{cursor:grabbing}.scene-label{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);white-space:nowrap;letter-spacing:.13em;font-size:.65rem;font-weight:600;color:#7c8b7f;text-align:center;pointer-events:none}.scene-label span{display:block;font-size:.75rem;letter-spacing:0;font-weight:400;margin-top:6px;color:#909b92}.panel{background:var(--panel);border:1px solid #e6eae6;border-radius:10px;box-shadow:0 8px 35px #26382805,0 1px 3px #23332c03;z-index:3}.layers{position:absolute;left:38px;top:173px;width:210px;padding:19px 15px 12px}.panel-heading{display:flex;align-items:center;gap:9px;justify-content:space-between}.panel-heading h2{font-size:.875rem;margin:0;font-weight:600}.counter{font-size:.6875rem;color:#89958c;font-variant-numeric:tabular-nums}.search{border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;gap:6px;margin:17px 0 20px;padding:5px 8px;color:#859187}.search span{font-size:1.15rem}.search input{border:0;outline:0;width:100%;min-width:0;background:transparent;font-size:.8125rem;color:var(--ink);height:25px}.search input::placeholder{color:#8b968e}.list-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;gap:7px}.list-caption span{font-size:.5625rem;letter-spacing:.08em;color:#7e8a80}.text-button{font-size:.6875rem;color:#63786a;padding:4px 0;white-space:nowrap}.text-button:hover{text-decoration:underline}.organ-list{display:flex;flex-direction:column;gap:3px}.organ-row{display:flex;align-items:center;position:relative;border-radius:5px;min-height:36px}.organ-row.selected{background:#eaf0e9}.organ-row:hover{background:#f2f5f1}.organ-select{display:flex;align-items:center;flex:1;min-width:0;text-align:left;gap:10px;padding:8px 6px;font-size:.8125rem}.organ-dot{width:6px;height:6px;border-radius:50%;flex:0 0 auto;background:var(--organ-color)}.organ-name{flex:1}.organ-count{font-size:.625rem;color:#8a958b;padding-right:3px;font-variant-numeric:tabular-nums}.eye{width:28px;height:32px;padding:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.eye svg{width:16px;height:16px;stroke:#7d8c80;fill:none;stroke-width:1.4}.eye[aria-pressed=false]{opacity:.35}.organ-row.off .organ-select{opacity:.4}.layer-foot{border-top:1px solid var(--line);margin-top:14px;padding:13px 3px 1px;font-size:.625rem;color:#8a968c;display:flex;gap:6px;align-items:center}.status-dot{background:#789878;width:4px;height:4px;border-radius:50%}.inspector{position:absolute;top:173px;right:38px;width:247px;padding:19px 20px 15px}.inspector .eyebrow{font-size:.625rem}.panel-close{font-size:1.3rem;line-height:1;width:25px;height:25px;color:#8a948d;margin:-6px -8px -5px 0}.detail-index{display:block;font-family:Georgia,serif;font-style:italic;font-size:2.3rem;color:#9ab39a;margin:17px 0 17px;line-height:1}.inspector h2{font-size:1.35rem;letter-spacing:-.04em;line-height:1.2;margin:0 0 9px;font-weight:550}.detail-latin{margin:0 0 17px;font-size:.75rem;color:#8d988f}.inspector p:not(.detail-latin){font-size:.875rem;line-height:1.65;color:#6d7a70;margin:0}.detail-divider{height:1px;background:var(--line);margin:18px 0}.inspector h3{font-size:.6875rem;color:#445b4b;font-weight:600;margin:0 0 8px;text-transform:uppercase;letter-spacing:.07em}.detail-facts{font-size:.6875rem;line-height:1.4;margin:19px 0 16px}.detail-facts>div{display:flex;justify-content:space-between;gap:6px;margin-top:8px}.detail-facts dt{color:#8e988f}.detail-facts dd{margin:0;text-align:right;color:#596c60}.primary{display:flex;width:100%;align-items:center;justify-content:space-between;background:#2d4939;color:white;border-radius:5px;padding:11px 12px;font-size:.75rem}.primary:hover{background:#3c604c}.restore{width:100%;font-size:.75rem;padding:12px 0 4px;color:#687e6d}.source{border-top:1px solid var(--line);margin-top:17px;padding-top:13px;display:flex;justify-content:space-between;font-size:.625rem;text-decoration:none;color:#8d988f}.source:hover{color:#2d4939}.view-tools{position:absolute;right:303px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;padding:5px;background:#fff;border:1px solid var(--line);border-radius:7px;z-index:2}.view-tools button{width:31px;height:34px;font-size:1.3rem;border-radius:4px;color:#65756b}.view-tools button[aria-pressed=true],.view-tools button:hover{background:#2f473a;color:#fff}.view-tools>span{height:1px;background:var(--line);margin:4px}.assembly{position:absolute;bottom:59px;left:50%;transform:translateX(-50%);width:380px;padding:15px 19px 11px}.assembly-top{display:flex;align-items:center;font-size:.8125rem;gap:12px}.assembly-top label{font-weight:500;flex:1}.assembly-top output{font-size:.6875rem;color:#78897d;font-variant-numeric:tabular-nums}.assembly-top .text-button{margin-left:12px}.assembly-top .text-button span{margin-left:4px}.assembly input{width:100%;margin:15px 0 10px;accent-color:#3b5a43;cursor:ew-resize;height:5px;display:block}.assembly-bottom{display:flex;justify-content:space-between}.preset{font-size:.625rem;padding:5px 0;color:#8a978b}.preset.active{color:#304c38;font-weight:650}.gesture-hint{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:.625rem;color:#9ba49c;white-space:nowrap}.gesture-hint span{margin:0 8px}.model-note{position:absolute;left:38px;bottom:25px;color:#8a958c;font-size:.5625rem}.model-note span{padding:0 4px}.empty{font-size:.875rem;color:var(--muted);line-height:1.6}.hover-label{position:absolute;pointer-events:none;padding:7px 11px;background:#304739;color:white;border-radius:4px;font-size:.75rem;white-space:nowrap;box-shadow:0 3px 15px #23332c16;z-index:6}#loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-size:.875rem;color:#66816e;pointer-events:none}#loading.error{background:#f1f3f1;padding:35px;flex-direction:column;text-align:center;gap:14px;pointer-events:auto;line-height:1.6}#loading.error button{background:#2d4939;color:white;padding:10px 14px;border-radius:5px}.loading-dot{display:inline-block;width:5px;height:5px;background:#789a76;border-radius:50%;margin-left:9px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}dialog{border:1px solid #dce4dd;border-radius:12px;padding:26px;max-width:520px;max-height:85svh;color:var(--ink);box-shadow:0 30px 100px #183d282b}dialog::backdrop{background:#28372b4a;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}dialog h2{font-size:1.7rem;font-weight:500;letter-spacing:-.04em;margin:23px 0}.help-list>div{margin:19px 0}.help-list dt{font-size:.9375rem;font-weight:600;margin-bottom:5px}.help-list dd{font-size:.875rem;line-height:1.6;color:var(--muted);margin:0}.science-note{border-top:1px solid var(--line);padding-top:18px;font-size:.8125rem;line-height:1.7;color:#7b897d}dialog a{font-size:.75rem}.mobile-only,.mobile-layers{display:none}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;z-index:20;background:#fff;padding:12px}.no-js{position:fixed;inset:30%;z-index:30;background:white;padding:40px;text-align:center}
@media(min-width:1500px){.header{top:40px;left:48px;right:48px}.layers{left:48px;width:240px;top:195px;padding:22px 18px 16px}.inspector{right:48px;width:280px;top:195px;padding:22px 24px 18px}.scene{left:300px;right:355px;top:100px;bottom:165px}.view-tools{right:350px}.organ-select{font-size:.875rem;padding:11px 8px}.organ-count{font-size:.75rem}.layer-foot,.source,.preset,.model-note,.gesture-hint{font-size:.75rem}.list-caption span{font-size:.625rem}.inspector p:not(.detail-latin){font-size:1rem}.detail-facts{font-size:.8125rem}.assembly{width:430px}.model-note{left:48px}}
@media(max-width:1100px){.header{left:24px;right:24px}.layers{left:24px;width:195px;padding:16px 12px}.inspector{right:24px;width:222px;padding:17px}.scene{left:218px;right:248px}.view-tools{right:253px}.model-note{left:24px;max-width:200px;line-height:1.5}.gesture-hint{left:auto;right:24px;transform:none}.assembly{bottom:70px}}
@media(max-height:800px) and (min-width:901px){.layers,.inspector{top:148px}.inspector{max-height:calc(100svh - 205px);overflow:auto}.detail-index{font-size:1.7rem;margin:12px 0}.detail-divider{margin:12px 0}.inspector p:not(.detail-latin){font-size:.8125rem}.detail-facts{margin:12px 0}.source{margin-top:12px}.assembly{bottom:53px}.scene{bottom:146px}}
@media(max-width:900px){.workspace{min-height:600px}.header{top:23px;left:20px;right:20px}h1{font-size:1.6rem}.brand{font-size:.6rem}.species{font-size:.75rem}.home-link{display:none}.quiet{font-size:.75rem;padding:9px 10px;margin-top:4px}.quiet span{display:none}.scene{inset:130px 12px 172px}.scene-label{bottom:0}.mobile-layers{display:flex;align-items:center;gap:5px;position:absolute;top:121px;left:20px;z-index:4;border:1px solid var(--line);background:white;padding:9px 12px;border-radius:6px;font-size:.875rem}.mobile-only{display:block}.layers{display:none;left:20px;top:165px;width:240px;max-height:calc(100svh - 350px);overflow:auto}.layers.open{display:block}.organ-select{font-size:.875rem}.list-caption span{font-size:.625rem}.text-button{font-size:.75rem}.inspector{display:none;top:auto;bottom:176px;left:20px;right:20px;width:auto;max-height:42svh;overflow:auto;padding:18px 20px;z-index:5}.inspector.open{display:block}.inspector h2{font-size:1.3rem}.inspector p:not(.detail-latin){font-size:.875rem}.detail-index{display:none}.inspector .panel-heading{margin-bottom:13px}.detail-latin{margin-bottom:12px}.detail-facts{font-size:.75rem}.detail-divider{margin:13px 0}.source{font-size:.75rem}.view-tools{right:20px;top:200px;transform:none}.view-tools button{width:33px;height:37px}.assembly{bottom:54px;width:calc(100% - 40px);max-width:400px;padding:14px 18px 10px}.assembly-top{font-size:.875rem}.preset{font-size:.75rem;padding:7px 0}.assembly input{margin:17px 0 12px;height:6px}.model-note{left:0;right:0;max-width:none;text-align:center;bottom:16px;font-size:.625rem}.gesture-hint{display:none}.scene-label{font-size:.6rem}.organ-count{font-size:.7rem}}
/* Readable control sizes, including compact windows and text enlargement. */
.brand,.model-note,.gesture-hint,.scene-label,.list-caption span,.counter,.organ-count,.layer-foot,.source,.eyebrow,.inspector .eyebrow{font-size:.75rem}
.quiet,.species,.search input,.organ-select,.text-button,.assembly-top,.detail-facts,.primary,.restore,.preset,.detail-latin{font-size:.875rem}
.inspector p:not(.detail-latin){font-size:1rem;line-height:1.55}
.inspector h3,.assembly-top output{font-size:.75rem}
.list-caption{flex-wrap:wrap;gap:3px}.panel-heading h2{font-size:1rem}
.layers{width:236px}.inspector{width:280px}.scene{left:280px;right:333px}.view-tools{right:337px}
.layer-foot{line-height:1.5}.organ-count{padding-left:3px}.organ-select{gap:8px}
@media(max-width:1100px) and (min-width:901px){.layers{width:220px}.inspector{width:260px}.scene{left:251px;right:298px}.view-tools{right:294px}.model-note{max-width:205px}}
@media(min-width:1500px){.layers{width:250px}.inspector{width:290px}.scene{left:310px;right:355px}.view-tools{right:350px}}
@media(max-width:900px){.layers{width:260px}.inspector{width:auto}.scene{left:12px;right:12px}.view-tools{right:20px}.brand{font-size:.625rem}.quiet{font-size:.75rem}.model-note{font-size:.6875rem}.header-actions{gap:0}.scene-label{font-size:.625rem}.scene-label span{font-size:.75rem}.organ-row{min-height:43px}.eye{width:36px;height:40px}}
@media(max-width:400px){.brand{letter-spacing:.05em;font-size:.5625rem}.brand span{padding:0 4px}.quiet{font-size:.6875rem;padding:9px 7px}.model-note{font-size:.625rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}