.concept-strip{padding:5px 20px;font-size:10px;background:#e7e2d6;color:#4c5748;display:flex;justify-content:space-between}.nav{height:82px;width:calc(100% - 70px);border:0}.nav .wordmark{font-size:25px}.nav nav{margin-inline-start:auto;margin-inline-end:30px}.nav>.button{border-radius:0;background:transparent;color:#354438;border-color:#bec6b5}.sakan-board{height:calc(100svh - 112px);min-height:600px;position:relative;overflow:hidden;isolation:isolate;background:#c5b296}.empty-room{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.sakan-board:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#e8dbc950,transparent 45%);z-index:-1;pointer-events:none}.scene-copy{position:absolute;top:7%;right:6%;color:#352e23;pointer-events:none}.scene-copy>.en{font-size:10px;letter-spacing:.15em}.scene-copy h1{font-size:clamp(38px,5vw,70px);line-height:1.6;font-weight:400;margin:15px 0}.scene-copy p{font-size:13px;color:#514631}.furniture-layer{position:absolute;inset:0}.furniture-piece{position:absolute;border:1px dashed transparent;background:none;padding:0;transform:translate(-50%,-50%) rotate(var(--rotation,0deg));cursor:grab;touch-action:none;user-select:none;border-radius:18px;transition:filter .25s;filter:drop-shadow(0 20px 12px #28200e33)}.furniture-piece img{display:block;width:100%;pointer-events:none;user-select:none}.furniture-piece:hover,.furniture-piece.selected{border-color:#fff9dcaa}.furniture-piece:active{cursor:grabbing}.furniture-piece[data-piece=sofa]{width:46%;z-index:2}.furniture-piece[data-piece=chair]{width:24%;z-index:3}.furniture-piece[data-piece=table]{width:31%;z-index:4}.scene-number{position:absolute;bottom:18px;left:24px;font-size:9px;letter-spacing:.15em;color:#483c28;background:#eee0c9aa;padding:8px 12px}.furniture-console{display:grid;grid-template-columns:1.2fr 1fr;gap:16px 35px;padding:25px 0;border-bottom:1px solid #d0d0c1}.preset-buttons{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:11px}.preset-buttons>span{margin-inline-end:10px;color:#7c856e}.preset-buttons button,.finish-controls button{border:1px solid #c5cab8;background:none;color:#40523d;padding:8px 13px;font:12px Plex;border-radius:3px;min-height:38px}.preset-buttons [aria-pressed=true]{background:#3d5039;color:#f5f2e9}.piece-switches{display:flex;gap:20px;align-items:center;font-size:13px;justify-content:flex-end}.piece-switches label{display:flex;align-items:center;gap:6px}.piece-switches input{accent-color:#506446;width:16px;height:16px}.finish-controls{grid-column:1/-1;display:flex;align-items:center;gap:20px;font-size:12px;flex-wrap:wrap}.finish-controls select{font:12px Plex;padding:7px 10px;background:#efefe4;border:1px solid #d1d5c6;color:#41553d;margin-right:8px}.finish-controls #room-status{font-size:11px;color:#7e846e;margin-inline-start:auto}.manifest{padding-block:55px;border-top:0;grid-template-columns:130px 1fr}.manifest p{font-size:clamp(22px,3vw,38px);max-width:800px}.manifest .en{font-size:70px;font-weight:300}.section{padding-block:65px}#projects .grid3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:0;border-top:1px solid var(--line)}.project{border:0;border-inline-end:1px solid var(--line);background:transparent;padding:30px 25px;gap:20px}.project:first-child{padding-inline-start:0}.project:last-child{border-inline-end:0}.project-art{height:220px;background-image:url(sakan-empty.webp);background-size:cover;background-position:center}.project-art:before{display:none}.project:nth-child(2) .project-art{background-image:url(sakan-empty.webp);background-position:20% center;filter:sepia(.25)}.project:nth-child(3) .project-art{background-image:url(sakan-empty.webp);background-position:80% center;filter:grayscale(.4)}.estimate{background:#253c2d;color:#f5f2e7;--muted:#abb8a1;--line:#56704b;--ink:#f5f2e7;padding:50px;border:0;border-radius:0}.estimate p,.estimate .process-line span{color:#b6c2a9}.estimate-result{color:#e4e8d7}.estimate .button{background:#dae3c6;color:#263d2d}.estimate .field select{background:#314d39}.ruyi-footer{font-size:11px}@media(max-width:900px){.furniture-console{grid-template-columns:1fr}.piece-switches{justify-content:flex-start}.finish-controls{gap:10px}.finish-controls #room-status{margin-inline-start:0}#projects .grid3{grid-template-columns:1fr 1fr}.project:last-child{grid-column:1/-1}.sakan-board{min-height:580px}}@media(max-width:700px){.nav{width:calc(100% - 36px);height:70px}.nav>.button{font-size:10px;min-height:36px;padding:7px 10px}.sakan-board{height:77svh;min-height:570px}.empty-room{object-position:40% center}.scene-copy{top:5%;right:6%;left:6%;background:linear-gradient(90deg,transparent,#efdfcaaa);padding:12px}.scene-copy h1{font-size:36px;line-height:1.5}.scene-copy p{font-size:11px}.scene-copy>.en{font-size:8px}.furniture-piece[data-piece=sofa]{width:78%}.furniture-piece[data-piece=chair]{width:40%}.furniture-piece[data-piece=table]{width:52%}.scene-number{font-size:7px;left:12px;bottom:10px}.furniture-console{padding:20px 0;gap:15px}.preset-buttons{gap:6px}.preset-buttons>span{width:100%}.preset-buttons button{font-size:10px;padding:7px 10px}.piece-switches{gap:18px;font-size:12px}.finish-controls label{width:100%}.finish-controls #room-status{width:100%;font-size:10px}.manifest{grid-template-columns:55px 1fr;gap:20px;padding-block:35px}.manifest p{font-size:19px}.manifest .en{font-size:43px}#projects .grid3{grid-template-columns:1fr}.project{border:0;border-bottom:1px solid var(--line);padding-inline:0}.project:first-child{padding-top:20px}.project:last-child{grid-column:auto}.project-art{height:230px}.estimate{padding:26px}.concept-strip{font-size:8px;padding:4px 12px}}

.room-transform-panel{position:absolute;top:20px;left:20px;z-index:12;width:245px;padding:17px;background:#fffaf0ed;backdrop-filter:blur(15px);border:1px solid #ddd7c1;border-radius:13px;color:#3e503a;box-shadow:0 15px 35px #3528131c;font-size:11px}.room-transform-panel>label{display:block;color:#8c917b;font-size:10px}.room-transform-panel select{width:100%;margin:6px 0 12px;min-height:35px;border:1px solid #d8ddca;background:#f4f3e9;color:#364e31;padding:5px 8px;border-radius:6px;font:12px Plex}.scale-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.scale-heading output{font:13px Space,Plex}.scale-row{display:flex;gap:7px;align-items:center;direction:ltr;margin-top:8px}.scale-row button{width:34px;height:34px;border:1px solid #ccd2bd;border-radius:6px;background:#fffdf5;color:#3e503a;font-size:20px;flex:none}.scale-row button:disabled{opacity:.35}.scale-row input{min-width:0;flex:1;width:100%;accent-color:#617650;direction:ltr}.panel-tools{display:flex;gap:8px;margin-top:12px}.panel-tools button{flex:1;border:0;min-height:30px;border-radius:5px;background:#e9ecdc;color:#516745;font:10px Plex}.room-transform-panel small{display:block;text-align:center;font-size:8px;color:#899076;margin-top:10px}@media(max-width:700px){.room-transform-panel{top:12px;left:12px;width:146px;padding:10px;border-radius:9px}.room-transform-panel select{font-size:10px;min-height:31px;margin-bottom:9px}.scale-row{gap:4px}.scale-row button{width:29px;height:32px;font-size:17px}.scale-heading{font-size:10px;gap:7px}.scale-heading output{font-size:11px}.panel-tools{gap:5px;margin-top:8px}.panel-tools button{font-size:8px;min-height:29px}.room-transform-panel small{font-size:7px;line-height:1.8}.scene-copy{top:14px;right:14px;left:auto;width:46%;padding:0;background:none}.scene-copy h1{font-size:27px;margin:14px 0}.scene-copy p{font-size:9px}.scene-copy>.en{font-size:6px}.scene-number{bottom:7px;font-size:6px}}