:root{font-family:"Segoe UI",Arial,sans-serif;color:#e0e7f0;background:#080f20;font-synthesis:none;--bg:#080f20;--muted:#8191a8;--mint:#8ce0d3;--line:rgba(163,188,218,.12);--panel:rgba(13,23,41,.78)}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;display:block}button svg{pointer-events:none}.muted{color:var(--muted)}.header{height:93px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:relative;z-index:3}.brand{display:flex;gap:13px;align-items:center;font-size:23px;letter-spacing:5px;font-weight:600}.brand svg{color:var(--mint);width:35px;height:35px;stroke-width:1.1}.brand-sub{display:block;color:#a4b2c5;font-size:8px;letter-spacing:2.8px;font-weight:400;margin-top:5px}.header-center{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap}.header-divider{height:13px;width:1px;background:var(--line);margin:0 9px}.live-dot{height:5px;width:5px;display:inline-block;background:var(--mint);border-radius:50%;box-shadow:0 0 10px #83f2dc44}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border-radius:7px;color:#a6b7ca;transition:.2s}.icon-button:hover{background:#b7d7ec13;color:#f0ffff}.icon-button[aria-pressed=true]{color:var(--mint);background:#8ce0d315}.icon-button.small{width:26px;height:26px}.icon-button.small svg{width:16px;height:16px}#workspace{position:relative;height:calc(100dvh - 138px);min-height:660px;overflow:hidden}#stage{position:absolute;inset:0;background:radial-gradient(ellipse at 51% 41%,#1c35524a 0,#101e3430 35%,transparent 65%)}#anatomy{width:100%;height:100%;touch-action:none;display:block;outline-offset:-4px}.stage-heading{position:absolute;top:32px;left:calc(50% - 150px);pointer-events:none}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.1px;color:var(--mint);display:block}.stage-heading .eyebrow{color:#9aafc4;font-size:8px}.stage-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:31px;line-height:1.13;font-weight:400;margin:13px 0 10px;letter-spacing:-.9px}.stage-heading p{color:#8da0b7;font-size:11px;margin:0}.layers-panel,.explore-panel,.detail-panel{position:absolute;top:31px;width:255px;background:var(--panel);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:12px;padding:24px;z-index:2}.layers-panel{left:30px}.explore-panel,.detail-panel{right:30px;width:270px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading>.eyebrow{color:#9badc3;font-size:8px}.panel-heading>svg{width:16px;height:16px;color:#7e92ab}.counter{font-size:9px;color:#89a0bb;letter-spacing:1px}.layers-panel h2,.explore-panel h2{font-size:21px;font-weight:400;letter-spacing:-.6px;margin:15px 0 7px}.explore-panel h2{font-size:20px;line-height:1.2}.panel-description{font-size:11px;line-height:1.8;color:#8293ac;margin:0}.presets{display:flex;border:1px solid var(--line);border-radius:6px;padding:3px;margin:23px 0 21px;background:#070f1d66}.presets button{flex:1;background:transparent;color:#7c90a9;font-size:10px;padding:8px;border-radius:4px}.presets button.active{background:#293b4a;color:#cbf5ec;box-shadow:0 1px 4px #0002}.layer{padding:14px 0;border-bottom:1px solid var(--line)}.layer:first-child{padding-top:0}.layer-main{display:flex;align-items:center;gap:10px}.layer-symbol{width:30px;height:32px;display:grid;place-items:center;color:var(--layer-color);background:color-mix(in srgb,var(--layer-color) 7%,transparent);border:1px solid color-mix(in srgb,var(--layer-color) 16%,transparent);border-radius:7px}.layer-symbol svg{width:19px;height:19px}.layer-toggle{padding:0;display:flex;align-items:center;gap:10px;text-align:left;background:transparent;flex:1}.layer-name{font-size:12px;color:#dee6ee;display:block}.layer-sub{font-size:9px;display:block;margin-top:3px;color:#73849b}.layer-eye{width:23px;height:26px;color:#67829c;background:transparent;display:grid;place-items:center;padding:0}.layer-eye svg{width:15px;height:15px}.layer-eye:hover{color:var(--mint)}.layer-check{border:1px solid #394b62;width:13px;height:13px;border-radius:3px;display:grid;place-items:center}.layer-check svg{width:9px;height:9px;stroke-width:2.5}.layer.active .layer-check{background:var(--layer-color);border-color:var(--layer-color);color:#0c1b29}.layer:not(.active) .layer-check svg{visibility:hidden}.layer:not(.active) .layer-name{color:#6b7d94}.layer:not(.active) .layer-symbol{opacity:.4}.opacity-row{padding:13px 0 0 40px;display:flex;gap:10px;align-items:center}.opacity-row input{appearance:none;width:100%;height:2px;accent-color:var(--layer-color);background:#34455a;cursor:pointer;margin:5px 0}.opacity-row input::-webkit-slider-thumb{appearance:none;background:var(--layer-color);height:7px;width:7px;border-radius:50%;box-shadow:0 0 0 3px #18283c}.opacity-row input::-moz-range-thumb{background:var(--layer-color);height:7px;width:7px;border:0;border-radius:50%}.opacity-row output{font-size:8px;color:#7c8fa7;min-width:23px;text-align:right}.pulse-control{display:flex;align-items:center;justify-content:space-between;padding-top:19px;gap:4px}.toggle-label{display:flex;align-items:center;gap:6px;font-size:9px;color:#8b9eb4;cursor:pointer}.toggle-label svg{width:13px;height:13px;color:#d9b97c}.switch{width:25px;height:14px;border-radius:12px;background:#3c4b5e;padding:3px;flex-shrink:0}.switch i{height:8px;width:8px;display:block;background:#d8e4f0;border-radius:50%;transition:transform .2s}.switch.on{background:#6db9b0}.switch.on i{transform:translateX(11px);background:#ecfff9}.panel-bottom{display:flex;align-items:center;gap:9px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line);color:#637891}.panel-bottom>svg{width:17px;flex-shrink:0}.panel-bottom p{font-size:9px;line-height:1.8;margin:0}.panel-bottom p svg{display:inline-block;vertical-align:middle;width:11px;height:11px}.search{display:flex;align-items:center;gap:8px;padding:10px 11px;margin:20px 0 10px;border:1px solid var(--line);border-radius:5px;background:#060e1e44}.search svg{width:14px;height:14px;color:#60748f;flex-shrink:0}.search input{border:0;outline:0;background:transparent;color:#c2d1e3;width:100%;font-size:10px}.search input::placeholder{color:#60748f}.structure-list{max-height:224px;overflow:auto;scrollbar-width:thin;scrollbar-color:#30445a transparent}.structure-item{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border-bottom:1px solid #9bb5d00c;padding:11px 0;background:transparent;font-size:11px;color:#b8c8db;gap:8px}.structure-item:hover{color:#a7f6e7}.structure-item>span{display:flex;align-items:center;gap:9px}.structure-item .structure-dot{width:4px;height:4px;background:var(--layer-color);border-radius:50%;display:inline-block}.structure-item svg{width:11px;height:11px;color:#536e89}.no-results{color:var(--muted);font-size:11px}.discovery{margin-top:24px;border-top:1px solid var(--line);padding-top:24px}.discovery .eyebrow{font-size:7px;letter-spacing:1.5px;color:#71869f}.discovery p{font-family:Georgia,serif;font-size:23px;line-height:1.3;color:#b9c7d9;letter-spacing:-.4px;margin:13px 0}.discovery p em{font-weight:400;color:#8bc7be}.discovery-line{display:block;width:25px;height:1px;background:#71968f;margin:17px 0}.discovery>span:last-child{color:#637b96;font-size:9px;line-height:1.8}.view-toolbar{position:absolute;bottom:49px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;background:#142238d9;border:1px solid #9fbbd428;padding:7px;border-radius:10px;backdrop-filter:blur(16px);z-index:3;box-shadow:0 10px 35px #0002;white-space:nowrap}.overview-button{display:flex;align-items:center;gap:8px;padding:9px 11px;font-size:11px;background:transparent;border-radius:6px;color:#cee7e3}.overview-button svg{width:15px;height:15px;color:var(--mint)}.overview-button:hover{background:#8ce0d313}.toolbar-divider{height:19px;width:1px;background:var(--line);margin:0 5px}.view-toolbar .icon-button{width:30px;height:30px}.view-toolbar .icon-button svg{width:16px;height:16px}.interaction-hint{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#637d9c;font-size:9px;white-space:nowrap;pointer-events:none}.interaction-hint svg{width:12px;height:12px}.interaction-hint>span{color:#39516e;margin:0 3px}.footer{height:45px;border-top:1px solid var(--line);padding:0 33px;display:flex;justify-content:space-between;align-items:center;color:#59708d;font-size:8px;letter-spacing:1.5px}.footer i{display:inline-block;margin:0 9px;width:3px;height:3px;background:#5a7f94;vertical-align:middle;border-radius:50%}.footer>span:nth-child(2){font-family:Georgia,serif;letter-spacing:.2px;font-style:italic;font-size:11px;color:#7588a1}.footer-right{display:flex;align-items:center;gap:18px}.tiny-plus{font-size:18px;color:#597b94}.coordinate-label{position:absolute;top:31px;right:328px;display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:1.7px;color:#6986a4;pointer-events:none}.crosshair{font-size:17px;color:#54708d;font-weight:200}.orientation{position:absolute;bottom:105px;right:330px;width:50px;height:50px;border-radius:50%;border:1px solid #617c9b20;color:#5e7a97;font-size:7px;pointer-events:none}.orientation span{position:absolute}.orientation-top{top:-5px;left:22px;background:var(--bg);padding:0 3px}.orientation-bottom{bottom:-5px;left:22px;background:var(--bg);padding:0 3px}.orientation-left{left:-5px;top:21px;background:var(--bg);padding:0 3px}.orientation-right{right:-5px;top:21px;background:var(--bg);padding:0 3px}.orientation-center{top:16px;left:18px;font-size:14px;color:#87b7b7}.stage-footer{position:absolute;bottom:23px;left:32px;font-size:8px;color:#526b87;display:flex;gap:12px;align-items:center}.stage-footer>span{display:flex;align-items:center;gap:6px}.status-dot{width:4px;height:4px;background:#67b4a5;display:inline-block;border-radius:50%}.stage-corner{position:absolute;width:14px;height:14px;border-color:#55749330;border-style:solid;pointer-events:none}.corner-tl{left:313px;top:28px;border-width:1px 0 0 1px}.corner-tr{right:313px;top:28px;border-width:1px 1px 0 0}.corner-bl{left:313px;bottom:100px;border-width:0 0 1px 1px}.corner-br{right:313px;bottom:100px;border-width:0 1px 1px 0}.loading{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:14px;background:#0c182aea;border:1px solid var(--line);border-radius:12px;padding:28px 35px;z-index:4;width:290px;text-align:center}.loading strong{font-weight:400;font-size:13px}.loading>span{color:var(--muted);font-size:10px}.loader-orbit{width:34px;height:34px;border:1px solid #6fbaa033;border-top-color:var(--mint);border-radius:50%;animation:spin 1.3s linear infinite;margin-bottom:8px}.loader-orbit span{display:block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin:1px 4px}.progress{height:2px;width:100%;background:#263f56}.progress i{display:block;height:100%;width:4%;background:var(--mint);transition:width .3s}.error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(350px,85vw);padding:25px;background:#15243b;border:1px solid #9fbbd450;border-radius:10px;z-index:8;font-size:13px}.error p{font-size:11px;line-height:1.8;color:#9bacbf}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border-radius:6px;padding:12px 14px;font-size:11px}.primary-button{background:#9bdfd4;color:#0d2d31}.secondary-button{background:#73c7b80b;border:1px solid #8ce0d32b;color:#a0d9cf;justify-content:center}.secondary-button:hover{background:#73c7b818}.secondary-button svg{width:14px;height:14px}.detail-panel{padding-bottom:22px}.detail-illustration{height:100px;position:relative;display:flex;align-items:center;margin-top:20px;overflow:hidden;background:radial-gradient(ellipse at 25% 50%,color-mix(in srgb,var(--detail-color,#cc8b83) 12%,transparent),transparent 70%);border-bottom:1px solid var(--line)}.detail-illustration>svg{height:60px;width:60px;color:var(--detail-color,#cc8b83);stroke-width:.6;margin-left:8px}.detail-number{position:absolute;right:4px;top:4px;font-size:73px;line-height:1;font-family:Georgia,serif;color:#8eaac30c}.detail-panel h2{font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.1;margin:25px 0 8px;letter-spacing:-.8px}.latin{font-style:italic;color:#607e9d;font-family:Georgia,serif;font-size:12px;margin:0}.detail-rule{display:block;width:27px;height:1px;background:var(--detail-color,#9bdfd4);margin:23px 0}.detail-description{font-size:12px;line-height:1.9;color:#a0b1c8}.detail-fact{display:flex;align-items:flex-start;gap:8px;background:#809bba08;border:1px solid var(--line);padding:12px;border-radius:6px;margin:20px 0}.detail-fact svg{width:13px;height:13px;color:#6d91a8;flex-shrink:0;margin-top:3px}.detail-fact p{font-size:10px;line-height:1.8;color:#7d96ae;margin:0}.source-link{font-size:8px;color:#5c7793;display:flex;justify-content:space-between;margin-top:21px}.source-link:hover{color:var(--mint)}#tooltip{position:absolute;z-index:8;pointer-events:none;background:#182b42ed;border:1px solid #b6d1de40;color:#cce8e4;padding:8px 12px;border-radius:5px;font-size:11px;box-shadow:0 5px 20px #0003}.focus-label{position:absolute;left:50%;top:31px;transform:translateX(-50%);align-items:center;gap:9px;display:flex;font-size:10px;letter-spacing:.5px;color:#b1ddd7;pointer-events:none}.focus-line{width:30px;height:1px;background:#8ce0d348}.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}dialog{color:#ccd9e9;background:#122139;border:1px solid #8faecc35;border-radius:12px;padding:35px;width:min(480px,90vw);box-shadow:0 30px 120px #0007}dialog::backdrop{background:#030814bb;backdrop-filter:blur(6px)}dialog h2{font:30px Georgia,serif;letter-spacing:-1px}dialog p{font-size:12px;line-height:1.9;color:#9bafc7}dialog .primary-button{margin-top:24px}dialog a{color:var(--mint)}.help-reference{border-top:1px solid var(--line);padding-top:16px;font-size:10px!important}.dialog-close{position:absolute;top:12px;right:12px}kbd{font-size:10px;padding:1px 4px;border:1px solid #67809255;border-radius:3px}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-height:900px) and (min-width:1100px){.layers-panel,.explore-panel,.detail-panel{top:45px}.stage-heading{top:46px}.layer{padding:18px 0}.structure-list{max-height:280px}.discovery{margin-top:30px}}
@media(max-width:1190px){.header{padding:0 26px}.layers-panel{left:20px;width:225px;padding:20px}.explore-panel,.detail-panel{right:20px;width:235px;padding:20px}.stage-heading{left:calc(50% - 115px)}.stage-heading h1{font-size:27px}.coordinate-label,.stage-corner{display:none}.orientation{right:275px}.view-toolbar{bottom:51px}.interaction-hint{font-size:8px}.stage-footer{font-size:7px;left:23px}.discovery p{font-size:21px}.panel-description{font-size:10px}}
@media(max-width:900px){.header-center .muted,.header-divider{display:none}.header{height:77px}.header-center{font-size:10px;left:auto;right:75px;transform:none}#workspace{height:calc(100dvh - 116px);min-height:720px}.layers-panel{top:20px;width:195px;padding:17px}.explore-panel,.detail-panel{right:16px;width:210px;top:20px;padding:17px}.layers-panel{left:16px}.layers-panel h2{font-size:18px}.layer-name{font-size:10px}.layer-sub{font-size:8px}.layer-symbol{width:24px;height:29px}.layer-toggle{gap:7px}.layer-main{gap:6px}.opacity-row{padding-left:31px}.pulse-control{gap:8px}.toggle-label{font-size:8px;gap:4px}.panel-bottom{margin-top:17px}.stage-heading{left:calc(50% - 85px);top:23px}.stage-heading h1{font-size:23px}.stage-heading p{font-size:9px}.stage-heading .eyebrow{font-size:6px}.discovery{display:none}.orientation{right:240px}.view-toolbar{bottom:52px}.view-toolbar .icon-button{width:26px}.footer{height:39px;padding:0 20px}.footer-right{display:none}.stage-footer{bottom:10px}.interaction-hint{bottom:27px;font-size:7px;gap:3px}.detail-panel h2{font-size:26px}.detail-description{font-size:11px}.detail-illustration{height:70px}.detail-illustration>svg{height:48px}.detail-number{font-size:60px}}
@media(max-width:650px){.header{padding:0 18px;height:70px}.brand{font-size:19px;letter-spacing:4px;gap:9px}.brand svg{width:30px;height:30px}.brand-sub{font-size:6px}.header-center{font-size:8px;right:63px}.header>.icon-button{width:28px}#workspace{height:auto;min-height:0;overflow:visible;display:flex;flex-direction:column}#stage{position:relative;height:66dvh;min-height:470px;order:0;overflow:hidden}.stage-heading{top:21px;left:20px}.stage-heading h1{font-size:25px}.stage-heading .eyebrow{font-size:7px}.stage-heading p{display:none}.layers-panel{position:relative;top:auto;left:auto;width:auto;margin:4px 15px 14px;order:2;padding:20px}.layers-panel h2{font-size:21px}.panel-description{font-size:11px}.presets{margin:18px 0}.layer{padding:12px 0}.layer-name{font-size:12px}.layer-sub{font-size:9px}.layer-symbol{width:31px;height:32px}.layer-toggle{gap:10px}.layer-main{gap:10px}.opacity-row{padding-left:41px}.pulse-control{justify-content:flex-start;gap:20px}.toggle-label{font-size:10px}.panel-bottom{display:none}#layer-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.layer:first-child{padding-top:12px}.explore-panel,.detail-panel{position:relative;top:auto;right:auto;width:auto;margin:0 15px 15px;order:3;padding:20px}.explore-panel h2{font-size:22px}.search input{font-size:12px}.structure-list{max-height:205px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.structure-item{font-size:12px}.detail-panel{margin-top:4px}.detail-illustration{display:none}.detail-panel h2{margin-top:15px}.detail-description{font-size:13px}.detail-rule{margin:17px 0}.detail-fact{margin:15px 0}.detail-fact p{font-size:11px}.view-toolbar{position:absolute;top:calc(66dvh - 57px);bottom:auto;order:1;padding:6px;gap:2px;min-height:43px}.view-toolbar .icon-button{width:25px;height:29px}.overview-button{font-size:10px;padding:6px 7px;gap:5px}.toolbar-divider{margin:0 3px}.interaction-hint{display:none}.orientation{right:24px;bottom:77px;width:41px;height:41px;font-size:6px}.orientation-top{left:17px}.orientation-bottom{left:17px}.orientation-left,.orientation-right{top:16px}.orientation-center{top:11px;left:14px}.stage-footer{bottom:10px;left:20px;font-size:7px;gap:10px}.coordinate-label{display:flex;right:20px;top:24px;font-size:6px;gap:5px}.focus-label{top:135px;font-size:10px}.footer{font-size:6px;padding:0 18px}.footer>span:nth-child(2){font-size:10px}.loading{top:56%;width:250px;font-size:11px}.error{top:57%}.source-link{font-size:10px}body.focused .stage-heading{opacity:.3}}
@media(max-width:370px){.header-center{display:none}.view-toolbar .icon-button{width:22px}.toolbar-divider{margin:0 1px}.view-toolbar{padding:5px}.overview-button{font-size:9px}.layer-sub{font-size:8px}#layer-list{gap:0 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
/* Keep the entire workspace in view on compact laptop displays. */
.layer-check{background:transparent}
@media(min-width:651px){#workspace{min-height:510px}.layers-panel,.explore-panel,.detail-panel{max-height:calc(100% - 65px);overflow:auto;scrollbar-width:thin;scrollbar-color:#30445a transparent}}
@media(max-height:850px) and (min-width:651px){.layers-panel,.explore-panel,.detail-panel{top:20px;padding:18px;max-height:calc(100% - 40px)}.layers-panel h2{margin:10px 0 5px}.layers-panel .panel-description{font-size:10px}.presets{margin:13px 0 12px}.presets button{padding:7px}.layer{padding:9px 0}.layer:first-child{padding-top:0}.layer-symbol{height:29px;width:28px}.opacity-row{padding-top:7px}.pulse-control{padding-top:13px}.panel-bottom{display:none}.discovery{margin-top:17px;padding-top:17px}.discovery p{font-size:21px;margin:10px 0}.discovery-line{margin:12px 0}.discovery>span:last-child{display:none}.stage-heading{top:22px}.stage-heading h1{font-size:27px;margin-top:11px}.stage-heading p{font-size:10px}.detail-illustration{height:75px;margin-top:15px}.detail-illustration>svg{height:49px}.detail-number{font-size:64px}.detail-panel h2{margin-top:20px}.detail-rule{margin:18px 0}.detail-fact{margin:15px 0}}
@media(max-height:660px) and (min-width:651px){.header{height:70px}#workspace{height:calc(100dvh - 105px);min-height:420px}.footer{height:35px}.stage-heading{top:15px}.stage-heading h1{font-size:23px}.stage-heading p{display:none}.layers-panel,.explore-panel,.detail-panel{top:15px;max-height:calc(100% - 30px)}.layer{padding:6px 0}.layer-sub{display:none}.layer-symbol{height:24px;width:25px}.opacity-row{padding-top:5px}.presets{margin:10px 0}.pulse-control{padding-top:10px}.structure-list{max-height:170px}.discovery{display:none}.view-toolbar{bottom:36px}.interaction-hint{bottom:13px}.stage-footer{display:none}}
@media(min-width:1191px){.stage-heading{left:calc(50% - 290px)}}
@media(min-width:901px) and (max-width:1190px){.stage-heading{left:calc(50% - 250px)}}
@media(min-width:651px) and (max-width:900px){.stage-heading{left:calc(50% - 195px);max-width:155px}.stage-heading h1{font-size:22px}}
@media(min-width:651px){.stage-footer{left:50%;bottom:7px;transform:translateX(-50%);font-size:7px;white-space:nowrap}}
@media(max-width:650px){.stage-footer{bottom:3px}}
/* Effects stay accessible while the anatomical layer list scrolls. */
.effects-controls{margin-top:12px;padding-top:1px;border-top:1px solid var(--line);flex-shrink:0}
.effects-controls .pulse-control{padding-top:13px}
.effects-intensity{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:15px;font-size:9px;color:#8b9eb4}
.effects-intensity output{font-size:8px;color:#758da7}
.effects-intensity input{grid-column:1/-1;appearance:none;width:100%;height:2px;background:#34455a;margin:4px 0;cursor:pointer}
.effects-intensity input::-webkit-slider-thumb{appearance:none;background:#9edcd3;width:8px;height:8px;border-radius:50%}
.effects-intensity input::-moz-range-thumb{background:#9edcd3;width:8px;height:8px;border:0;border-radius:50%}
@media(min-width:651px){.layers-panel{display:flex;flex-direction:column;overflow:hidden}.layers-panel>*{flex-shrink:0}#layer-list{overflow:auto;min-height:130px;flex-shrink:1;scrollbar-width:thin;scrollbar-color:#30445a transparent;padding-right:2px}.layers-panel .panel-bottom{margin-top:16px;padding-top:12px}}
@media(max-width:650px){.effects-controls .pulse-control{justify-content:space-between}.effects-intensity{font-size:11px}.effects-controls .toggle-label{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.explore-panel,.detail-panel{animation:panel-in .28s ease both}.focus-label{animation:panel-in .28s ease both}}
@keyframes panel-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media(min-width:651px){.layers-panel .panel-bottom{display:none}.layers-panel .presets{margin:14px 0}.layers-panel .layer{padding:9px 0}.layers-panel .layer:first-child{padding-top:0}.layers-panel .opacity-row{padding-top:7px}.layers-panel{padding:20px}.effects-controls{margin-top:14px}}
.biological-controls{margin-top:22px;padding-top:19px;border-top:1px solid var(--line)}
.biological-controls>.eyebrow{font-size:7px;letter-spacing:1.4px;color:#879eb7}
.biological-controls .pulse-control{padding-top:15px}
.biological-controls .toggle-label{font-size:11px;gap:8px}
.biological-controls .toggle-label svg{width:15px;height:15px;color:#b1cbbf}
.biological-controls>p{font-size:8px;color:#607b97;line-height:1.7;margin:16px 0 0}
@media(max-width:650px){.biological-controls{margin-top:18px}.biological-controls .pulse-control{justify-content:space-between}.biological-controls .toggle-label{font-size:12px}}