.layers{--play:1;--fade:1;--flare:0;--lane:clamp(40px,calc((100svh - var(--header) - var(--hud) - 206px)/8),62px);--label:128px;--strip:98px;--inspector:clamp(270px,22vw,320px)}.h-mode .layers{background:radial-gradient(min(26vw,400px) 58% at 0 54%,#deb2680d 0% 8%,#deb2680b 24%,#deb26809 40%,#deb26806 56%,#deb26804 72%,#deb26801 86%,#0000 100%),radial-gradient(min(28vw,420px) 62% at 100% 52%,#deb26813 0% 8%,#deb26811 24%,#deb2680e 40%,#deb2680a 56%,#deb26805 72%,#deb26802 86%,#0000 100%)}.layers:before{content:"";z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,#0000 calc(var(--edge,min(20vw,300px))*0),#0000000d calc(var(--edge,min(20vw,300px))*.15),#0000002e calc(var(--edge,min(20vw,300px))*.3),#00000080 calc(var(--edge,min(20vw,300px))*.5),#000000d1 calc(var(--edge,min(20vw,300px))*.7),#000000f2 calc(var(--edge,min(20vw,300px))*.85),#000 calc(var(--edge,min(20vw,300px))*1),#000 calc(100% - var(--edge,min(20vw,300px))*1),#000000f2 calc(100% - var(--edge,min(20vw,300px))*.85),#000000d1 calc(100% - var(--edge,min(20vw,300px))*.7),#00000080 calc(100% - var(--edge,min(20vw,300px))*.5),#0000002e calc(100% - var(--edge,min(20vw,300px))*.3),#0000000d calc(100% - var(--edge,min(20vw,300px))*.15),#0000 calc(100% - var(--edge,min(20vw,300px))*0));-webkit-mask-image:linear-gradient(90deg,#0000 calc(var(--edge,min(20vw,300px))*0),#0000000d calc(var(--edge,min(20vw,300px))*.15),#0000002e calc(var(--edge,min(20vw,300px))*.3),#00000080 calc(var(--edge,min(20vw,300px))*.5),#000000d1 calc(var(--edge,min(20vw,300px))*.7),#000000f2 calc(var(--edge,min(20vw,300px))*.85),#000 calc(var(--edge,min(20vw,300px))*1),#000 calc(100% - var(--edge,min(20vw,300px))*1),#000000f2 calc(100% - var(--edge,min(20vw,300px))*.85),#000000d1 calc(100% - var(--edge,min(20vw,300px))*.7),#00000080 calc(100% - var(--edge,min(20vw,300px))*.5),#0000002e calc(100% - var(--edge,min(20vw,300px))*.3),#0000000d calc(100% - var(--edge,min(20vw,300px))*.15),#0000 calc(100% - var(--edge,min(20vw,300px))*0));mask-image:linear-gradient(90deg,#0000 calc(var(--edge,min(20vw,300px))*0),#0000000d calc(var(--edge,min(20vw,300px))*.15),#0000002e calc(var(--edge,min(20vw,300px))*.3),#00000080 calc(var(--edge,min(20vw,300px))*.5),#000000d1 calc(var(--edge,min(20vw,300px))*.7),#000000f2 calc(var(--edge,min(20vw,300px))*.85),#000 calc(var(--edge,min(20vw,300px))*1),#000 calc(100% - var(--edge,min(20vw,300px))*1),#000000f2 calc(100% - var(--edge,min(20vw,300px))*.85),#000000d1 calc(100% - var(--edge,min(20vw,300px))*.7),#00000080 calc(100% - var(--edge,min(20vw,300px))*.5),#0000002e calc(100% - var(--edge,min(20vw,300px))*.3),#0000000d calc(100% - var(--edge,min(20vw,300px))*.15),#0000 calc(100% - var(--edge,min(20vw,300px))*0));background:radial-gradient(60% 70% at 74%,#deb26a21,#0000 72%),radial-gradient(42% 58% at 18% 48%,#deb26a12,#0000 72%),radial-gradient(90% 45% at 50% 108%,#deb26a11,#0000 70%);position:absolute;inset:0}.v-mode .layers:before{-webkit-mask-image:linear-gradient(#0000 0,#000 12% 88%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 12% 88%,#0000 100%)}.h-mode .layers{width:max(100vw,1180px)}.layers .panel-inner{padding-inline:var(--gutter)}.layers .layers-grid{grid-template-columns:minmax(260px,.4fr) minmax(0,1fr);align-items:center;gap:clamp(40px,5vw,84px);width:100%;display:grid}.layers .layers-copy{flex-direction:column;gap:0;display:flex}.layers .layers-copy h2{margin:24px 0 22px}.layers .layers-copy h2 em{padding-right:.1em;display:inline-block}.layers .layers-copy .lede{max-width:380px;font-size:15px}.layers .layers-spec{border-top:1px solid var(--line-soft);gap:0;max-width:380px;margin:34px 0 0;padding:0;display:grid}.layers .layers-spec div{border-bottom:1px solid var(--line-soft);grid-template-columns:96px minmax(0,1fr);gap:14px;padding:13px 0;display:grid}.layers .layers-spec dt{font:600 9.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#9d8a68;padding-top:2px}.layers .layers-spec dd{color:#c9bca3;margin:0;font-size:12.5px;line-height:1.55}.layers .explorer{box-shadow:0 0 0 5px #11100d,0 0 0 6px #4d3d2638,0 40px 100px -30px #000,0 0 calc(60px + var(--flare)*50px) -30px rgba(241,217,168,calc(.14 + var(--flare)*.18)),inset 0 1px #ffe8bf14;background:linear-gradient(160deg,#211f1b,#121210 70%);border:1px solid #8a6f4580;border-radius:18px;min-width:0;position:relative;overflow:hidden}.layers .explorer-bar,.layers .explorer-foot{letter-spacing:.18em;color:#a8946f;white-space:nowrap;justify-content:space-between;align-items:center;gap:18px;height:44px;padding:0 24px;font-size:9.5px;display:flex}.layers .explorer-bar{background:linear-gradient(#27241e,#1a1915);border-bottom:1px solid #6b563a55}.layers .explorer-bar span:first-child,.layers .explorer-foot span:first-child{color:#eedcb7;align-items:center;gap:10px;font-weight:600;display:flex}.layers .explorer-bar b{color:var(--brass);margin:0 4px;font-weight:400}.layers .explorer-bar i,.layers .explorer-foot i{background:var(--gold);border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #ffcf7a}.layers .explorer-foot{background:#171613;border-top:1px solid #6b563a44;height:50px}.layers .foot-line{font-family:var(--serif);letter-spacing:0;color:#a8977a;flex:1;font-size:16px;font-style:italic}.layers .foot-vary{color:#ecd6ac;letter-spacing:.02em;background:linear-gradient(#2a251c,#1b1813);border:1px solid #6f5a39;border-radius:7px;align-items:center;gap:9px;height:30px;padding:0 12px;font-size:11px;transition:border-color .3s,box-shadow .3s,color .3s;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.layers .foot-vary span{color:var(--champagne);transition:transform .6s var(--ease);font-size:13px}.layers .foot-vary b{font:10px var(--mono);color:#a8977a;border-left:1px solid #4d4130;padding-left:8px;font-weight:400}.layers .foot-vary:hover:not(:disabled){border-color:var(--champagne);box-shadow:0 0 22px -6px #f2c46f88,inset 0 1px #ffffff14}.layers .foot-vary:hover:not(:disabled) span{transform:rotate(180deg)}.layers .foot-vary:disabled{cursor:not-allowed;color:#8b7d66;border-color:#40372a}.layers .explorer-body{grid-template-columns:minmax(0,1fr) var(--inspector);display:grid}.layers .explorer-rack{background:#0d0d0b;border:1px solid #4a3e2d;border-radius:10px;min-width:0;margin:14px 0 14px 14px;position:relative;overflow:hidden}.layers .rack-ruler{height:24px;margin:0 var(--strip) 0 var(--label);border-bottom:1px solid #3b322555;position:relative}.layers .rack-ruler i{background:#5c4f3b;width:1px;height:5px;position:absolute;bottom:0}.layers .rack-ruler i:nth-child(odd){background:#7a6849;height:8px}.layers .rack-ruler b{font:9px var(--mono);color:#9a8b71;letter-spacing:.02em;font-weight:400;position:absolute;bottom:9px;left:0;transform:translate(-50%)}.layers .rack-ruler i:first-child b{left:3px;transform:none}.layers .rack-ruler em{right:0;left:calc(var(--peak)*100% + 8px);font:600 8px var(--mono);letter-spacing:.14em;color:#8f7f63;text-align:center;font-style:normal;position:absolute;bottom:8px}.layers .rack-rows{grid-template-columns:minmax(0,1fr) var(--strip);display:grid}.layers .rack-lanes{background:repeating-linear-gradient(90deg,transparent 0 calc(var(--label) - 1px),transparent var(--label)),#0d0d0b;min-width:0;position:relative}.layers .rack-lanes>button{grid-template-columns:var(--label) minmax(0,1fr);width:100%;height:var(--lane);color:var(--layer);text-align:left;transition:background .4s,opacity .5s var(--ease),filter .5s var(--ease);background:0 0;border:0;border-bottom:1px solid #3b322538;align-items:center;padding:0;display:grid;position:relative}.layers .rack-lanes>button:nth-last-child(2){border-bottom:0}.layers .rack-lanes>button:before{content:"";background:var(--layer);opacity:.7;border-radius:2px;width:3px;transition:opacity .4s,box-shadow .4s;position:absolute;top:22%;bottom:22%;left:5px}.layers .rack-lanes>button:hover{background:color-mix(in srgb,var(--layer) 5%,transparent)}.layers .rack-lanes>button[aria-selected=true]{background:linear-gradient(90deg,color-mix(in srgb,var(--layer) 14%,transparent),color-mix(in srgb,var(--layer) 5%,transparent) 60%)}.layers .rack-lanes>button[aria-selected=true]:before{opacity:1;box-shadow:0 0 10px var(--layer)}.layers .rack-lanes>button:focus-visible{outline:2px solid var(--gold);outline-offset:-3px;border-radius:6px}.layers .rack-lanes>button.is-quiet{opacity:.3;filter:saturate(.35)}.layers .rack-lanes>button.is-quiet[aria-selected=true]{opacity:.55}.layers .lane-id{grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:3px 8px;min-width:0;padding:0 10px 0 17px;display:grid}.layers .lane-id small{font:9px var(--mono);color:#a39479;grid-row:1/3;align-self:center}.layers .lane-id b{font:600 9.5px var(--mono);letter-spacing:.1em;line-height:1.1}.layers .lane-id span{color:#a3957c;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;line-height:1.15;overflow:hidden}.layers .lane-wave{height:calc(var(--lane) - 10px);margin-right:0;position:relative}.layers .lane-wave svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.layers .lane-wave svg g{transform:scaleY(calc(.25 + var(--gain)*.85));transform-box:view-box;transform-origin:50%;transition:transform .5s var(--ease)}.layers .lane-wave path:not(.wave-centre){fill:var(--layer);fill-opacity:.16;stroke:var(--layer);stroke-opacity:.3;stroke-width:.6px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.layers .lane-wave .wave-centre{fill:none;stroke:var(--layer);stroke-opacity:.16;stroke-width:.6px;vector-effect:non-scaling-stroke}.layers .lane-wave .lane-lit{clip-path:inset(0 calc((1 - var(--play))*100%) 0 0);opacity:var(--fade);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--layer) 55%,transparent))}.layers .lane-wave .lane-lit path{fill-opacity:.8;stroke-opacity:1}.layers .lane-spark{left:calc(var(--peak)*100%);width:7px;height:7px;box-shadow:0 0 8px 2px var(--layer),0 0 22px 6px color-mix(in srgb,var(--layer) 50%,transparent);opacity:var(--flare);transform:scale(calc(.4 + var(--flare)*1.1));background:#fff6e2;border-radius:50%;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%}.layers .rack-lanes>button.is-quiet .lane-spark{display:none}.layers .lanes-overlay{top:0;bottom:0;left:var(--label);pointer-events:none;position:absolute;right:0}.layers .lanes-overlay:after{content:"";top:0;bottom:0;left:calc(var(--peak)*100%);background:repeating-linear-gradient(135deg,#ffffff05 0 1px,#0000 1px 7px),linear-gradient(90deg,#0d0d0b00,#0d0d0b40);position:absolute;right:0}.layers .lanes-heat{width:calc(var(--play)*100%);opacity:var(--fade);background:linear-gradient(90deg,#0000 55%,#ffd8990f);position:absolute;top:0;bottom:0;left:0}.layers .lanes-playhead{transform:translate3d(calc(var(--play)*100%),0,0);opacity:calc(var(--fade)*.9*(1 - var(--play)*var(--play)*var(--play)*var(--play)*.6));position:absolute;inset:0}.layers .lanes-playhead:before{content:"";background:linear-gradient(#0000,#fff5e2 12% 88%,#0000);width:1px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 12px 1px #ffcf7a}.layers .lanes-peak{top:0;bottom:0;left:calc(var(--peak)*100%);background:rgba(241,217,168,calc(.5 + var(--flare)*.5));width:1px;box-shadow:0 0 calc(6px + var(--flare)*26px) calc(var(--flare)*5px) rgba(255,207,122,calc(.25 + var(--flare)*.55));position:absolute}.layers .lanes-peak b{color:#20180c;font:600 8px var(--mono);letter-spacing:.1em;background:linear-gradient(#f4dcaa,#c9a46a);border-radius:0 0 3px 3px;padding:3px 6px;position:absolute;top:0;left:0;transform:translate(-50%)}.layers .lanes-bloom{top:0;bottom:0;left:calc(var(--peak)*100% - 90px);width:180px;opacity:var(--flare);mix-blend-mode:screen;background:radial-gradient(50% 60%,#ffe2aa38,#0000 70%);position:absolute}.layers .rack-strips{background:linear-gradient(90deg,#141310,#10100d);border-left:1px solid #3b322566;flex-direction:column;display:flex}.layers .strip{height:var(--lane);border-bottom:1px solid #3b322538;align-items:center;gap:5px;padding:0 10px 0 9px;transition:background .4s;display:flex}.layers .strip:last-child{border-bottom:0}.layers .strip.is-active{background:color-mix(in srgb,var(--layer) 6%,transparent)}.layers .strip button{width:22px;height:20px;font:600 9px var(--mono);color:#a89a7f;background:linear-gradient(#211e18,#171511);border:1px solid #4a3f2f;border-radius:4px;flex:none;padding:0;transition:background .25s,color .25s,border-color .25s,box-shadow .25s;box-shadow:inset 0 1px #ffffff0a}.layers .strip button:hover{color:#d7c29a;border-color:#7a6545}.layers .strip button:focus-visible{outline-offset:2px}.layers .strip .strip-m[aria-pressed=true]{color:#ffe6b8;background:linear-gradient(#5e4a2c,#3e3120);border-color:#a8844f;box-shadow:0 0 10px -2px #d6a95888}.layers .strip .strip-s[aria-pressed=true]{color:#1d160b;background:linear-gradient(#f1d9a8,#c29a5f);border-color:#f1d9a8;box-shadow:0 0 12px -2px #ffd899aa}.layers .strip-level{min-width:0;font:10px var(--mono);font-variant-numeric:tabular-nums;color:#b9a684;justify-content:flex-end;align-items:center;gap:5px;margin-left:auto;transition:opacity .4s;display:flex}.layers .strip.is-quiet .strip-level{opacity:.35}.layers .strip-lock{background:var(--champagne);opacity:.8;border-radius:1.5px;flex:none;width:8px;height:6px;margin-top:3px;position:relative}.layers .strip-lock:before{content:"";border:1px solid var(--champagne);box-sizing:border-box;border-bottom:0;border-radius:3px 3px 0 0;width:5px;height:4px;position:absolute;bottom:5px;left:1.5px}.layers .explorer-inspector{color:#d4c3a3;flex-direction:column;min-width:0;padding:24px 24px 18px 22px;transition:opacity .5s;display:flex}.layers .inspector-kicker{color:var(--layer);letter-spacing:.16em;white-space:nowrap;align-items:center;gap:9px;font-size:10px;font-weight:600;display:flex}.layers .inspector-kicker i{background:var(--layer);width:6px;height:6px;box-shadow:0 0 10px var(--layer);border-radius:50%;flex:none}.layers .inspector-kicker span{letter-spacing:.04em;color:#a3957c;text-transform:none;text-overflow:ellipsis;font-size:11px;font-weight:400;overflow:hidden}.layers .explorer-inspector h3{letter-spacing:-.04em;color:#f4ead6;animation:layers-in .6s var(--ease);margin:18px 0 12px;font-size:clamp(24px,2.1vw,30px);font-weight:600;line-height:1.08}@keyframes layers-in{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}}.layers .inspector-text{color:#aa9d86;font-size:12.5px;line-height:1.65}.layers .inspector-chips{flex-wrap:wrap;gap:6px;margin:18px 0 4px;display:flex}.layers .inspector-chips span{border:1px solid color-mix(in srgb,var(--layer) 28%,#4a3f2f);color:#d2c09c;background:linear-gradient(#26221b,#1a1814);border-radius:6px;padding:7px 10px;font-size:10.5px;box-shadow:inset 0 1px #ffffff0d}.layers .inspector-curve{flex-direction:column;flex:auto;min-height:0;max-height:150px;margin-top:16px;display:flex}.layers .inspector-curve p{font:600 8.5px var(--mono);letter-spacing:.14em;color:#a08d6c;justify-content:space-between;margin-bottom:9px;line-height:1;display:flex}.layers .inspector-curve p span:last-child{color:color-mix(in srgb,var(--layer) 70%,#a08d6c)}.layers .curve-plot{background-color:#0000;background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:12.5% 100%,100% 33.3%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #3b3225;border-radius:7px;flex:auto;min-height:34px;position:relative;overflow:hidden}.layers .curve-plot svg{width:100%;height:calc(100% - 6px);position:absolute;inset:6px 0 0}.layers .curve-area{fill:var(--layer);fill-opacity:.07}.layers .curve-line{fill:none;stroke:var(--layer);stroke-opacity:.45;stroke-width:1.3px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.layers .curve-lit{clip-path:inset(0 calc((1 - var(--play))*100%) 0 0);opacity:var(--fade)}.layers .curve-lit .curve-area{fill-opacity:.22}.layers .curve-lit .curve-line{stroke-opacity:1;stroke-width:1.6px;filter:drop-shadow(0 0 3px var(--layer))}.layers .curve-peak{top:0;bottom:0;left:calc(var(--peak)*100%);background:rgba(241,217,168,calc(.35 + var(--flare)*.6));width:1px;box-shadow:0 0 calc(4px + var(--flare)*16px) rgba(255,207,122,calc(.2 + var(--flare)*.5));position:absolute}.layers .explorer-inspector.is-quiet .inspector-curve,.layers .explorer-inspector.is-quiet .inspector-chips{opacity:.45;filter:saturate(.4);transition:opacity .5s,filter .5s}.layers .explorer-inspector label{letter-spacing:.14em;color:#a8946f;justify-content:space-between;align-items:baseline;margin:auto 0 12px;padding-top:18px;font-size:10px;display:flex}.layers .explorer-inspector output{color:var(--layer);font:12px var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0}.layers .explorer-inspector input{--fill:50%;appearance:none;background:linear-gradient(90deg,color-mix(in srgb,var(--layer) 72%,#000) var(--fill),#0a0a08 var(--fill));cursor:pointer;border:1px solid #5a4a33;border-radius:6px;width:100%;height:6px;margin:0}.layers .explorer-inspector input::-webkit-slider-thumb{appearance:none;background:linear-gradient(#7d6c55,#26211a 45%,#f1d9a8 46% 54%,#26211a 55%);border:1px solid #b9965f;border-radius:4px;width:16px;height:28px;box-shadow:0 3px 8px #000c}.layers .explorer-inspector input::-moz-range-thumb{background:linear-gradient(#7d6c55,#26211a 45%,#f1d9a8 46% 54%,#26211a 55%);border:1px solid #b9965f;border-radius:4px;width:16px;height:28px}.layers .explorer-inspector input:focus-visible{outline-offset:8px}.layers .inspector-row{justify-content:space-between;align-items:center;gap:10px;margin:18px 0 12px;display:flex}.layers .inspector-lock{color:#b9a684;background:linear-gradient(#211e18,#171511);border:1px solid #4a3f2f;border-radius:6px;align-items:center;gap:8px;height:28px;padding:0 11px;font-size:11px;transition:border-color .3s,color .3s,box-shadow .3s,background .3s;display:inline-flex}.layers .inspector-lock i{border:1px solid;border-radius:1.5px;width:9px;height:7px;margin-top:3px;position:relative}.layers .inspector-lock i:before{content:"";transform-origin:100% 100%;width:5px;height:4px;transition:transform .3s var(--ease);border:1px solid;border-bottom:0;border-radius:3px 3px 0 0;position:absolute;bottom:6px;left:1px}.layers .inspector-lock[aria-pressed=false] i:before{transform:translate(3px,-1px)rotate(12deg)}.layers .inspector-lock:hover{color:#e6d2ad;border-color:#7a6545}.layers .inspector-lock[aria-pressed=true]{color:#f4dfb6;background:linear-gradient(#3a2f1f,#241e15);border-color:#a8844f;box-shadow:0 0 16px -6px #f2c46f88}.layers .inspector-lock[aria-pressed=true] i{background:currentColor}.layers .inspector-state{font:10px var(--mono);letter-spacing:.06em;color:#9c8c70;white-space:nowrap}.layers .explorer-inspector small{color:#9a8b71;letter-spacing:.02em;font-size:10px;line-height:1.5}@media (min-width:1600px){.layers .layers-copy .lede,.layers .layers-spec{max-width:430px}}@media (max-width:1100px){.layers{--label:122px;--strip:92px;--inspector:272px}.layers .layers-grid{grid-template-columns:300px minmax(0,1fr);gap:48px}}@media (max-aspect-ratio:1) and (min-width:761px){.layers{--lane:clamp(40px,calc((100svh - var(--header) - var(--hud) - 206px)/8),78px)}}@media (max-height:800px) and (min-width:761px){.layers .explorer-inspector{padding:18px 20px 14px}.layers .explorer-inspector h3{margin:14px 0 9px;font-size:24px}.layers .inspector-text{font-size:12px;line-height:1.55}.layers .inspector-chips{gap:5px;margin-top:12px}.layers .inspector-chips span{padding:6px 9px;font-size:10px}.layers .inspector-curve{margin-top:12px}.layers .explorer-inspector label{margin-bottom:10px;padding-top:12px}.layers .inspector-row{margin:12px 0 8px}}@media (max-height:640px){.layers{--lane:clamp(32px,calc((100svh - var(--header) - var(--hud) - 190px)/8),40px)}.h-mode .layers .panel-inner{padding-block:calc(var(--header) + 14px) calc(var(--hud) + 14px)}.layers .layers-copy h2{margin:16px 0 14px}.layers .layers-copy .lede{font-size:14px;line-height:1.55}.layers .layers-spec{margin-top:18px}.layers .layers-spec div{padding:9px 0}.layers .explorer-bar{height:36px}.layers .explorer-foot{height:40px}.layers .explorer-rack{margin:10px 0 10px 10px}.layers .explorer-inspector{padding:12px 18px 10px}.layers .explorer-inspector h3{margin:9px 0 6px;font-size:21px}.layers .inspector-text{font-size:11.5px;line-height:1.5}.layers .inspector-chips{gap:4px;margin:9px 0 2px}.layers .inspector-chips span{padding:4px 8px;font-size:10px}.layers .inspector-curve{margin-top:9px}.layers .inspector-curve p{margin-bottom:6px}.layers .curve-plot{min-height:26px}.layers .explorer-inspector label{margin-bottom:8px;padding-top:8px}.layers .inspector-row{margin:9px 0 5px}}@media (max-height:640px) and (min-width:761px){.layers{--inspector:clamp(290px,24vw,330px)}.layers .layers-grid{grid-template-columns:minmax(300px,.42fr) minmax(0,1fr)}}@media (max-width:760px){.layers{--label:126px;--strip:98px;--inspector:292px;--lane:clamp(38px,calc((100svh - var(--header) - var(--hud) - 230px)/8),60px)}.h-mode .layers{width:calc(var(--gutter)*2 + 320px + 40px + 780px)}.layers .layers-grid{grid-template-columns:320px 780px;gap:40px}.layers .layers-copy .eyebrow{font-size:11px}.layers .layers-copy h2{margin:18px 0 16px}.layers .layers-copy .lede{font-size:13.5px}.layers .layers-spec{margin-top:24px}.layers .layers-spec div{grid-template-columns:106px minmax(0,1fr);padding:11px 0}.layers .layers-spec dt{letter-spacing:.12em;font-size:11px}.layers .layers-spec dd{font-size:12px}.layers .explorer-bar,.layers .explorer-foot{letter-spacing:.14em;padding:0 16px;font-size:11px}.layers .explorer-bar span:last-child{display:none}.layers .foot-line{font-size:14px}.layers .foot-vary{font-size:11.5px}.layers .lane-id{column-gap:6px;padding-left:15px}.layers .lane-id small{font-size:11px}.layers .lane-id b{letter-spacing:.06em;font-size:11px}.layers .lane-id span,.layers .strip button{font-size:11px}.layers .explorer-inspector{padding:20px 18px 14px}.layers .explorer-inspector h3{font-size:24px}.layers .inspector-kicker{font-size:11px}.layers .inspector-text{font-size:12.5px}.layers .inspector-chips span{font-size:11px}.layers .inspector-curve p{letter-spacing:.06em;font-size:11px}.layers .explorer-inspector label,.layers .inspector-state{font-size:11px}.layers .explorer-inspector small{font-size:11.5px}}@media (max-width:760px) and (max-height:700px){.layers .explorer-bar{height:36px}.layers .explorer-foot{height:42px}.layers .explorer-rack{margin:10px 0 10px 10px}.layers .explorer-inspector{padding:12px 16px 10px}.layers .explorer-inspector h3{margin:10px 0 6px;font-size:21px}.layers .inspector-text{font-size:12px;line-height:1.5}.layers .inspector-chips{gap:5px;margin:10px 0 2px}.layers .inspector-chips span{padding:5px 8px;font-size:11px}.layers .inspector-curve{margin-top:10px}.layers .curve-plot{min-height:26px}.layers .explorer-inspector label{margin-bottom:8px;padding-top:8px}.layers .inspector-row{margin:10px 0 6px}}@media (pointer:coarse){.layers .strip{gap:7px}.layers .strip button{position:relative}.layers .strip button:before{content:"";position:absolute;inset:-6px -4px}.layers .strip-level{pointer-events:none}}.v-mode .layers{--lane:44px;--label:138px;--strip:98px;--inspector:260px}.v-mode .layers .layers-grid{grid-template-columns:1fr;gap:32px}.v-mode .layers .layers-spec{max-width:560px}.v-mode .layers .explorer-bar,.v-mode .layers .explorer-foot{letter-spacing:.14em;font-size:11px}.v-mode .layers .layers-spec dt,.v-mode .layers .lane-id b,.v-mode .layers .lane-id span,.v-mode .layers .inspector-kicker,.v-mode .layers .inspector-chips span,.v-mode .layers .explorer-inspector label,.v-mode .layers .inspector-state,.v-mode .layers .foot-vary,.v-mode .layers .lane-id small,.v-mode .layers .strip button{font-size:11px}.v-mode .layers .explorer-inspector small{font-size:11.5px}.v-mode .layers .layers-spec div{grid-template-columns:110px minmax(0,1fr)}@media (prefers-reduced-motion:reduce){.layers .explorer-inspector h3{animation:none}}.layers .layers-import-note{color:#afa38d;max-width:380px;margin:22px 0 0;font-size:12.5px;line-height:1.6}.layers .layers-import-note b{color:#e3caa0;margin-bottom:4px;font-weight:500;display:block}@media (max-height:740px){.layers .layers-import-note{margin-top:14px;font-size:12px;line-height:1.5}.layers .layers-spec{margin-top:20px}}@media (max-width:760px){.layers .layers-import-note{margin-top:16px;font-size:12px}}