.scene-demo{color:#515b45;max-width:1180px;margin:auto;padding:18px 24px;font-family:Pretendard,sans-serif}.scene-demo nav{border-bottom:1px solid #e2dfd2;justify-content:space-between;align-items:center;padding-bottom:14px;font-size:11px;display:flex}.scene-demo nav a{color:inherit;text-decoration:none}.scene-demo nav a:nth-child(2){font:600 26px MaruBuri,serif}.scene-demo header{text-align:center;padding:22px 0}.scene-demo header>small{color:#929b7e;font:28px Allura,cursive}.scene-demo h1{margin:8px 0;font:600 clamp(23px,3vw,32px)/1.5 MaruBuri,serif}.scene-demo p{color:#858b77;word-break:keep-all;font-size:13px;line-height:1.85}.scene-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:35px;display:grid}.scene-preview{margin:0;position:sticky;top:16px}.scene-images{aspect-ratio:1;background:#e6dcc7;border:7px solid #eae1cf;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 10px 28px #66563c14}.scene-images img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s ease-in-out;position:absolute;inset:0}.scene-images img.visible{opacity:1}.scene-loading{background:#e6dcc7;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.scene-preview figcaption{text-align:center;color:#8b8e79;padding:13px;font:12px MaruBuri,serif}.scene-demo section{padding:15px 0}.scene-demo section>small,.scene-demo article>small{letter-spacing:.12em;color:#969c87;font-size:10px}.scene-demo h2{margin:14px 0 22px;font:600 23px/1.7 MaruBuri,serif}.scene-options{gap:13px;display:grid}.scene-options button{text-align:left;color:#616e52;cursor:pointer;background:#fffdf6;border:1px solid #dedfce;border-radius:12px 24px 24px 12px;align-items:center;gap:13px;padding:20px 16px;display:flex}.scene-options button:disabled{opacity:.5;cursor:wait}.scene-options button[aria-pressed=true]{background:#eaf0e0;border-color:#879774;box-shadow:inset 3px 0 #879774}.scene-options button>span{color:#a4ac95;font:italic 18px Georgia,serif}.scene-options strong{font-size:13px;font-weight:500;line-height:1.7}.scene-options small{color:#929a83;margin-top:5px;font-size:10px;display:block}.scene-options b{margin-left:auto;font-weight:400}.scene-help{margin:18px 0;font-size:11px!important}.scene-demo article{background:#f0ecdf;border-radius:4px 22px 22px;padding:18px 20px}.scene-demo article p{margin-bottom:0;font-size:12px}.scene-note{margin-top:20px;font-size:10px!important;line-height:1.8!important}.scene-demo footer{text-align:center;color:#9da18d;padding:25px;font-size:10px}.scene-demo button:focus-visible{outline-offset:4px;outline:3px solid #b79872}@media (max-width:760px){.scene-demo{padding:12px 16px}.scene-demo header{padding:14px 0}.scene-demo header p{font-size:11px}.scene-grid{grid-template-columns:1fr;gap:5px}.scene-preview{z-index:2;background:#faf9f3;padding-top:5px;position:sticky;top:0}.scene-images{border-width:5px;border-radius:15px;max-width:min(100%,38svh);margin:auto}.scene-preview figcaption{padding:8px;font-size:10px}.scene-demo h2{margin:6px 0 15px;font-size:19px}.scene-options button{padding:15px 12px}.scene-demo section{padding-top:10px}}@media (prefers-reduced-motion:reduce){.scene-images img{transition:none}}.complete-room h1{outline:none}.detail-layer{opacity:0;pointer-events:none;transition:opacity .7s;position:absolute;inset:0}.detail-layer.on{opacity:1}.scene-images .preload-scene{opacity:0}.scene-images .table-region{clip-path:polygon(16.5% 41%,25% 41%,25% 47%,16.5% 47%)}.scene-images .plant-region{clip-path:polygon(82% 25%,100% 25%,100% 66%,82% 66%)}.room-light-overlay{pointer-events:none;mix-blend-mode:multiply;transition:background 1s;position:absolute;inset:0}.complete-light-1 .room-light-overlay{background:linear-gradient(130deg,#ffd9a866,#e9b59230)}.complete-light-2 .room-light-overlay{background:linear-gradient(130deg,#59638688,#b9987640)}.complete-progress{justify-content:center;gap:5px;padding:0;list-style:none;display:flex}.complete-progress button{color:#8b947b;cursor:pointer;background:0 0;border:0;padding:8px;font:11px Pretendard,sans-serif}.complete-progress button[aria-current=step]{color:#4f6c3c;border-bottom:2px solid #859871}.complete-progress button:disabled{opacity:.45;cursor:default}.complete-primary{color:#fffdf3;cursor:pointer;background:#738363;border:0;border-radius:28px;width:100%;margin:20px 0 12px;padding:16px 20px;font:14px Pretendard,sans-serif;display:block}.complete-primary:disabled{opacity:.4;cursor:not-allowed}.complete-back{color:#7d886d;cursor:pointer;background:0 0;border:0;margin:10px auto;padding:8px;display:block}.complete-room section article{margin-top:16px}.complete-room h3{margin:2px 0 8px;font:600 16px MaruBuri,serif}.complete-room .answer-quote{color:#93987f;font-size:10px}.complete-room .scene-loading{z-index:4}.complete-room .scene-loading button{cursor:pointer;background:#fffaf0;border:1px solid #aaaf99;border-radius:20px;margin-top:12px;padding:10px 20px}.complete-room .scene-preview{background:#faf9f3}.complete-room section>small{display:block}.complete-room footer{line-height:1.9}@media (max-width:760px){.complete-room .scene-images{max-width:min(100%,36svh)}.complete-progress{margin:0}.complete-progress button{padding:5px;font-size:10px}.complete-room .scene-preview figcaption{font-size:9px}.complete-room .scene-preview{box-shadow:0 5px 9px #74795e08}.complete-room .scene-options button{padding:14px 12px}.complete-room h2{font-size:18px}.complete-primary{margin-top:12px}}@media (prefers-reduced-motion:reduce){.detail-layer,.room-light-overlay{transition:none}}