.immersive-studio{--spectacle-a:#c6f6a1;--spectacle-b:#61dfc7;--spectacle-c:#ffcf95;--spectacle-edge:#efffcf}html[data-palette=ocean] .immersive-studio{--spectacle-a:#89e9ff;--spectacle-b:#9baffe;--spectacle-c:#cff7ff}html[data-palette=lavender] .immersive-studio{--spectacle-a:#d7b2ff;--spectacle-b:#9de1f4;--spectacle-c:#ffc5e2}html[data-palette=sunset] .immersive-studio{--spectacle-a:#ffd692;--spectacle-b:#ff9d8a;--spectacle-c:#f3b6ff}html[data-palette=aurora] .immersive-studio{--spectacle-a:#b9fda6;--spectacle-b:#85e8ff;--spectacle-c:#d6b3ff}html[data-palette=candy] .immersive-studio{--spectacle-a:#fface4;--spectacle-b:#aa9fff;--spectacle-c:#a3f4ed}.immersive-studio .studio-tour-track{grid-template-columns:repeat(6,minmax(0,1fr))}.immersive-studio .studio-console{display:grid;grid-template-columns:minmax(0,1fr) auto}.immersive-studio .studio-modes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;box-sizing:border-box}.immersive-studio .studio-modes button{min-width:0;padding-inline:9px;gap:6px}html[data-palette] .immersive-studio button:hover{transform:none}.immersive-studio[data-mode=ribbon] .studio-turntable{animation:studio-ribbon-sway 16s ease-in-out infinite}.immersive-studio[data-mode=prism] .studio-turntable{animation:studio-prism-procession 42s linear infinite}.immersive-studio:is([data-mode=ribbon],[data-mode=prism]) .studio-perspective{inset-block-end:38px}.immersive-studio:is([data-mode=ribbon],[data-mode=prism]) .studio-scene-label{z-index:1;padding-block:3px;background:linear-gradient(90deg,transparent,#091e17e6 30%,#091e17e6 70%,transparent)}.immersive-studio[data-mode=prism] .studio-slab-position,.immersive-studio[data-mode=ribbon] .studio-slab-position{--slab-w:calc(78 * var(--scene-unit));--slab-h:calc(104 * var(--scene-unit));--slab-depth:calc(8 * var(--scene-unit))}.immersive-studio[data-mode=prism] .studio-face-front,.immersive-studio[data-mode=ribbon] .studio-face-front{background:linear-gradient(145deg,color-mix(in srgb,var(--spectacle-a) 68%,#244b42),color-mix(in srgb,var(--spectacle-b) 40%,#122e32) 60%,#183531);border-color:color-mix(in srgb,var(--spectacle-a) 60%,transparent);color:#f0fff0}.immersive-studio[data-mode=prism] .studio-slab-2 .studio-face-front,.immersive-studio[data-mode=ribbon] .studio-slab-2 .studio-face-front{background:linear-gradient(145deg,var(--spectacle-c),color-mix(in srgb,var(--spectacle-a) 68%,#426b54));color:#244138}.immersive-studio[data-mode=ribbon] .studio-ring-one{border-color:color-mix(in srgb,var(--spectacle-c) 30%,transparent);transform:rotateX(80deg) rotateY(-10deg)}.immersive-studio[data-mode=ribbon] .studio-ring-three{border-color:color-mix(in srgb,var(--spectacle-b) 25%,transparent)}.immersive-studio[data-mode=prism] .studio-ring-one{border-color:color-mix(in srgb,var(--spectacle-b) 35%,transparent)}.immersive-studio[data-mode=prism] .studio-ring-three{border-color:color-mix(in srgb,var(--spectacle-c) 32%,transparent)}.immersive-studio[data-mode=prism] .studio-halo-one,.immersive-studio[data-mode=ribbon] .studio-halo-one{background:radial-gradient(ellipse,color-mix(in srgb,var(--spectacle-b) 35%,transparent),transparent 65%)}.immersive-studio[data-mode=prism] .studio-halo-two,.immersive-studio[data-mode=ribbon] .studio-halo-two{background:radial-gradient(ellipse,color-mix(in srgb,var(--spectacle-c) 22%,transparent),transparent 62%)}.immersive-studio .studio-prism-assembly,.immersive-studio .studio-prism-core,.immersive-studio .studio-prism-gate,.immersive-studio .studio-prism-inlay,.immersive-studio .studio-ribbon,.immersive-studio .studio-ribbon-cell,.immersive-studio .studio-ribbon-segment{position:absolute;width:0;height:0;transform-style:preserve-3d}.immersive-studio .studio-ribbon{animation:studio-ribbon-breathe 11s ease-in-out infinite}.immersive-studio .studio-ribbon-segment{transform:translate3d(calc(var(--ribbon-x) * var(--scene-unit)),calc(var(--ribbon-y) * var(--scene-unit)),calc(var(--ribbon-z) * var(--scene-unit))) rotate(var(--ribbon-curve)) rotateX(var(--ribbon-twist))}.immersive-studio .studio-ribbon-cell{animation:studio-ribbon-wave 7s ease-in-out infinite;animation-delay:calc(var(--ribbon-index) * -.18s)}.immersive-studio .ribbon-face{position:absolute;display:block;backface-visibility:hidden;border:1px solid color-mix(in srgb,var(--spectacle-edge) 44%,transparent);box-sizing:border-box}.immersive-studio .ribbon-back,.immersive-studio .ribbon-front{width:calc(26 * var(--scene-unit));height:calc(86 * var(--scene-unit));left:calc(-13 * var(--scene-unit));top:calc(-43 * var(--scene-unit));border-radius:calc(3 * var(--scene-unit));background:linear-gradient(115deg,var(--spectacle-a),color-mix(in srgb,var(--spectacle-b) 77%,#16514a) 54%,color-mix(in srgb,var(--spectacle-b) 55%,#082d32));transform:translateZ(calc(4 * var(--scene-unit)))}.immersive-studio .ribbon-back{transform:rotateY(180deg) translateZ(calc(4 * var(--scene-unit)));background:linear-gradient(130deg,var(--spectacle-c),color-mix(in srgb,var(--spectacle-c) 38%,#204e45))}.immersive-studio .studio-ribbon-segment:nth-child(3n) .ribbon-front{background:linear-gradient(120deg,var(--spectacle-c),var(--spectacle-a) 50%,color-mix(in srgb,var(--spectacle-b) 62%,#153b33))}.immersive-studio .ribbon-side{width:calc(8 * var(--scene-unit));height:calc(86 * var(--scene-unit));left:calc(-4 * var(--scene-unit));top:calc(-43 * var(--scene-unit));background:linear-gradient(90deg,var(--spectacle-edge),color-mix(in srgb,var(--spectacle-a) 34%,#154235));transform:rotateY(90deg) translateZ(calc(13 * var(--scene-unit)))}.immersive-studio .ribbon-tip{width:calc(26 * var(--scene-unit));height:calc(8 * var(--scene-unit));left:calc(-13 * var(--scene-unit));top:calc(-4 * var(--scene-unit));background:var(--spectacle-c);transform:rotateX(90deg) translateZ(calc(43 * var(--scene-unit)))}.immersive-studio .ribbon-rail{position:absolute;display:block;width:calc(24 * var(--scene-unit));height:calc(3 * var(--scene-unit));left:calc(-12 * var(--scene-unit));background:var(--spectacle-edge);border-radius:2px;transform:translateZ(calc(5 * var(--scene-unit)));opacity:.8}.immersive-studio .ribbon-rail-top{top:calc(-38 * var(--scene-unit))}.immersive-studio .ribbon-rail-bottom{top:calc(36 * var(--scene-unit));background:var(--spectacle-c);opacity:.7}.immersive-studio .studio-ribbon-satellite{position:absolute;width:0;height:0;transform-style:preserve-3d}.immersive-studio .studio-ribbon-satellite i{position:absolute;display:block;width:calc(25 * var(--scene-unit));height:calc(25 * var(--scene-unit));left:calc(-12.5 * var(--scene-unit));top:calc(-12.5 * var(--scene-unit));background:linear-gradient(135deg,var(--spectacle-c),var(--spectacle-b));border:1px solid var(--spectacle-edge);border-radius:calc(3 * var(--scene-unit))}.immersive-studio .studio-ribbon-satellite i:nth-child(2){transform:rotateY(90deg)}.immersive-studio .studio-ribbon-satellite i:nth-child(3){transform:rotateX(90deg)}.immersive-studio .ribbon-satellite-one{animation:studio-ribbon-satellite-one 20s linear infinite}.immersive-studio .ribbon-satellite-two{animation:studio-ribbon-satellite-two 27s linear infinite}.immersive-studio .studio-prism-assembly{animation:studio-prism-hover 10s ease-in-out infinite}.immersive-studio .studio-prism-gate{animation:studio-prism-gate-turn 28s linear infinite}.immersive-studio .studio-prism-rim{position:absolute;display:block;width:calc(260 * var(--scene-unit));height:calc(225 * var(--scene-unit));left:calc(-130 * var(--scene-unit));top:calc(-112.5 * var(--scene-unit));clip-path:polygon(evenodd,25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%,25% 0,30% 9%,9% 50%,30% 91%,70% 91%,91% 50%,70% 9%,30% 9%);background:linear-gradient(145deg,var(--spectacle-edge),var(--spectacle-a) 25%,var(--spectacle-b) 50%,var(--spectacle-c) 75%,var(--spectacle-edge));backface-visibility:visible}.immersive-studio .prism-rim-front{transform:translateZ(calc(29 * var(--scene-unit)))}.immersive-studio .prism-rim-back{transform:translateZ(calc(-29 * var(--scene-unit)));background:linear-gradient(155deg,var(--spectacle-c),color-mix(in srgb,var(--spectacle-b) 65%,#24443d))}.immersive-studio .studio-prism-wall{position:absolute;display:block;width:calc(130 * var(--scene-unit));height:calc(58 * var(--scene-unit));left:calc(-65 * var(--scene-unit));top:calc(-29 * var(--scene-unit));transform:rotate(calc(var(--gate-side) * 60deg)) translateY(calc(-112.5 * var(--scene-unit))) rotateX(90deg);background:linear-gradient(0deg,color-mix(in srgb,var(--spectacle-b) 48%,#183a3a),color-mix(in srgb,var(--spectacle-a) 83%,#245841) 45%,color-mix(in srgb,var(--spectacle-c) 70%,#304838));border:1px solid color-mix(in srgb,var(--spectacle-edge) 62%,transparent);box-sizing:border-box;backface-visibility:visible}.immersive-studio .studio-prism-inlay{transform:translateZ(calc(33 * var(--scene-unit)))}.immersive-studio .studio-prism-inlay i{display:block;position:absolute;width:calc(3 * var(--scene-unit));height:calc(13 * var(--scene-unit));left:calc(-1.5 * var(--scene-unit));top:calc(-6.5 * var(--scene-unit));border-radius:2px;background:var(--spectacle-c);transform:rotate(calc(var(--inlay-index) * 30deg)) translateY(calc(-138 * var(--scene-unit)));animation:studio-prism-beacon 5s ease-in-out infinite;animation-delay:calc(var(--inlay-index) * -.3s)}.immersive-studio .studio-prism-core{animation:studio-prism-core-turn 18s linear infinite}.immersive-studio .studio-prism-face{position:absolute;display:block;width:calc(78 * var(--scene-unit));height:calc(78 * var(--scene-unit));left:calc(-39 * var(--scene-unit));top:calc(-39 * var(--scene-unit));border:1px solid var(--spectacle-edge);box-sizing:border-box;border-radius:calc(5 * var(--scene-unit));background:linear-gradient(145deg,var(--spectacle-a),color-mix(in srgb,var(--spectacle-b) 80%,#174637));backface-visibility:hidden;overflow:hidden}.immersive-studio .prism-face-0{transform:translateZ(calc(39 * var(--scene-unit)))}.immersive-studio .prism-face-1{transform:rotateY(180deg) translateZ(calc(39 * var(--scene-unit)));background:linear-gradient(135deg,var(--spectacle-c),var(--spectacle-a))}.immersive-studio .prism-face-2{transform:rotateY(90deg) translateZ(calc(39 * var(--scene-unit)));background:linear-gradient(135deg,var(--spectacle-b),color-mix(in srgb,var(--spectacle-b) 45%,#1a4740))}.immersive-studio .prism-face-3{transform:rotateY(-90deg) translateZ(calc(39 * var(--scene-unit)));background:linear-gradient(145deg,var(--spectacle-c),color-mix(in srgb,var(--spectacle-a) 70%,#315c44))}.immersive-studio .prism-face-4{transform:rotateX(90deg) translateZ(calc(39 * var(--scene-unit)));background:linear-gradient(135deg,var(--spectacle-edge),var(--spectacle-a))}.immersive-studio .prism-face-5{transform:rotateX(-90deg) translateZ(calc(39 * var(--scene-unit)));background:linear-gradient(135deg,var(--spectacle-b),#285848)}.immersive-studio .studio-prism-face span{position:absolute;inset:20%;border:1px solid #f4ffe7a6;border-radius:3px;transform:rotate(45deg);box-shadow:inset 0 0 0 calc(6 * var(--scene-unit)) #fff1}.immersive-studio .studio-prism-face b{position:absolute;inset:-80%;background:linear-gradient(110deg,transparent 43%,#ffffff7a 50%,transparent 57%);animation:studio-face-sheen 8s ease-in-out infinite}.immersive-studio .studio-prism-gimbal{position:absolute;width:calc(345 * var(--scene-unit));height:calc(345 * var(--scene-unit));left:calc(-172.5 * var(--scene-unit));top:calc(-172.5 * var(--scene-unit));border:2px solid color-mix(in srgb,var(--spectacle-a) 58%,transparent);border-radius:50%;transform-style:preserve-3d;box-sizing:border-box}.immersive-studio .studio-prism-gimbal:after,.immersive-studio .studio-prism-gimbal:before{content:"";position:absolute;left:calc(50% - 5 * var(--scene-unit));width:calc(10 * var(--scene-unit));height:calc(10 * var(--scene-unit));border-radius:50%;background:var(--spectacle-edge);box-shadow:0 0 12px color-mix(in srgb,var(--spectacle-a) 40%,transparent)}.immersive-studio .studio-prism-gimbal:before{top:calc(-5 * var(--scene-unit))}.immersive-studio .studio-prism-gimbal:after{bottom:calc(-5 * var(--scene-unit));background:var(--spectacle-c)}.immersive-studio .prism-gimbal-one{animation:studio-prism-gimbal-one 24s linear infinite}.immersive-studio .prism-gimbal-two{width:calc(382 * var(--scene-unit));height:calc(382 * var(--scene-unit));left:calc(-191 * var(--scene-unit));top:calc(-191 * var(--scene-unit));border-width:1px;border-color:color-mix(in srgb,var(--spectacle-b) 65%,transparent);animation:studio-prism-gimbal-two 32s linear infinite}.immersive-studio .prism-gimbal-three{width:calc(305 * var(--scene-unit));height:calc(305 * var(--scene-unit));left:calc(-152.5 * var(--scene-unit));top:calc(-152.5 * var(--scene-unit));border-width:1px;border-style:dashed;border-color:color-mix(in srgb,var(--spectacle-c) 62%,transparent);animation:studio-prism-gimbal-three 21s linear infinite}@keyframes studio-ribbon-sway{0%,to{transform:rotateY(-14deg) rotate(-5deg)}50%{transform:rotateY(24deg) rotate(6deg)}}@keyframes studio-ribbon-breathe{0%,to{transform:translateY(calc(-8 * var(--scene-unit)))}50%{transform:translateY(calc(8 * var(--scene-unit)))}}@keyframes studio-ribbon-wave{0%,to{transform:rotateX(-10deg) translateZ(0)}50%{transform:rotateX(12deg) translateZ(calc(6 * var(--scene-unit)))}}@keyframes studio-ribbon-satellite-one{0%{transform:rotateY(0) rotate(25deg) translateX(calc(266 * var(--scene-unit))) rotateX(0)}to{transform:rotateY(1turn) rotate(25deg) translateX(calc(266 * var(--scene-unit))) rotateX(1turn)}}@keyframes studio-ribbon-satellite-two{0%{transform:rotateY(180deg) rotate(-20deg) translateX(calc(258 * var(--scene-unit))) rotateX(0)}to{transform:rotateY(-180deg) rotate(-20deg) translateX(calc(258 * var(--scene-unit))) rotateX(-1turn)}}@keyframes studio-prism-procession{0%{transform:rotateY(-5deg)}to{transform:rotateY(355deg)}}@keyframes studio-prism-hover{0%,to{transform:translateY(calc(-10 * var(--scene-unit)))}50%{transform:translateY(calc(10 * var(--scene-unit)))}}@keyframes studio-prism-gate-turn{0%{transform:rotate(0) rotateY(-15deg)}to{transform:rotate(1turn) rotateY(-15deg)}}@keyframes studio-prism-core-turn{0%{transform:rotateX(25deg) rotateY(0) rotate(18deg)}to{transform:rotateX(385deg) rotateY(-1turn) rotate(18deg)}}@keyframes studio-prism-beacon{0%,to{opacity:.25}50%{opacity:1}}@keyframes studio-prism-gimbal-one{0%{transform:rotateX(62deg) rotateY(18deg) rotate(0)}to{transform:rotateX(62deg) rotateY(18deg) rotate(1turn)}}@keyframes studio-prism-gimbal-two{0%{transform:rotateX(30deg) rotateY(72deg) rotate(0)}to{transform:rotateX(30deg) rotateY(72deg) rotate(-1turn)}}@keyframes studio-prism-gimbal-three{0%{transform:rotateX(83deg) rotateY(-25deg) rotate(0)}to{transform:rotateX(83deg) rotateY(-25deg) rotate(1turn)}}@media(max-width:1020px){.immersive-studio .studio-console{grid-template-columns:1fr;justify-items:center;gap:12px}.immersive-studio .studio-modes{grid-template-columns:repeat(3,minmax(0,1fr));flex-basis:auto}}@media(max-width:600px){.immersive-studio .studio-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.immersive-studio .studio-modes button{flex-direction:column;gap:3px;padding:8px 3px;font-size:11px}.immersive-studio .studio-modes svg{width:20px;height:20px}.immersive-studio .studio-console{gap:10px}}@media(max-height:520px) and (min-width:601px){.immersive-studio .studio-modes{grid-template-columns:repeat(6,minmax(0,1fr))}.immersive-studio .studio-modes button{flex-direction:column;gap:2px;padding:5px 2px;font-size:10px;min-height:44px}.immersive-studio .studio-modes svg{width:18px;height:18px}.immersive-studio .studio-console{gap:6px}}.immersive-studio .studio-viewport[data-dragging] *,.immersive-studio[data-running=false] *{animation-play-state:paused!important}.immersive-studio[data-motion=quiet] *,html[data-motion=quiet] .immersive-studio *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.immersive-studio *{animation:none!important;transition:none!important}}.ledger-dialog .interface-emblem-compact .emblem-gimbal{position:absolute;inset:1px;transform-style:preserve-3d;pointer-events:none}.ledger-dialog .emblem-gimbal-ring{position:absolute;inset:1px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:50%;transform-style:preserve-3d;box-shadow:inset 0 0 6px color-mix(in srgb,var(--accent) 15%,transparent)}.ledger-dialog .emblem-gimbal-ring:after{content:"";position:absolute;width:4px;height:4px;inset-block-start:-2px;inset-inline-start:calc(50% - 2px);border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.ledger-dialog .emblem-gimbal-ring-one{transform:rotateX(68deg) rotateY(-24deg)}.ledger-dialog .emblem-gimbal-ring-two{transform:rotateX(-58deg) rotateY(38deg);border-color:color-mix(in srgb,var(--chroma-three,var(--accent)) 50%,transparent)}.collection-studio-launch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;color:var(--accent);background:linear-gradient(135deg,var(--accent-light),var(--surface));border-color:color-mix(in srgb,var(--accent) 25%,var(--line));font-size:12px}.collection-studio-launch svg{width:19px;height:19px;flex:none}@media (prefers-reduced-motion:no-preference){html[data-motion=full][data-interface-visible=true] .ledger-dialog[open] .interface-emblem-compact[data-running=true] .emblem-gimbal-ring-one{animation:window-gimbal-one 9s linear infinite}html[data-motion=full][data-interface-visible=true] .ledger-dialog[open] .interface-emblem-compact[data-running=true] .emblem-gimbal-ring-two{animation:window-gimbal-two 13s linear infinite reverse}}@keyframes window-gimbal-one{0%{transform:rotateX(68deg) rotateY(-24deg) rotate(0deg)}to{transform:rotateX(68deg) rotateY(-24deg) rotate(1turn)}}@keyframes window-gimbal-two{0%{transform:rotateX(-58deg) rotateY(38deg) rotate(0deg)}to{transform:rotateX(-58deg) rotateY(38deg) rotate(1turn)}}.interface-emblem[data-running=false] .emblem-gimbal-ring,html[data-interface-visible=false] .emblem-gimbal-ring,html[data-motion=quiet] .emblem-gimbal-ring{animation:none!important}@media (prefers-reduced-motion:reduce){.emblem-gimbal-ring{animation:none!important}}.gallery-launch{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:10px 15px;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);border-radius:14px;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),var(--surface));color:var(--ink);font-weight:700;cursor:pointer}.gallery-launch-mark{width:26px;height:26px;position:relative;flex:0 0 26px;perspective:100px}.gallery-launch-mark i{position:absolute;inset:3px;border:1.5px solid;border-radius:7px;transform:rotate(-24deg) rotateY(32deg)}.gallery-launch-mark i:nth-child(2){transform:rotate(24deg) rotateY(-32deg);opacity:.5}.gallery-launch-mark i:nth-child(3){inset:9px;background:var(--accent);border:none;border-radius:2px;transform:rotate(45deg)}.gallery-launch-badge{padding:3px 6px;border-radius:6px;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);font-size:10px;letter-spacing:.06em}.gallery-launch-compact{min-height:44px;padding:8px 11px;font-size:12px}.desk-gallery-entry{display:flex;margin-top:16px}html[data-palette] .delivery-desk .gallery-launch{background:#ffffff0e;border-color:#ffffff35;color:var(--mood-deep-text,#eff9eb)}html[data-palette] .delivery-desk .gallery-launch-badge{background:#ffffff13;color:var(--mood-highlight,#d5edba)}html[data-palette] .delivery-desk .gallery-launch-mark i:nth-child(3){background:var(--mood-highlight,#d5edba)}dialog.ledger-gallery{--gallery-cream:#f1e8d4;--gallery-muted:#acc6bd;--gallery-green:#95dec2;position:fixed;width:min(1180px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #6b9c843b;border-radius:26px;overflow:auto;overscroll-behavior:contain;color:var(--gallery-cream);background:#091b16;box-shadow:0 28px 100px #0009}.ledger-gallery::backdrop{background:#010a09d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gallery-shell{min-width:0;background:radial-gradient(ellipse at 50% 18%,#16473580,transparent 58%),#081913}.gallery-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 30px 18px}.gallery-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#a3bcb0;font-size:10px;font-weight:650;letter-spacing:.18em}.gallery-eyebrow i{width:3px;height:3px;border-radius:50%;background:#c5ad77}.gallery-header h2{margin:8px 0 0;color:#f5eddd;font-size:clamp(24px,3vw,36px);line-height:1.22;letter-spacing:-.04em;font-weight:650}.ledger-gallery button{touch-action:manipulation}.ledger-gallery .gallery-close{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:10px;border:1px solid #8fbba236;border-radius:50%;background:#ffffff08;color:#e5f0e8}.gallery-close svg{width:22px;height:22px}.gallery-stage{position:relative;height:clamp(280px,52dvh,580px);min-height:240px;margin:0 16px;overflow:hidden;isolation:isolate;border:1px solid #88b69e24;border-radius:20px;background:radial-gradient(ellipse at 50% 42%,#24574090,#0b211b55 50%,#04100cd9 90%);outline-offset:3px}.gallery-stage-grid{inset:50% -50% -45%;z-index:-1;transform:perspective(700px) rotateX(60deg);transform-origin:center top;background-image:linear-gradient(#81b8a00f 1px,transparent 0),linear-gradient(90deg,#81b8a00f 1px,transparent 0);background-size:65px 65px;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 64%);mask-image:radial-gradient(ellipse,#000,transparent 64%)}.gallery-poster,.gallery-stage-grid{position:absolute;pointer-events:none}.gallery-poster{inset:0;background-position:50%;background-repeat:no-repeat;background-size:contain;opacity:1;transition:opacity .4s ease}.ledger-gallery[data-gallery-state=ready] .gallery-poster{opacity:0}.gallery-canvas{position:absolute;inset:0}.gallery-canvas canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.gallery-canvas canvas:active{cursor:grabbing}.ledger-gallery:not([data-gallery-state=ready]) .gallery-canvas{visibility:hidden}.gallery-art-label{position:absolute;inset-inline-start:24px;bottom:23px;max-width:calc(100% - 48px);display:grid;gap:6px;pointer-events:none;text-shadow:0 2px 12px #03100e}.gallery-art-label span{color:#c8ac76;font-size:9px;font-weight:650;letter-spacing:.15em}.gallery-art-label b{font-size:13px;color:#e3e9dd;font-weight:450}.gallery-provenance{position:absolute;inset-inline-start:22px;top:18px;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #b6cbb526;border-radius:20px;background:#0620178c;color:#cfddc8;font-size:10px;pointer-events:none}.gallery-provenance i{width:5px;height:5px;border-radius:50%;background:#d8b674}.gallery-loading{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:11px;width:max-content;max-width:calc(100% - 32px);padding:17px 22px;border:1px solid #86bca039;border-radius:16px;background:#05130fe8;color:#d5e8dc;font-size:13px;text-align:center;box-shadow:0 10px 40px #0006}.gallery-loading b{color:#f0e4cb;font-size:17px}.gallery-loading>span:not(.gallery-loader){max-width:310px;line-height:1.5}.ledger-gallery .gallery-loading button{min-height:44px;margin-top:2px;border:1px solid #a9d8bb66;background:#154331;color:#e3f1e8;border-radius:10px;padding:9px 14px}.gallery-loader{width:24px;height:24px;border:1px solid #a7dcb644;border-top-color:#d3b679;border-radius:50%;animation:gallery-loading-spin 1.1s linear infinite}.gallery-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 20px;padding:20px 28px 12px}.gallery-finishes{display:flex;gap:5px;padding:5px;border:1px solid #9cbea525;border-radius:14px;background:#00110955}.ledger-gallery .gallery-finishes button,.ledger-gallery .gallery-view-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:#c0d0c6;font-size:12px;font-weight:500}.ledger-gallery .gallery-finishes button[aria-pressed=true]{background:#547f5d35;border-color:#90bb9840;color:#f3eddb}.gallery-finishes button i{width:11px;height:11px;flex:0 0 11px;border:1px solid #ffffff55;border-radius:50%;background:#149e75}.gallery-finishes button[data-surface=porcelain] i{background:#e9e4d5}.gallery-finishes button[data-surface=midnight] i{background:#293c62}.gallery-view-controls{display:flex;flex-wrap:wrap;gap:5px}.ledger-gallery .gallery-view-controls button{min-height:44px;border-color:#90b2a128;background:#d7ffe308}.ledger-gallery .gallery-view-controls button[aria-pressed=true]{border-color:#c3aa6c88;background:#c3aa6c1c;color:#f4e0b3}.ledger-gallery button:hover:not(:disabled){background-color:#547f5d45;border-color:#9bb89c7a}.ledger-gallery button:disabled{opacity:.42;cursor:default}.gallery-stage:focus-visible,.ledger-gallery button:focus-visible,.ledger-gallery input:focus-visible{outline:2px solid #d9c58e;outline-offset:4px}.gallery-zoom{display:flex;align-items:center;gap:10px;width:100%;max-width:250px;color:#aebeb0;font-size:11px}.gallery-zoom input{width:100%;min-width:60px;max-width:140px;height:28px;padding:0;border:0;accent-color:#cbb77c;background:transparent}.gallery-zoom output{min-width:37px;color:#d8dbbf;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;direction:ltr}.gallery-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:3px 29px 20px;color:#8ba398;font-size:10px;line-height:1.65}.gallery-footer p{margin:0;max-width:680px}.gallery-footer>span{color:#baab80;white-space:nowrap}[dir=rtl] .gallery-art-label span,[dir=rtl] .gallery-eyebrow{letter-spacing:0}@keyframes gallery-loading-spin{to{transform:rotate(1turn)}}@media (max-width:760px){dialog.ledger-gallery{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:20px}.gallery-header{padding:20px 18px 16px}.gallery-header h2{font-size:26px}.gallery-eyebrow{font-size:8px;letter-spacing:.1em;gap:6px}.gallery-stage{margin:0 9px;height:min(46dvh,440px);min-height:270px;border-radius:15px}.gallery-art-label{inset-inline-start:15px;bottom:16px;max-width:calc(100% - 30px)}.gallery-provenance{inset-inline-start:14px;top:14px}.gallery-controls{padding:14px 17px 10px;gap:12px}.gallery-finishes{width:100%;justify-content:space-between}.ledger-gallery .gallery-finishes button{flex:1 1;min-height:44px;padding:8px 7px}.gallery-view-controls{width:100%}.ledger-gallery .gallery-view-controls button{flex:1 1 auto;min-height:44px}.gallery-zoom,.gallery-zoom input{max-width:none}.gallery-footer{padding:2px 18px 18px;align-items:flex-start}.gallery-footer>span{display:none}}@media (max-width:370px){.gallery-header{gap:8px;padding-inline:14px}.gallery-header h2{font-size:22px}.gallery-eyebrow{font-size:7px}.gallery-finishes{gap:1px;padding:3px}.ledger-gallery .gallery-finishes button{gap:5px;font-size:11px;padding:8px 5px}.gallery-controls{padding-inline:12px}.ledger-gallery .gallery-view-controls button{font-size:11px;padding:8px}}@media (max-height:520px) and (min-width:600px){.gallery-header{padding-block:14px}.gallery-header h2{font-size:23px}.gallery-stage{height:55dvh;min-height:220px}.gallery-controls{padding-block:13px 8px}}@media (prefers-reduced-motion:reduce){.gallery-loader{animation:none}.gallery-poster{transition:none}}html[data-motion=quiet] .gallery-loader{animation:none}html[data-motion=quiet] .gallery-poster{transition:none}.ledger-gallery[data-motion=quiet] .gallery-loader{animation:none}.app-shell:has(>.spatial-backdrop){position:relative;isolation:isolate}.app-shell:has(>.spatial-backdrop)>main{position:relative;z-index:1}.app-shell:has(>.spatial-backdrop)>.sidebar{z-index:2}.spatial-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict;isolation:isolate;--spatial-strength:.53;--spatial-glass:var(--chroma-one,#34d7ae);--spatial-metal:var(--mood-highlight,#d2b071)}.spatial-backdrop[data-mode=showroom]{--spatial-strength:.96}.spatial-backdrop>div{position:absolute;inset:0;pointer-events:none}.spatial-backdrop-haze{background:radial-gradient(ellipse at 98% 25%,color-mix(in srgb,var(--spatial-glass) 19%,transparent),transparent 49%),radial-gradient(ellipse at 5% 88%,color-mix(in srgb,var(--chroma-two,#8689f7) 12%,transparent),transparent 43%),radial-gradient(ellipse at 52% -22%,color-mix(in srgb,var(--spatial-metal) 16%,transparent),transparent 52%)}.spatial-backdrop-canvas{opacity:var(--spatial-strength)}.spatial-backdrop-canvas canvas{display:block;width:100%;height:100%;pointer-events:none}.spatial-backdrop-vignette{background:radial-gradient(ellipse at 51% 45%,color-mix(in srgb,var(--bg,#f5f6f1) 42%,transparent),transparent 68%)}.spatial-backdrop-fallback{perspective:900px;opacity:.38}.spatial-backdrop[data-mode=showroom] .spatial-backdrop-fallback{opacity:.67}.spatial-backdrop[data-state=ready] .spatial-backdrop-fallback{visibility:hidden}.spatial-backdrop-fallback i{display:block;position:absolute;transform-style:preserve-3d}.spatial-fallback-ring{width:clamp(230px,38vw,600px);aspect-ratio:1;right:-8%;top:3%;border:clamp(10px,1.9vw,30px) solid color-mix(in srgb,var(--spatial-glass) 65%,#163d36);border-radius:50%;transform:rotateX(58deg) rotateY(-22deg) rotate(-23deg);box-shadow:inset 2px 5px 5px #ffffff77,inset -3px -5px 12px #0d342955,4px 15px 2px color-mix(in srgb,var(--spatial-glass) 24%,#23473b),0 18px 40px #163d3616}.spatial-fallback-ring-cross{border-width:3px;border-color:var(--spatial-metal);transform:rotateX(-30deg) rotateY(56deg) rotate(12deg);top:7%;right:-5%}.spatial-fallback-ribbon{bottom:-5%;left:-12%;width:clamp(270px,43vw,740px);height:clamp(140px,23vw,360px);border:24px solid color-mix(in srgb,var(--spatial-glass) 52%,var(--spatial-metal));border-radius:34% 68% 40% 64%;transform:rotateX(53deg) rotateY(18deg) rotate(-31deg);box-shadow:inset 3px 6px 4px #ffffffaa,inset -2px -8px 6px #183b3840,6px 13px 0 color-mix(in srgb,var(--spatial-glass) 44%,#224137)}.spatial-fallback-crystal{width:90px;height:130px;top:20%;left:8%;background:linear-gradient(125deg,#ffffffb0 0 33%,color-mix(in srgb,var(--spatial-glass) 40%,#cbd4c5) 34% 66%,color-mix(in srgb,var(--spatial-glass) 70%,#29594a) 67%);clip-path:polygon(50% 0,100% 45%,50% 100%,0 45%);transform:rotate(22deg)}.spatial-fallback-star{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--spatial-metal);box-shadow:0 0 18px var(--spatial-metal)}.spatial-fallback-star-one{top:33%;right:26%}.spatial-fallback-star-two{bottom:17%;left:32%;width:3px;height:3px}.spatial-backdrop[data-scene=ribbon] .spatial-fallback-ribbon{top:12%;bottom:auto;left:auto;right:-10%;transform:rotateX(35deg) rotateY(-20deg) rotate(36deg)}.spatial-backdrop[data-scene=ribbon] .spatial-fallback-ring{right:auto;left:-14%;top:auto;bottom:-6%}.spatial-backdrop[data-scene=crystal] .spatial-fallback-crystal{left:auto;right:10%;top:19%;width:170px;height:260px}.spatial-backdrop[data-scene=crystal] .spatial-fallback-ring{right:auto;left:-16%;top:9%}html[data-theme=dark] .spatial-backdrop{--spatial-strength:.52}html[data-theme=dark] .spatial-backdrop[data-mode=showroom]{--spatial-strength:.88}html[data-theme=dark] .spatial-backdrop-haze{opacity:.6}html[data-theme=dark] .spatial-backdrop-vignette{background:radial-gradient(ellipse at 51% 45%,#0d191554,transparent 70%)}html[data-theme=dark] .spatial-backdrop-fallback{opacity:.35}@media(max-width:760px){.spatial-backdrop{--spatial-strength:.4}.spatial-backdrop[data-mode=showroom]{--spatial-strength:.75}.spatial-fallback-ring{right:-36%;top:13%}.spatial-fallback-ring-cross{right:-29%}.spatial-fallback-ribbon{left:-39%;bottom:8%}.spatial-fallback-crystal{left:-5%;top:57%;width:65px;height:95px}.spatial-backdrop[data-scene=crystal] .spatial-fallback-crystal{right:-12%;width:140px;height:215px}}@media(prefers-reduced-motion:reduce){.spatial-backdrop,.spatial-backdrop *{animation:none!important;transition:none!important}}.design-playground{--pg-cream:#f6f4df;--pg-gold:#d6bd82;--pg-stage:#073d37;display:grid;gap:28px;min-width:0}.design-playground button,.playground-dialog button{min-height:44px}.design-playground button:focus-visible,.design-playground input:focus-visible,.playground-dialog button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.playground-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:3px 0 0}.playground-kicker{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.6px;line-height:1.6;font-weight:700;color:var(--muted)}.playground-heading h2{font-size:clamp(28px,3.1vw,43px);letter-spacing:-1.5px;margin:10px 0 7px;font-weight:600}.playground-heading p{font-size:13px;color:var(--muted);margin:0}.playground-edition{display:grid;gap:8px;text-align:end;max-width:175px;font-size:8px;letter-spacing:1.6px;color:var(--muted);line-height:1.7}.playground-edition b{font-size:26px;font-weight:400;letter-spacing:-1px;color:var(--ink);direction:ltr}.playground-workbench{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(265px,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface);box-shadow:0 20px 65px #0c332507}.playground-preview{position:relative;isolation:isolate;overflow:hidden;min-height:600px;background:radial-gradient(ellipse at 62% 36%,#62aa8857,transparent 54%),radial-gradient(ellipse at 0 100%,#37573b66,transparent 55%),linear-gradient(135deg,#052e2b,#0b5042 70%,#1e4434);color:var(--pg-cream);display:flex;flex-direction:column;padding:24px 28px}.playground-preview:before{content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;opacity:.15;background-image:linear-gradient(#c5e7c31b 1px,transparent 0),linear-gradient(90deg,#c5e7c31b 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:linear-gradient(transparent,#000 50%,transparent);mask-image:linear-gradient(transparent,#000 50%,transparent)}.playground-preview-bottom,.playground-preview-top{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:9px;line-height:1.6;color:#c8ddd1;position:relative;z-index:2}.playground-preview-top>span:first-child{display:flex;align-items:center;gap:7px}.playground-preview-top i{width:5px;height:5px;background:#b9da9c;border-radius:50%;box-shadow:0 0 12px #b9da9c}.playground-preview-bottom{margin-top:auto;padding-top:24px;border-top:1px solid #d2e5d422;font-size:8px;color:#aecabc}.playground-preview-copy{position:relative;z-index:1;margin-top:auto;padding-top:290px;padding-bottom:22px;pointer-events:none}.playground-preview-copy .playground-kicker{font-size:8px;color:#c1d4b4}.playground-preview-copy h3{font-size:clamp(30px,3.4vw,49px);font-weight:400;letter-spacing:-1.3px;line-height:1.1;margin:12px 0}.playground-preview-copy h3 em{font-family:Georgia,Times New Roman,serif;color:var(--pg-gold);font-weight:400}.playground-preview-copy p{font-size:11px;color:#ccddd3;margin:0;line-height:1.7}.playground-sculpture{position:absolute;top:70px;left:50%;width:300px;height:280px;transform:translateX(-50%);perspective:900px;pointer-events:none}.playground-plane{position:absolute;left:-25px;right:-25px;bottom:-10px;height:200px;border:1px solid #d8ead329;border-radius:50%;transform:rotateX(68deg);background:radial-gradient(ellipse,#080f08aa,transparent 63%);box-shadow:0 12px 0 -11px #e4ca7833,0 40px 0 -39px #e4ca7822}.playground-object{position:absolute;top:30px;left:57px;width:190px;height:220px;transform-style:preserve-3d;transform:rotateX(14deg) rotateY(-24deg) rotate(-10deg);animation:playground-levitate var(--playground-duration) ease-in-out infinite}.playground-layer{position:absolute;inset:0;border-radius:18px;transform-style:preserve-3d;border:1px solid #e7deb877;box-shadow:inset 1px 1px #fff3,12px 15px 30px #00120f55}.playground-layer-back{transform:translateZ(calc(var(--playground-depth) * -1));background:linear-gradient(140deg,#99bfad55,#baddc80a);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.playground-layer-mid{transform:translateZ(calc(var(--playground-depth) * -.5));background:repeating-linear-gradient(0deg,#bfc6a3 0 1px,#f0e7c6 1px 4px);inset:9px 4px 9px 0;border-color:#dfce99}.playground-layer-front{padding:20px;display:flex;flex-direction:column;align-items:start;background:linear-gradient(145deg,#4a9780,#155a4c 55%,#0a4139);color:#e9d7a9;overflow:hidden}.playground-layer-front:after{content:"";position:absolute;inset:-100% -40%;background:linear-gradient(110deg,transparent 35%,#fff1 46%,#ffeaaf33 50%,transparent 57%);transform:translateX(-25%);animation:playground-light var(--playground-duration) ease-in-out infinite}.playground-layer-front>span{font-size:9px;letter-spacing:1.6px}.playground-layer-front>b{font-size:77px;font-weight:400;align-self:center;margin:auto;line-height:1;text-shadow:1px 2px #6b5923,0 0 15px #f3d77922}.playground-layer-front>i{width:35px;height:1px;background:#d6bd8288;margin-bottom:8px}.playground-layer-front>small{font-size:6px;letter-spacing:1.3px;color:#ded7b7;white-space:nowrap}.playground-orbit{position:absolute;left:6px;top:20px;width:300px;height:240px;border:1px solid #daca9377;border-radius:50%;transform:rotateX(60deg) rotateY(-15deg) rotate(20deg);box-shadow:0 1px 1px #fcebb522;animation:playground-orbit var(--playground-duration) linear infinite}.playground-orbit-two{left:-10px;top:15px;width:320px;height:270px;border-color:#c7e5d33a;transform:rotateX(-55deg) rotateY(35deg) rotate(-35deg);animation-direction:reverse;animation-duration:calc(var(--playground-duration) * 1.6)}.playground-pearl{position:absolute;border-radius:50%;box-shadow:7px 12px 20px #001f1c66;animation:playground-pearl calc(var(--playground-duration) * .7) ease-in-out infinite}.playground-pearl-one{width:32px;height:32px;left:4px;top:90px;background:radial-gradient(circle at 30% 25%,#fffbe6,#c0ac6e 48%,#4d4930)}.playground-pearl-two{width:46px;height:46px;right:-4px;top:190px;background:radial-gradient(circle at 27% 22%,#e8f8e9,#aec3af 45%,#304f46);animation-delay:-5s}.playground-pearl-three{width:14px;height:14px;right:25px;top:19px;background:radial-gradient(circle at 27% 22%,#fffbe6,#c0ac6e 55%,#4d4930);animation-delay:-9s}.design-playground[data-scene=ribbon] .playground-orbit{width:340px;height:125px;left:-22px;top:90px;border-width:7px;border-color:#b6dab066 #f5d78999 #2d967988 #b6dab066;border-radius:45%}.design-playground[data-scene=crystal] .playground-orbit{border-radius:18px;width:240px;height:240px;left:30px;top:20px;border-color:#cbe8db66}.design-playground[data-scene=crystal] .playground-pearl{border-radius:7px}.design-playground[data-mode=showroom] .playground-preview{box-shadow:inset 0 0 100px #7ac5a311}.playground-controls{padding:27px;display:grid;align-content:start;gap:21px;min-width:0}.playground-section-label{display:flex;gap:10px;align-items:center;min-width:0}.playground-section-label>span{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font-size:9px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.playground-section-label h3{font-size:15px;font-weight:600;letter-spacing:-.25px;margin:0;line-height:1.5}.playground-section-label>small{margin-inline-start:auto;font-size:10px;text-align:end}.playground-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.playground-toggle-row b{display:block;font-size:12px;font-weight:600;margin-bottom:5px}.playground-toggle-row small{display:block;font-size:10px;line-height:1.6}.playground-switch{position:relative;width:49px!important;min-width:49px;height:44px;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;transform:none!important}.design-playground .playground-switch:before{content:none!important}.playground-switch>span{position:absolute;inset:8px 0;border:1px solid var(--line);border-radius:30px;background:var(--bg);transition:background .2s}.playground-switch>span>i{position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:inset-inline-start .2s,background .2s;box-shadow:0 2px 4px #0b322522}.playground-switch[aria-checked=true]>span{background:var(--accent);border-color:var(--accent)}.playground-switch[aria-checked=true]>span>i{background:var(--on-accent);inset-inline-start:24px}.playground-fieldset{padding:0;margin:0;border:0;min-width:0}.playground-fieldset legend{font-size:10px;color:var(--muted);margin-bottom:9px;padding:0;font-weight:600}.playground-segment{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.playground-segment button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;background:transparent;font-size:11px;border-radius:8px;padding:8px;min-width:0;color:var(--muted)}.playground-segment button[aria-pressed=true]{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:0 2px 5px #002b1b0b}.playground-segment .ledger-icon{width:14px;height:14px}.playground-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.playground-scenes button{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;background:transparent;color:var(--muted);font-size:9px;padding:9px 2px;border-radius:10px;min-height:64px}.playground-scenes button>span{font-size:25px;line-height:1.1;font-family:Georgia,serif}.playground-scenes button[aria-pressed=true]{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.playground-range{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 8px}.playground-range label{font-size:11px}.playground-range output{font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink)}.playground-range output small{font-size:9px;margin-inline-start:2px}.playground-range input{grid-column:1/-1;width:100%;height:44px;margin:0;accent-color:var(--accent);cursor:pointer}.playground-motion-toggle{padding-top:15px;border-top:1px solid var(--line)}.playground-controls-note{font-size:9px;line-height:1.7;color:var(--muted);margin:0}.playground-components,.playground-presets{display:grid;gap:16px;min-width:0}.playground-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.playground-preset{display:flex;align-items:center;gap:12px;padding:13px;text-align:start;min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink)}.playground-preset:hover{background:var(--surface);border-color:var(--accent)}.playground-preset>span:nth-child(2){min-width:0;flex:1 1}.playground-preset b{display:block;font-size:11px;font-weight:600;margin-bottom:5px}.playground-preset small{display:block;font-size:9px;line-height:1.6}.playground-preset>.ledger-icon{width:14px;height:14px;flex-shrink:0;color:var(--muted)}.playground-preset-art{position:relative;display:block;width:50px;height:59px;flex-shrink:0;border-radius:9px;background:linear-gradient(135deg,#164537,#062d29);overflow:hidden;perspective:160px}.playground-preset-art>i{position:absolute;width:29px;height:33px;left:11px;top:13px;border:1px solid #e9d9a266;border-radius:5px;transform:rotateY(-30deg) rotate(-15deg);background:linear-gradient(140deg,#66af96,#104b3e);box-shadow:4px 5px 10px #001f2477}.playground-preset-art>i:first-child{transform:translate(-5px,4px) rotateY(-30deg) rotate(-15deg);opacity:.6}.playground-preset-art>i:last-child{width:8px;height:8px;border-radius:50%;left:34px;top:42px;background:linear-gradient(#eedfab,#998249)}.playground-preset[data-preset=porcelain] .playground-preset-art{background:linear-gradient(140deg,#d8e5e8,#a7bac7)}.playground-preset[data-preset=porcelain] .playground-preset-art>i{background:linear-gradient(135deg,#fffef5,#c7d5d6);border-color:#f5fffc}.playground-preset[data-preset=neon] .playground-preset-art{background:linear-gradient(135deg,#401a75,#0c123e)}.playground-preset[data-preset=neon] .playground-preset-art>i{background:linear-gradient(130deg,#de74e5,#6633b7 60%,#32c9c7);border-color:#dcabe577;box-shadow:4px 5px 10px #bb47cf44}.playground-specimens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.playground-specimen{min-width:0;min-height:250px;padding:20px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 93%,transparent);display:flex;flex-direction:column;align-items:stretch}.playground-specimen-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;font-weight:600;letter-spacing:1px;color:var(--muted)}.playground-demo-tag{display:inline-flex;font-size:8px;line-height:1.4;letter-spacing:.3px;font-weight:500;padding:4px 7px;border:1px solid var(--line);border-radius:5px;color:var(--muted);width:fit-content}.playground-primary{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--accent)!important;background:var(--accent)!important;color:var(--on-accent)!important;border-radius:10px;padding:12px 17px;font-size:11px;font-weight:600;box-shadow:0 5px 0 color-mix(in srgb,var(--accent) 65%,#041e16),0 9px 18px #063f2620;transition:transform .18s,box-shadow .18s!important;min-width:0}.playground-primary:hover{transform:translateY(-2px)!important;box-shadow:0 7px 0 color-mix(in srgb,var(--accent) 65%,#041e16),0 13px 22px #063f2628}.playground-primary:active{transform:translateY(3px)!important;box-shadow:0 2px 0 color-mix(in srgb,var(--accent) 65%,#041e16)}.playground-primary>.ledger-icon{width:16px;height:16px;flex-shrink:0}.playground-button-stage{min-height:135px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.playground-button-halo{position:absolute;left:50%;top:50%;width:110px;height:110px;border:1px solid var(--line);border-radius:50%;transform:translate(-50%,-50%);z-index:-1;box-shadow:0 0 0 15px color-mix(in srgb,var(--accent-light) 30%,transparent),0 0 0 31px color-mix(in srgb,var(--accent-light) 15%,transparent)}.playground-button-halo.is-active{animation:playground-button-pulse .75s ease-out both}.playground-demo-feedback{margin:12px 0 0;text-align:center;font-size:10px;line-height:1.7;color:var(--muted)}.playground-demo-card{margin-top:17px;border:1px solid var(--line);border-radius:12px;padding:13px;background:linear-gradient(130deg,var(--surface),var(--accent-light));box-shadow:0 6px 0 -3px var(--surface),0 7px 0 -3px var(--line)}.playground-card-emblem{font-family:Georgia,serif;display:block;font-size:29px;line-height:1;color:var(--accent)}.playground-demo-card h4{font-size:13px;font-weight:600;margin:8px 0 9px}.playground-demo-card>button{border:0;border-top:1px solid var(--line);border-radius:0;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:start;padding:10px 0 0;background:transparent;width:100%;font-size:10px;color:var(--accent)}.playground-demo-card>button>span{font-size:18px}.playground-card-details{padding-top:8px}.playground-card-details p{font-size:10px;color:var(--muted);margin:0 0 8px}.playground-card-details>span{font-size:9px;color:var(--accent)}.playground-card-details:not([hidden]){animation:playground-detail-in .3s ease-out both}.playground-mini-window{width:123px;height:80px;align-self:center;position:relative;margin:24px 0 12px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);transform:perspective(600px) rotateY(-14deg) rotateX(12deg);box-shadow:8px 8px 0 -2px var(--accent-light),8px 8px 0 -1px var(--line),16px 16px 20px #123c1f0d}.playground-mini-window>i{display:inline-block;width:4px;height:4px;background:var(--muted);opacity:.4;border-radius:50%;margin-inline-end:3px;vertical-align:top}.playground-mini-window>span{position:absolute;width:62px;height:5px;left:12px;top:32px;background:var(--accent-light);border-radius:4px}.playground-mini-window>b{position:absolute;width:35px;height:12px;left:12px;top:48px;background:var(--accent);border-radius:4px}.playground-window-launch{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent!important;border-color:transparent!important;font-size:10px;color:var(--accent)!important;padding:8px 5px}.playground-window-launch>.ledger-icon{width:14px;height:14px}.playground-export{border-top:1px solid var(--line);padding-top:27px;display:flex;align-items:center;justify-content:space-between;gap:24px}.playground-export h3{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:6px 0}.playground-export p{font-size:11px;color:var(--muted);margin:0;max-width:410px}.playground-export-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.playground-export-actions>button{font-size:10px;padding:12px 14px;border-radius:10px}.playground-export-actions>button:not(.playground-primary){background:var(--surface)}.playground-announcement{min-height:18px;margin:-12px 0 0;font-size:10px;line-height:1.7;color:var(--accent)}.playground-dialog{width:450px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 30px);padding:25px;border-radius:22px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 40px 100px #05282155}.playground-dialog::backdrop{background:#0829238c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.playground-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.playground-icon-button{width:44px;min-width:44px;padding:10px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;border-radius:50%}.playground-icon-button .ledger-icon{width:17px;height:17px}.playground-dialog-art{height:130px;position:relative;display:grid;place-items:center;perspective:500px}.playground-dialog-art>i{position:absolute;width:80px;height:80px;border:1px solid var(--accent);border-radius:20px;transform:rotateX(50deg) rotate(-25deg);background:color-mix(in srgb,var(--accent-light) 65%,transparent);box-shadow:0 10px 20px #0637220c}.playground-dialog-art>i:first-child{transform:translateY(20px) rotateX(50deg) rotate(-25deg);opacity:.3}.playground-dialog-art>i:nth-child(2){transform:translateY(10px) rotateX(50deg) rotate(-25deg);opacity:.6}.playground-dialog-art>span{font-family:Georgia,serif;font-size:45px;color:var(--accent);position:relative;top:-9px}.playground-dialog h2{font-size:26px;font-weight:500;letter-spacing:-.7px;margin:14px 0 10px}.playground-dialog>p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:22px}.playground-dialog>.playground-primary{width:100%}.playground-dialog>.playground-dialog-note{font-size:10px;margin:18px 0 0;text-align:center}.design-playground[data-running=false] .playground-layer-front:after,.design-playground[data-running=false] .playground-object,.design-playground[data-running=false] .playground-orbit,.design-playground[data-running=false] .playground-pearl{animation-play-state:paused}html[data-motion=quiet] .design-playground *,html[data-motion=quiet] .design-playground :after,html[data-motion=quiet] .design-playground :before,html[data-motion=quiet] .playground-dialog,html[data-motion=quiet] .playground-dialog *{animation:none!important;transition:none!important}html[data-motion=quiet] .design-playground .playground-primary:active,html[data-motion=quiet] .design-playground .playground-primary:hover,html[data-motion=quiet] .playground-dialog .playground-primary:active,html[data-motion=quiet] .playground-dialog .playground-primary:hover{transform:none!important}@keyframes playground-levitate{0%,to{transform:translateY(4px) rotateX(14deg) rotateY(-24deg) rotate(-10deg)}50%{transform:translateY(-12px) rotateX(9deg) rotateY(-8deg) rotate(-7deg)}}@keyframes playground-orbit{0%{transform:rotateX(60deg) rotateY(-15deg) rotate(20deg)}to{transform:rotateX(60deg) rotateY(-15deg) rotate(380deg)}}@keyframes playground-pearl{0%,to{translate:0 0}50%{translate:0 -16px}}@keyframes playground-light{0%,to{transform:translateX(-25%)}50%{transform:translateX(25%)}}@keyframes playground-button-pulse{0%{opacity:1;scale:.85}to{opacity:.3;scale:1.2}}@keyframes playground-detail-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1350px){.playground-preview{padding-inline:35px}.playground-sculpture{top:66px;transform:translateX(-50%) scale(1.12)}.playground-preview-copy{padding-top:295px}}@media(max-width:1100px){.playground-controls{padding:22px 18px;gap:18px}.playground-preset{padding:10px;gap:8px}.playground-preset-art{width:43px}.playground-preset>.ledger-icon{display:none}.playground-specimen{padding:15px}.playground-export{align-items:start;flex-direction:column;gap:19px}.playground-preview-top>span:last-child{display:none}}@media(max-width:800px){.playground-workbench{grid-template-columns:1fr}.playground-preview{min-height:545px}.playground-preview-copy{padding-top:270px}.playground-sculpture{top:65px}.playground-controls{display:grid;grid-template-columns:1fr 1fr;padding:24px;gap:21px}.playground-controls-note,.playground-controls>.playground-section-label,.playground-controls>.playground-toggle-row,.playground-controls>.playground-toggle-row:first-of-type,.playground-motion-toggle{grid-column:1/-1}.playground-motion-toggle{margin-top:0}.playground-presets{gap:12px}.playground-preset-grid{gap:8px}.playground-preset{flex-direction:column;align-items:start;padding:13px}.playground-preset-art{width:100%;height:55px}.playground-preset-art>i{left:calc(50% - 14px);top:10px}.playground-preset-art>i:last-child{left:calc(50% + 17px);top:35px}.playground-specimens{grid-template-columns:1fr}.playground-specimen{padding:20px;min-height:0}.playground-demo-card{max-width:100%;width:100%}.playground-mini-window{margin-top:18px}.playground-heading{align-items:start}.playground-edition{font-size:7px;max-width:105px}.playground-heading h2{letter-spacing:-1px}}@media(max-width:420px){.design-playground{gap:23px}.playground-heading{gap:10px}.playground-heading h2{font-size:27px}.playground-heading p{font-size:11px}.playground-heading .playground-kicker{font-size:7px;letter-spacing:1px}.playground-edition{display:none}.playground-workbench{border-radius:17px}.playground-preview{padding:20px;min-height:530px}.playground-preview-copy h3{font-size:34px}.playground-sculpture{transform:translateX(-50%) scale(.84);top:56px}.playground-preview-copy{padding-top:257px}.playground-preview-bottom{font-size:7px;gap:12px}.playground-controls{padding:20px;gap:20px}.playground-controls,.playground-preset-grid{grid-template-columns:1fr}.playground-preset{flex-direction:row;align-items:center;gap:13px}.playground-preset-art{width:51px;height:59px}.playground-preset>.ledger-icon{display:block}.playground-section-label h3{font-size:14px}.playground-section-label>small{font-size:8px}.playground-export-actions{flex-wrap:wrap;width:100%}.playground-export-actions>button{flex:1 1;white-space:normal}.playground-dialog{padding:19px}.playground-dialog h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.design-playground *,.design-playground :after,.design-playground :before,.playground-dialog,.playground-dialog *{animation:none!important;transition:none!important}.design-playground .playground-primary:active,.design-playground .playground-primary:hover,.playground-dialog .playground-primary:active,.playground-dialog .playground-primary:hover{transform:none!important}}.playground-heading>div{padding:14px 18px;border-radius:14px;background:color-mix(in srgb,var(--bg) 93%,transparent)}.playground-export{text-align:start}.design-playground .playground-segment button[aria-pressed=true]{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.kinetic-shell{overflow-x:clip}.sidebar .showroom-switch{display:flex;align-items:center;gap:10px;width:100%;min-height:62px;padding:12px 10px;margin-top:20px;text-align:start;border-radius:14px;background:var(--soft);border:1px solid var(--line);color:var(--ink)}.showroom-switch-icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:36px;color:var(--accent)}.showroom-switch-copy{min-width:0;flex:1 1}.showroom-switch-copy b{display:block;font-size:12px;font-weight:650}.showroom-switch-copy small{display:block;margin-top:4px;font-size:10px;line-height:1.5;color:var(--muted)}.showroom-switch-track{display:block;width:30px;height:18px;border:1px solid var(--muted);border-radius:20px;padding:3px;flex-shrink:0}.showroom-switch-track i{display:block;width:10px;height:10px;background:var(--muted);border-radius:50%}.sidebar .showroom-switch[aria-pressed=true]{background:var(--accent-light);border-color:var(--accent)}.showroom-switch[aria-pressed=true] .showroom-switch-track{background:var(--accent);border-color:var(--accent)}.showroom-switch[aria-pressed=true] .showroom-switch-track i{background:var(--on-accent);margin-inline-start:12px}.kinetic-shell:has(.spatial-backdrop[data-state=ready])>.chromatic-backdrop{opacity:.2}.kinetic-shell[data-showroom=showroom]>main>.page-header{padding:20px;border-radius:18px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent)}.kinetic-shell[data-showroom=showroom]>main>.context-line{background:var(--surface)}@media(min-width:761px){.sidebar:has(.showroom-switch){overflow-y:auto;scrollbar-width:thin}}@media(max-width:760px){.sidebar .showroom-switch{margin-top:12px;min-height:48px;padding:8px 12px}.showroom-switch-copy{display:flex;align-items:center;justify-content:space-between;gap:10px}.showroom-switch-copy small{margin:0}.kinetic-shell[data-showroom=showroom]>main>.page-header{padding:14px}}