.playground-gallery{background:var(--color-paper);color:var(--color-sumi);overflow:hidden}.playground-gallery .study-bar{max-width:1320px;margin:auto;padding:18px 48px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--color-border);font-size:10px;letter-spacing:.12em;color:var(--color-muted)}.playground-gallery .study-bar>span{display:flex;align-items:center;gap:8px}.playground-gallery .study-bar i{width:5px;height:5px;background:var(--color-cochineal-muted);border-radius:50%}.playground-gallery .study-bar a{color:var(--color-muted);text-decoration:none;font-size:11px;letter-spacing:.02em}.playground-gallery .intro{max-width:1224px;margin:0 auto;padding:48px 0 12px}.playground-gallery .intro-title-row{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:24px}.playground-gallery .intro-title-row h1{min-width:0;max-width:none}.playground-gallery .intro-title-row h1 em{white-space:nowrap}.playground-gallery .intro-title-row .overview-button{justify-self:end;max-width:100%}.playground-gallery .eyebrow{font-size:10px;letter-spacing:.19em;color:var(--color-muted);margin:0 0 13px}.playground-gallery h1{font:400 clamp(40px,4.7vw,66px)/1.12 var(--font-display);letter-spacing:-.045em;margin:0}.playground-gallery h1 em{color:var(--color-cochineal-muted);font-weight:400}.playground-gallery .gallery-stage{position:relative;max-width:1440px;height:670px;margin:0 auto;isolation:isolate}.playground-gallery .gallery-stage:before{content:"";position:absolute;z-index:-1;inset:2% 7%;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,var(--color-studio-halo),transparent 66%)}.playground-gallery .gallery-canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;outline:none}.playground-gallery .gallery-canvas[data-dragging]{cursor:grabbing!important}.playground-gallery .loading{position:absolute;top:48%;left:0;right:0;text-align:center;font:italic 18px var(--font-display);color:var(--color-muted);pointer-events:none}.playground-gallery .loading[hidden],.playground-gallery .scene-fallback[hidden]{display:none}.playground-gallery .scene-fallback{position:absolute;inset:25% 15%;text-align:center;display:grid;align-content:center;gap:14px;background:var(--color-card);border-radius:18px}.playground-gallery .scene-fallback a{color:var(--color-indigo)}.playground-gallery .collection{max-width:1224px;margin:30px auto 0}.playground-gallery .collection-heading{display:flex;justify-content:space-between;gap:16px;color:var(--color-muted);font-size:11px;margin-bottom:18px}.playground-gallery .collection-heading>span:first-child{font-size:10px;letter-spacing:.17em}.playground-gallery .artwork-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.playground-gallery .work-pick{display:flex;gap:10px;align-items:center;text-align:left;padding:11px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--color-sumi);cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast);font:inherit;min-width:0}.playground-gallery .work-pick[aria-pressed=true]{border-color:var(--color-border-strong);background:var(--color-card)}.playground-gallery .work-pick:hover{background:var(--color-hover-bg)}.playground-gallery .thumb{display:block;width:49px;flex-shrink:0}.playground-gallery .thumb img{width:49px;height:45px;object-fit:contain;display:block}.playground-gallery .pick-copy{display:flex;flex-direction:column;gap:5px}.playground-gallery .pick-number{font-size:9px;color:var(--color-muted)}.playground-gallery .pick-title{font:400 12px/1.25 var(--font-display)}.playground-gallery .selected-work{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:29px 0 33px;border-bottom:1px solid var(--color-border);min-height:155px}.playground-gallery .selected-medium{font-size:10px;color:var(--color-muted)}.playground-gallery .selected-work h2{font:400 27px/1.2 var(--font-display);margin:8px 0}.playground-gallery .selected-work p{font-size:12px;color:var(--color-muted);margin:0;max-width:640px;line-height:1.7}.playground-gallery .selected-work>a{font-size:12px;text-decoration:none;color:var(--color-indigo);white-space:nowrap;border-bottom:1px solid var(--color-border-strong);padding-bottom:6px}.playground-gallery .selected-work>a span{margin-left:12px}.playground-gallery .compare-strip{max-width:1224px;margin:0 auto;padding:27px 0 48px;display:flex;justify-content:space-between;gap:24px;font-size:11px;color:var(--color-muted)}.playground-gallery .compare-strip>div{display:flex;gap:24px}.playground-gallery .compare-strip a{color:var(--color-muted);text-decoration:none}.playground-gallery .compare-strip [aria-current]{color:var(--color-sumi)}@media(max-width:1300px){.playground-gallery .intro,.playground-gallery .collection,.playground-gallery .compare-strip{margin-inline:6%}.playground-gallery .gallery-stage{height:620px}.playground-gallery .artwork-picker{gap:4px}.playground-gallery .work-pick{gap:7px;padding:8px 6px}.playground-gallery .thumb,.playground-gallery .thumb img{width:39px}}@media(max-width:950px){.playground-gallery .artwork-picker{grid-template-columns:repeat(3,1fr);gap:8px}.playground-gallery .gallery-stage{height:570px}.playground-gallery h1{max-width:520px}}@media(max-width:600px){.playground-gallery .study-bar{padding:15px 22px;font-size:9px}.playground-gallery .study-bar a{font-size:10px;max-width:135px;text-align:right}.playground-gallery .intro{padding-top:34px;display:block}.playground-gallery .eyebrow{font-size:8px;letter-spacing:.14em}.playground-gallery h1{font-size:44px;max-width:350px}.playground-gallery .gallery-stage{height:440px;margin-top:6px}.playground-gallery .collection{margin-top:20px}.playground-gallery .collection-heading{font-size:10px}.playground-gallery .collection-heading>span:first-child{font-size:8px;letter-spacing:.1em}.playground-gallery .artwork-picker{grid-template-columns:repeat(2,1fr);gap:6px}.playground-gallery .work-pick{padding:8px;gap:9px}.playground-gallery .thumb,.playground-gallery .thumb img{width:38px}.playground-gallery .pick-title{font-size:12px}.playground-gallery .selected-work{display:block;padding:25px 0 30px}.playground-gallery .selected-work h2{font-size:25px}.playground-gallery .selected-work>a{display:inline-block;margin-top:18px}.playground-gallery .compare-strip{display:block;padding-bottom:32px}.playground-gallery .compare-strip>div{margin-top:16px;gap:20px}}@media(prefers-reduced-motion:reduce){.playground-gallery .work-pick{transition:none}}.playground-gallery [hidden]{display:none!important}.playground-gallery .intro{padding-top:56px;padding-bottom:30px}.playground-gallery .gallery-stage{height:620px}.playground-gallery .gallery-canvas{transition:opacity var(--dur-fast)}.playground-gallery .gallery-stage[data-busy=true] .gallery-canvas{opacity:.35}.playground-gallery .gallery-stage[data-failed=true] .gallery-canvas{visibility:hidden}.playground-gallery .loading{background:var(--color-paper);width:240px;left:calc(50% - 120px);padding:14px 10px;border-radius:25px;z-index:2}.playground-gallery .scene-fallback{inset:15% 20%;background:transparent;justify-items:center;gap:10px}.playground-gallery .scene-fallback img{width:120px;height:160px;object-fit:contain;box-shadow:var(--shadow-card)}.playground-gallery .scene-fallback p{font-size:13px;color:var(--color-muted);margin:10px 0 0}.playground-gallery .scene-fallback a{font-size:13px}.playground-gallery .collection{margin-top:20px;scroll-margin-top:80px}.playground-gallery .artwork-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.playground-gallery .work-pick{padding:12px 14px;border-color:var(--color-border);min-height:85px;gap:14px}.playground-gallery .thumb,.playground-gallery .thumb img{width:65px}.playground-gallery .thumb img{height:58px}.playground-gallery .pick-title{font-size:15px;line-height:1.35}.playground-gallery .pick-open{font-size:14px;margin-left:auto;color:var(--color-muted)}.playground-gallery .room-description{font-size:11px;color:var(--color-muted);margin:18px 0 32px}.playground-gallery .all-works{max-width:1224px;margin:24px auto 55px;scroll-margin-top:80px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.playground-gallery .all-works summary{display:flex;align-items:center;gap:15px;cursor:pointer;list-style:none;padding:22px 0;font:400 22px var(--font-display)}.playground-gallery .all-works summary::-webkit-details-marker{display:none}.playground-gallery .all-hint{font:400 11px var(--font-body);color:var(--color-muted);margin-left:auto}.playground-gallery .details-chevron{font:400 20px var(--font-body);color:var(--color-muted)}.playground-gallery .all-works[open] .details-chevron{transform:rotate(45deg)}.playground-gallery .all-works-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 24px;padding:10px 0 34px}.playground-gallery .all-works-grid a{text-decoration:none;color:var(--color-sumi)}.playground-gallery .all-works-grid img{width:100%;height:160px;object-fit:contain;background:var(--color-card);border-radius:5px}.playground-gallery .all-works-grid h2{font:400 17px/1.4 var(--font-display);margin:12px 0 5px}.playground-gallery .all-works-grid p{font-size:10px;color:var(--color-muted);margin:0}.playground-gallery .artwork-dialog{position:fixed;inset:0;margin:auto;padding:0;border:1px solid var(--color-border);background:var(--color-paper);color:var(--color-sumi);border-radius:15px;max-width:1000px;width:calc(100% - 64px);max-height:88dvh;overflow:auto;box-shadow:var(--shadow-hero);overscroll-behavior:contain}.playground-gallery .artwork-dialog[open]{display:grid;grid-template-columns:1.1fr 1fr}.playground-gallery .artwork-dialog::backdrop{background:var(--color-scrim);backdrop-filter:blur(5px)}.playground-gallery .dialog-close{position:sticky;top:12px;grid-column:1/-1;justify-self:end;align-self:start;margin:12px 12px -56px 0;z-index:2;width:44px;height:44px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-card);color:var(--color-sumi);font:400 26px var(--font-body);cursor:pointer}.playground-gallery .dialog-image-wrap{padding:36px;background:var(--color-paper-sakura);display:grid;place-items:center}.playground-gallery .dialog-image-wrap img{display:block;width:100%;height:auto;max-height:68dvh;object-fit:contain}.playground-gallery .dialog-copy{padding:75px 38px 40px;align-self:center}.playground-gallery .dialog-medium{font-size:11px;color:var(--color-cochineal-muted);margin:0 0 15px}.playground-gallery .dialog-copy h2{font:400 32px/1.2 var(--font-display);margin:0 0 20px}.playground-gallery .dialog-description{font-size:14px;line-height:1.8;color:var(--color-muted)}.playground-gallery .dialog-copy a{display:inline-block;color:var(--color-indigo);text-decoration:none;border-bottom:1px solid var(--color-border-strong);font-size:13px;padding-bottom:5px;margin-top:18px}.playground-gallery .dialog-copy a span{margin-left:10px}.playground-gallery .dialog-count{display:block;font-size:11px;color:var(--color-muted);margin-top:12px}@media(max-width:1300px){.playground-gallery .all-works{margin-inline:6%}.playground-gallery .gallery-stage{height:580px}}@media(max-width:950px){.playground-gallery .artwork-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-gallery .all-works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.playground-gallery .intro{padding:30px 0 22px}.playground-gallery h1{font-size:43px}.playground-gallery .gallery-stage{height:355px;margin-top:0}.playground-gallery .collection{margin-top:22px}.playground-gallery .collection-heading{align-items:center;gap:12px}.playground-gallery .collection-heading>span:last-child{font-size:9px;text-align:right;max-width:130px}.playground-gallery .artwork-picker{gap:8px}.playground-gallery .work-pick{padding:10px 8px;gap:8px;min-height:86px}.playground-gallery .thumb,.playground-gallery .thumb img{width:40px}.playground-gallery .thumb img{height:51px}.playground-gallery .pick-title{font-size:13px}.playground-gallery .pick-open{display:none}.playground-gallery .all-works{margin-bottom:32px}.playground-gallery .all-works summary{font-size:19px;gap:10px}.playground-gallery .all-hint{font-size:10px;max-width:100px;text-align:right}.playground-gallery .all-works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.playground-gallery .all-works-grid img{height:140px}.playground-gallery .all-works-grid h2{font-size:15px}.playground-gallery .artwork-dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:92dvh;border-radius:18px 18px 0 0}.playground-gallery .artwork-dialog[open]{display:flex;flex-direction:column}.playground-gallery .dialog-close{align-self:flex-end;flex:0 0 44px}.playground-gallery .dialog-image-wrap{padding:35px 24px 20px}.playground-gallery .dialog-image-wrap img{height:31dvh;max-height:300px;object-fit:contain}.playground-gallery .dialog-copy{padding:22px 25px 30px;align-self:stretch}.playground-gallery .dialog-copy h2{font-size:27px;margin-bottom:15px}.playground-gallery .dialog-description{font-size:13px;line-height:1.7}.playground-gallery .dialog-medium{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){.playground-gallery .gallery-canvas{transition:none}}.playground-gallery .gallery-viewport{position:relative}.playground-gallery .gallery-stage{height:auto}.playground-gallery .gallery-canvas{height:610px}.playground-gallery .gallery-controls{display:flex;width:fit-content;gap:2px;margin:12px auto 0;padding:3px;border:1px solid var(--color-border);border-radius:28px;background:var(--color-card)}.playground-gallery .gallery-controls button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--color-sumi);cursor:pointer;transition:transform .15s ease-out,background .15s ease-out}.playground-gallery .gallery-controls button:active{transform:scale(.96)}.playground-gallery .gallery-controls button:disabled{opacity:.35;cursor:default}.playground-gallery .gallery-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.playground-gallery .artwork-tooltip{position:absolute;z-index:3;pointer-events:none;max-width:min(260px,calc(100% - 24px));padding:10px 14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-sumi);box-shadow:var(--shadow-card);font:500 13px/1.45 var(--font-body);opacity:0;transform:translateY(3px);transition:opacity .14s ease-out,transform .14s ease-out}.playground-gallery .artwork-tooltip[data-visible=true]{opacity:1;transform:translateY(0)}@media(hover:hover)and (pointer:fine){.playground-gallery .gallery-controls button:not(:disabled):hover{background:var(--color-hover-bg)}}@media(hover:none){.playground-gallery .artwork-tooltip{display:none}}@media(prefers-reduced-motion:reduce){.playground-gallery .artwork-tooltip,.playground-gallery .gallery-controls button{transition:none;transform:none}}.playground-gallery .overview-button{pointer-events:auto;min-height:44px;padding:9px 15px;border:1px solid var(--color-border-strong);border-radius:24px;background:var(--color-card);color:var(--color-sumi);font:500 12px var(--font-body);cursor:pointer}.playground-gallery .overview-button:hover{background:var(--color-hover-bg)}.playground-gallery .room-markers{position:absolute;inset:0;pointer-events:none}.playground-gallery .room-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:flex;align-items:center;gap:14px;min-height:44px;max-width:180px;padding:9px 15px;white-space:nowrap;border:1px solid var(--color-border);border-radius:7px;background:var(--color-card);color:var(--color-sumi);font:500 12px var(--font-body);box-shadow:0 3px 12px var(--color-border);cursor:pointer}.playground-gallery .room-marker>span:last-child{color:var(--color-cochineal-muted)}.playground-gallery .room-marker:hover,.playground-gallery .room-marker[aria-current=true]{border-color:var(--color-cochineal-muted)}.playground-gallery .gallery-canvas:focus-visible{outline:2px solid var(--color-indigo);outline-offset:-3px}@media(max-width:600px){.playground-gallery .intro-title-row{grid-template-columns:minmax(0,1fr) 112px;gap:12px}.playground-gallery .intro-title-row h1{font-size:clamp(28px,8.4vw,43px)}.playground-gallery .gallery-canvas{height:375px}.playground-gallery .overview-button{font-size:11px;padding:8px 12px;max-width:170px}.playground-gallery .room-marker{font-size:10px;padding:7px 9px;gap:8px;max-width:135px}.playground-gallery .gallery-stage[data-scene-overview=true] .gallery-canvas{height:270px}.playground-gallery .gallery-stage[data-scene-overview=true] .room-markers{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 6% 0;min-height:148px;align-content:start}.playground-gallery .gallery-stage[data-scene-overview=true] .room-marker{position:static;transform:none;max-width:none;width:100%;justify-content:space-between;padding:11px 13px;font-size:12px;box-shadow:none}}