/* Lab / RoomKit: a restrained experiment surface with enough room for the work. */
.lab-page{padding-top:65px;padding-bottom:80px}.lab-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-bottom:45px}.lab-intro h1{font-size:clamp(3.5rem,7vw,6.8rem);line-height:.94;letter-spacing:-.065em;margin-top:22px;max-width:780px}.lab-intro h1 em{color:var(--accent)}.lab-intro-copy{max-width:310px;padding-bottom:5px}.lab-intro-copy p{font-size:15px;line-height:1.7;color:var(--muted)}.lab-index{display:block;margin-top:22px;font:11px var(--mono);letter-spacing:.08em;color:var(--soft);text-transform:uppercase}.lab-workbench{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:680px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.lab-controls{padding:27px 25px;border-right:1px solid var(--line);display:flex;flex-direction:column}.lab-experiment-label{display:flex;gap:8px;align-items:center;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.lab-pulse{width:7px;height:7px;border-radius:50%;background:#7addb1;box-shadow:0 0 0 5px #7addb11c}.lab-state{margin-left:auto;color:var(--accent)}.lab-controls h2{font-size:30px;line-height:1.02;letter-spacing:-.045em;margin:23px 0 11px}.lab-controls h2 em{color:var(--muted);font-size:.72em}.lab-lede{font-size:13px;line-height:1.65;color:var(--muted);max-width:280px}.lab-control-block{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.lab-control-label{display:block;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.lab-palette-picker{display:grid;gap:6px}.lab-palette-choice{display:flex;align-items:center;gap:11px;width:100%;padding:7px;border:1px solid transparent;border-radius:5px;background:transparent;text-align:left;color:var(--ink);transition:background .2s,border-color .2s}.lab-palette-choice:hover{background:var(--surface-2)}.lab-palette-choice[aria-pressed=true]{background:var(--surface-2);border-color:var(--accent)}.lab-palette-choice i{display:flex;width:66px;height:21px;border-radius:3px;overflow:hidden;flex-shrink:0}.lab-palette-choice i b{flex:1;background:var(--c)}.lab-palette-choice span{font-size:12px}.room-role-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.room-role-picker button{padding:9px 10px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font-size:12px;text-align:left}.room-role-picker button:hover,.room-role-picker button[aria-selected=true]{background:var(--surface-2);border-color:var(--accent);color:var(--ink)}.lab-hint{font-size:11px;line-height:1.5;color:var(--muted);margin-top:10px}.lab-upload-block{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.lab-upload{width:100%;justify-content:space-between;text-align:left;padding:12px 13px;min-height:66px}.lab-upload span:first-child{display:grid;gap:3px}.lab-upload b{font-size:13px;font-weight:650}.lab-upload small{font-size:10px;color:var(--muted);line-height:1.35}.lab-upload-note{font-size:10px;color:var(--muted);line-height:1.45;margin-top:9px}.lab-reset{margin-top:10px;font-size:12px}.lab-feedback{border-top:1px solid var(--line);padding-top:18px;margin-top:auto}.lab-feedback>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.lab-feedback .lab-control-label{margin:0;font-size:10px}.lab-feedback-count{font:10px var(--mono);color:var(--muted);white-space:nowrap}.lab-feedback-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:12px}.lab-feedback-actions button{min-height:39px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font-size:11px;padding:7px}.lab-feedback-actions button:hover,.lab-feedback-actions button.is-selected{background:var(--accent);border-color:var(--accent);color:var(--bg)}.lab-comment-trigger{display:flex;justify-content:space-between;width:100%;padding:13px 0 0;background:transparent;color:var(--soft);font-size:12px}.lab-comment-trigger:hover{color:var(--accent)}.room-workspace{min-width:0;display:flex;flex-direction:column;background:var(--surface-2)}.room-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.room-toolbar>div{display:flex;align-items:center;gap:13px}.room-source{font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase}.room-compare{background:transparent;color:var(--muted);font-size:11px;padding:0}.room-compare:hover,.room-compare[aria-pressed=true]{color:var(--ink)}.room-scale{font:10px var(--mono);color:var(--muted);opacity:.72}.room-stage{position:relative;flex:1;min-height:530px;overflow:hidden;background:#b7b2a4}.room-illustration,.room-photo{position:absolute;inset:0;overflow:hidden}.room-wall{position:absolute;inset:0 0 27%;background:var(--room-wall,#e8e4d9);transition:background .35s}.room-floor{position:absolute;inset:73% 0 0;background:var(--room-floor,#b48d67);clip-path:polygon(0 16%,100% 0,100% 100%,0 100%);transition:background .35s}.room-wall:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#fff4 0%,transparent 38%),linear-gradient(180deg,transparent 80%,#0002);pointer-events:none}.room-window{position:absolute;right:10%;top:12%;width:25%;height:35%;background:var(--room-window,#b4d0cf);border:10px solid var(--room-frame,#eee8db);box-shadow:inset 0 0 0 3px #ffffff80;transition:background .35s}.room-window:before,.room-window:after{content:'';position:absolute;background:var(--room-frame,#eee8db)}.room-window:before{width:6px;top:0;bottom:0;left:50%;transform:translateX(-50%)}.room-window:after{height:6px;left:0;right:0;top:52%;transform:translateY(-50%)}.room-window i{position:absolute;right:-28px;top:-10px;bottom:-10px;width:30px;background:var(--room-curtain,#c8b29e);opacity:.85;transform:skewY(-7deg)}.room-window b{position:absolute;left:-25px;top:-10px;bottom:-10px;width:25px;background:var(--room-curtain,#c8b29e);opacity:.7;transform:skewY(7deg)}.room-art{position:absolute;left:13%;top:17%;width:15%;height:20%;border:7px solid var(--room-frame,#eee8db);background:var(--room-art-bg,#d17f3f);box-shadow:0 7px 15px #0002;transition:background .35s}.room-art i,.room-art b,.room-art em{position:absolute;display:block;border-radius:50%;background:var(--room-accent,#2d5bff)}.room-art i{width:47%;height:47%;left:13%;top:18%}.room-art b{width:33%;height:33%;right:11%;bottom:14%;background:var(--room-primary,#2d5bff)}.room-art em{width:18%;height:18%;right:18%;top:14%;background:var(--room-warm,#d17f3f)}.room-rug{position:absolute;left:23%;right:18%;bottom:7%;height:16%;border-radius:50%;background:var(--room-rug,#d5c0a3);transform:rotate(-3deg);box-shadow:0 5px 12px #0002;transition:background .35s}.room-sofa{position:absolute;left:20%;bottom:27%;width:44%;height:30%;border-radius:20px 20px 9px 9px;background:var(--room-furniture,#b4b8bb);box-shadow:0 16px 20px #0003;transition:background .35s}.room-sofa:before{content:'';position:absolute;left:2%;right:2%;top:-17%;height:39%;border-radius:17px 17px 5px 5px;background:inherit;box-shadow:inset 0 -5px #0001}.room-sofa:after{content:'';position:absolute;left:0;right:0;bottom:-7%;height:14%;background:#0003;border-radius:0 0 8px 8px}.room-sofa i,.room-sofa b,.room-sofa em{position:absolute;z-index:1;width:19%;height:30%;top:19%;border-radius:4px;background:var(--room-textile,#d7c5aa);transition:background .35s}.room-sofa i{left:8%}.room-sofa b{left:32%;background:var(--room-accent,#2d5bff)}.room-sofa em{right:10%;background:var(--room-warm,#d17f3f)}.room-coffee-table{position:absolute;left:34%;bottom:17%;width:27%;height:5%;border-radius:50%;background:var(--room-table,#7d553b);box-shadow:0 10px 0 -4px #4c3528;transition:background .35s}.room-chair{position:absolute;bottom:28%;width:14%;height:24%;border-radius:18px 18px 8px 8px;background:var(--room-furniture,#b4b8bb);box-shadow:0 12px 16px #0002;transition:background .35s}.room-chair:before{content:'';position:absolute;inset:-18% 4% 48%;background:inherit;border-radius:15px}.room-chair-left{left:7%;transform:rotate(7deg)}.room-chair-right{right:8%;transform:rotate(-7deg)}.room-plant{position:absolute;right:13%;bottom:25%;width:13%;height:35%}.room-plant:before{content:'';position:absolute;bottom:0;left:26%;width:48%;height:23%;border-radius:3px 3px 14px 14px;background:var(--room-pot,#c4744e);transition:background .35s}.room-plant i,.room-plant b,.room-plant em{position:absolute;bottom:19%;left:40%;width:22%;height:66%;border-radius:100% 0 100% 0;background:var(--room-green,#58745c);transform:rotate(-24deg);transform-origin:bottom;transition:background .35s}.room-plant b{left:54%;height:71%;transform:rotate(24deg) scaleX(-1)}.room-plant em{left:22%;height:55%;transform:rotate(-49deg);background:var(--room-green,#58745c)}.room-lamp{position:absolute;left:8%;bottom:26%;height:45%;width:10%;display:grid;justify-items:center}.room-lamp i{height:11%;width:60%;background:var(--room-lamp,#e3c77c);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);transition:background .35s}.room-lamp b{height:77%;width:3px;background:var(--room-frame,#eee8db)}.room-lamp:after{content:'';height:3%;width:60%;background:var(--room-frame,#eee8db)}.room-label{position:absolute;font:9px var(--mono);letter-spacing:.09em;color:#fff;background:#171817b3;padding:5px 7px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:none}.room-label-wall{left:5%;top:6%}.room-label-furniture{left:37%;top:54%}.room-label-accent{right:12%;top:24%}.room-illustration[data-focus=wall] .room-label-wall,.room-illustration[data-focus=furniture] .room-label-furniture,.room-illustration[data-focus=accent] .room-label-accent{opacity:1;transform:none}.room-illustration[data-focus=wall] .room-wall,.room-illustration[data-focus=furniture] .room-sofa,.room-illustration[data-focus=furniture] .room-chair,.room-illustration[data-focus=accent] .room-art{filter:brightness(1.08);box-shadow:0 0 0 2px var(--accent)}.room-photo img{width:100%;height:100%;object-fit:cover}.room-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 55%,#0004);pointer-events:none}.photo-zone{position:absolute;mix-blend-mode:color;opacity:.57;transition:background .35s,opacity .2s;pointer-events:none}.photo-zone-wall{inset:0 0 32%;background:var(--room-wall)}.photo-zone-floor{inset:68% 0 0;background:var(--room-floor);clip-path:polygon(0 18%,100% 0,100% 100%,0 100%)}.photo-zone-furniture{left:18%;right:18%;top:42%;height:30%;background:var(--room-furniture);clip-path:polygon(5% 24%,15% 6%,78% 8%,96% 32%,91% 93%,9% 93%)}.photo-zone-textile{left:22%;right:22%;top:51%;height:16%;background:var(--room-textile);clip-path:polygon(0 10%,100% 0,92% 100%,6% 100%)}.room-photo[data-focus=wall] .photo-zone-wall,.room-photo[data-focus=furniture] .photo-zone-furniture,.room-photo[data-focus=textile] .photo-zone-textile,.room-photo[data-focus=accent] .photo-zone-furniture{opacity:.88}.photo-photo-note{position:absolute;left:17px;bottom:15px;z-index:2;padding:7px 9px;background:#101112b8;color:#fff;font:9px var(--mono);letter-spacing:.05em;text-transform:uppercase}.room-original{position:absolute;left:17px;top:16px;padding:7px 9px;background:#101112c9;color:#fff;font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase;z-index:4}.room-stage.is-original .room-illustration,.room-stage.is-original .room-photo{filter:grayscale(.22) saturate(.35)}.room-caption{display:grid;grid-template-columns:180px 1fr auto;gap:20px;align-items:center;padding:15px 18px;border-top:1px solid var(--line);background:var(--surface)}.room-caption>div:first-child{display:grid;gap:3px}.room-caption strong{font-size:17px;font-weight:650}.room-caption p{font-size:12px;color:var(--muted);line-height:1.5}.room-legend{display:flex;gap:12px;color:var(--muted);font-size:10px}.room-legend span{display:flex;align-items:center;gap:5px}.room-legend i{width:8px;height:8px;background:var(--swatch,#ddd);border-radius:50%;display:block}.room-legend span:nth-child(1) i{--swatch:var(--room-wall)}.room-legend span:nth-child(2) i{--swatch:var(--room-furniture)}.room-legend span:nth-child(3) i{--swatch:var(--room-accent)}.lab-next{padding-top:70px}.lab-next-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.lab-next-head h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.05em;margin-top:11px}.lab-next-head p{font-size:13px;line-height:1.6;color:var(--muted);max-width:240px}.lab-next-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:28px}.lab-next-grid article{background:var(--surface);padding:24px;min-height:180px}.lab-next-grid article>span{font:11px var(--mono);color:var(--accent)}.lab-next-grid h3{font-size:22px;margin:25px 0 9px}.lab-next-grid p{font-size:13px;line-height:1.6;color:var(--muted);max-width:390px}.lab-next-grid small{display:block;margin-top:20px;font:10px var(--mono);color:var(--soft);letter-spacing:.03em}.lab-comment-dialog{width:min(560px,calc(100% - 32px));padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:0 30px 100px #0008}.lab-comment-dialog::backdrop{background:#101112aa;backdrop-filter:blur(7px)}.lab-comment-dialog form{padding:24px}.lab-dialog-head{display:flex;justify-content:space-between;gap:20px}.lab-dialog-head h2{font-size:27px;margin-top:8px}.lab-comment-dialog label{display:grid;gap:8px;margin-top:24px;font-size:12px;color:var(--muted)}.lab-comment-dialog textarea{min-height:145px;resize:vertical;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--ink);padding:12px;font:14px/1.6 var(--font)}.lab-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px}.lab-dialog-foot span{font:10px var(--mono);color:var(--muted)}
@media(max-width:1050px){.lab-workbench{grid-template-columns:300px 1fr}.room-caption{grid-template-columns:150px 1fr}.room-legend{grid-column:1/-1}.lab-intro h1{font-size:clamp(3.5rem,7vw,5.5rem)}}
@media(max-width:800px){.lab-page{padding-top:45px}.lab-intro{display:block}.lab-intro-copy{margin-top:25px;max-width:430px}.lab-workbench{grid-template-columns:1fr}.lab-controls{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.lab-experiment-label,.lab-controls h2,.lab-lede,.lab-upload-block,.lab-feedback{grid-column:1/-1}.lab-control-block{margin-top:23px}.lab-feedback{margin-top:28px}.room-stage{min-height:470px}.room-caption{grid-template-columns:1fr}.room-legend{grid-column:auto}}
@media(max-width:580px){.lab-page{padding-top:38px;padding-bottom:55px}.lab-intro h1{font-size:clamp(3rem,14vw,4.3rem)}.lab-intro-copy p{font-size:14px}.lab-workbench{border-radius:7px}.lab-controls{display:block;padding:21px 17px}.lab-controls h2{font-size:27px;margin-top:20px}.lab-control-block{margin-top:22px}.room-toolbar{align-items:flex-start;flex-direction:column;gap:8px;padding:13px 14px}.room-toolbar>div{width:100%;justify-content:space-between}.room-stage{min-height:360px}.room-caption{padding:14px}.room-caption p{font-size:11px}.room-legend{gap:9px}.lab-next{padding-top:48px}.lab-next-head{display:block}.lab-next-head p{margin-top:14px}.lab-next-grid{grid-template-columns:1fr}.lab-next-grid article{min-height:160px;padding:19px}.lab-next-grid h3{margin-top:18px}.lab-dialog-foot{align-items:flex-start;flex-direction:column}.lab-dialog-foot .button{width:100%}}
.room-color-choices{display:flex;gap:5px;margin-top:10px;height:30px}.room-color-choices button{flex:1;min-width:0;border-radius:3px;background:var(--choice);border:1px solid #fff2;position:relative}.room-color-choices button[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--surface),inset 0 0 0 4px var(--accent)}.room-color-choices button span{position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);font:8px var(--mono);color:var(--muted);opacity:0}.room-color-choices button:hover span,.room-color-choices button:focus-visible span{opacity:1}