.layout-experience{padding:0 6vw 100px;background:#f5f3ed;color:#333b30}.layout-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.layout-heading h2{font:400 38px/1.8 'Noto Serif JP',serif;margin:16px 0}.layout-heading>p{font-size:12px;line-height:2.2}.layout-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:55px}.floorplan-wrap{padding:38px 30px 28px;background:#e5e4d9;border:1px solid #c6c8ba}.floorplan-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;margin-bottom:25px}.floorplan{position:relative;width:100%;aspect-ratio:1.4;background:repeating-linear-gradient(90deg,#ddd0b7 0 1px,#e8decc 1px 34px);border:8px solid #f8f6ef;outline:1px solid #8f9488;overflow:hidden;box-shadow:5px 12px 18px #0001}.floorplan:before{content:'WINDOW / 窓';position:absolute;top:0;left:24%;width:51%;height:21px;border-top:6px double #759590;background:#f8f6ef;color:#4a635e;text-align:center;font-size:8px;letter-spacing:.1em}.floorplan:after{content:'入口';position:absolute;right:4px;bottom:4px;background:#f8f6ef;padding:10px 22px;font-size:8px;border-left:1px solid #999}.furniture{position:absolute;display:grid;place-items:center;border:1px solid #666f5d;box-shadow:3px 6px 8px #0002;color:#33422e;cursor:grab;padding:0;touch-action:none;transform:translate(-50%,-50%);z-index:2;font-size:10px;user-select:none}.furniture:active{cursor:grabbing}.furniture[aria-pressed=true]{outline:2px dashed #52624b;outline-offset:5px;z-index:4}.furniture.sofa{width:34%;height:25%;border-radius:7px;background:#aeb29b;box-shadow:inset 0 11px 0 #949b86,inset 9px 0 0 #959d84,inset -9px 0 0 #959d84,3px 6px 8px #0002}.furniture.table{width:23%;height:25%;border-radius:44%;background:#e3bf91;box-shadow:inset 0 0 0 4px #cb9f6e,3px 6px 8px #0002}.furniture.green{width:12%;height:16.8%;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#94a779,transparent 45%),#627450;color:white;font-size:8px}.floorplan-help{font-size:10px;line-height:1.8;margin:20px 0 0}.layout-options>p:first-child{font-size:10px;letter-spacing:.09em}.layout-presets{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 32px}.layout-presets button{border:1px solid #b8bcb0;background:transparent;padding:12px;font-size:11px;cursor:pointer}.layout-presets button[aria-pressed=true]{background:#3e4c38;color:#fff}.layout-controls{padding:20px 0;border-top:1px solid #c6c8ba;border-bottom:1px solid #c6c8ba}.layout-controls label{display:flex;align-items:center;gap:20px;font-size:10px;margin-top:17px}.layout-controls input{flex:1;min-width:0;accent-color:#52634b}.layout-controls p{font-family:serif;font-size:19px;margin:0}.layout-tip{line-height:2;font-size:12px;margin-top:25px}.layout-note{font-size:9px;line-height:1.9;color:#777e70}#layout-summary{font-size:10px;line-height:2;white-space:pre-line}.layout-save{padding:14px 20px;background:#3e4c38;color:white;border:0;margin-top:12px;cursor:pointer;font-size:11px}#layout-status{font-size:10px;min-height:18px}.layout-issue{color:#866336;font-size:10px;min-height:20px}.layout-experience button:focus-visible,.layout-experience input:focus-visible{outline:2px solid #52624b;outline-offset:5px}@media(max-width:800px){.layout-experience{padding:0 22px 65px}.layout-heading{display:block}.layout-heading h2{font-size:30px}.layout-heading>p{font-size:11px}.layout-grid{display:block}.floorplan-wrap{padding:22px 18px}.layout-options{margin-top:28px}.floorplan{border-width:6px}.furniture{font-size:8px}.furniture.green{font-size:6px}.floorplan-top{font-size:7px}.floorplan:before{font-size:6px;height:16px}.floorplan:after{font-size:7px;padding:6px 12px}.layout-tip{font-size:11px}.layout-controls{max-width:540px}}