.upper-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.upper-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:start}.upper-settings,.upper-preview-column{display:grid;gap:18px;min-width:0}.upper-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;min-width:0}.upper-card h2{font-size:16px;margin:0 0 14px}.upper-card p{font-size:12px;line-height:1.85;color:#7a8b98;margin:8px 0 14px}.upper-card>.button{max-width:100%;min-height:44px}.upper-card .cabinet-walls{margin:14px 0}.upper-card .cabinet-walls button{font-size:12px;padding:7px 10px;min-width:0}.upper-parameters{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-top:10px}.upper-parameters .layout-field:last-child{grid-column:1/-1}.upper-parameter-note{color:#9a7d54!important}.upper-detail>summary,.upper-beam>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:13px;color:#526d81}.upper-detail{border-top:1px solid var(--border);padding-top:8px}.upper-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upper-card input,.upper-card select{font-size:16px;max-width:100%}.upper-hood{padding-top:8px;border-top:1px solid var(--border)}.upper-hood+.upper-hood{margin-top:15px}.upper-hood h3{font-size:13px;font-weight:600;color:#526d81}.upper-beam{border:1px solid #e0d5c6;border-radius:8px;padding:8px 12px;margin-top:15px;background:#fffcf6}.upper-beam .text-danger{min-height:44px;width:100%;background:#fff;border:1px solid #e2cec0;border-radius:6px}.upper-board{padding:0;overflow:hidden}.upper-board-heading{padding:18px}.upper-board-heading h2{margin:0 0 7px}.upper-board-heading span{font-size:11px;color:#8998a3}.upper-board svg{display:block;width:100%;height:auto;min-height:350px;background:#242d35}.upper-board>p{padding:14px 18px;margin:0}.upper-base-outline{fill:none;stroke:#71838f;stroke-dasharray:6 5;stroke-width:1;vector-effect:non-scaling-stroke}.upper-plan-outline{fill:#395966;stroke:#9edbe5;stroke-width:1.5;vector-effect:non-scaling-stroke}.upper-beam-outline{fill:url(#upper-hatch);stroke:#e6b67c;stroke-width:1.4;vector-effect:non-scaling-stroke}.upper-wall-line{stroke:#bdcbd3;stroke-width:1.3;vector-effect:non-scaling-stroke}.upper-wall-line.active{stroke:#9fdae8;stroke-width:3}.upper-wall-hit{fill:transparent;stroke:none;cursor:pointer;touch-action:pan-y;outline:none}.upper-wall-hit:focus-visible{fill:#5eabc344}.upper-feedback{border:1px solid #c5d9de;background:#f2f9fa;color:#527782;border-radius:10px;padding:16px;font-size:13px;line-height:1.9}.upper-feedback.error{border-color:#e6ccbf;background:#fff8f2;color:#a15f43}.upper-feedback p{margin:0 0 6px}.upper-feedback p:last-child{margin-bottom:0}#upper-section{width:100%;height:auto;display:block;border-radius:6px;background:#f8fafc}.upper-grid+.actionbar{margin-top:24px}#upper-stage .actions{flex-wrap:wrap}
@media(min-width:1000px){.upper-preview-column{position:sticky;top:18px}}
@media(max-width:850px){.upper-grid{grid-template-columns:1fr}.upper-preview-column{grid-row:1}.upper-board svg{min-height:350px}.upper-settings{gap:14px}.upper-card{padding:18px}.upper-board{padding:0}.upper-card .cabinet-walls{display:grid;grid-template-columns:1fr 1fr}.upper-toolbar .button{padding:0 12px;font-size:13px}.upper-parameters{grid-template-columns:1fr 1fr}.upper-card .upper-pair{gap:10px}.upper-board>p{font-size:12px}}
@media(max-width:560px){#layout-stage .actionbar .actions{flex-wrap:wrap}#layout-next-upper{flex:0 0 100%;width:100%}.upper-toolbar{gap:8px}.upper-toolbar .layout-history{flex-shrink:0}}
@media(max-width:850px){.upper-grid{display:flex;flex-direction:column;align-items:stretch}.upper-settings,.upper-preview-column{display:contents}.upper-settings>.upper-card:first-child{order:1}.upper-board{order:2}#upper-feedback{order:3}#upper-hood-card{order:4}#upper-gap-card{order:5}#upper-beam-card{order:6}.upper-preview-column>.upper-card:not(.upper-board){order:7}#upper-message{order:8}}

#upper-advanced>summary,.upper-section-card>summary{min-height:44px;cursor:pointer;font-size:15px;font-weight:600;color:#3c586a;display:flex;align-items:center;justify-content:space-between;gap:8px}#upper-advanced>summary:after,.upper-section-card>summary:after{content:'＋';font-size:20px;font-weight:400}#upper-advanced[open]>summary:after,.upper-section-card[open]>summary:after{content:'−'}#upper-advanced>summary span{font-size:11px;color:#8695a0;font-weight:400;margin-left:auto}.upper-advanced-content{padding-top:20px}.upper-advanced-section{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.upper-hood-options>summary{min-height:44px;display:flex;align-items:center;font-size:12px;cursor:pointer;color:#6e8596}.upper-hood-outline{fill:#386f62;stroke:#a6e4cd;stroke-width:1.8;vector-effect:non-scaling-stroke}.upper-hood-label{pointer-events:none}#upper-parameter-summary{margin-bottom:0;font-size:11px}.upper-section-card[open]>summary{margin-bottom:14px}
@media(max-width:850px){#upper-hood-card{order:2}.upper-board{order:3}#upper-feedback{order:4}#upper-advanced{order:5}.upper-section-card{order:6}#upper-message{order:7}.upper-board svg{min-height:300px}#upper-advanced>summary{flex-wrap:wrap}.upper-card .cabinet-walls button{min-height:44px}.upper-hood{padding-top:0}.upper-hood h3{margin:12px 0}.upper-hood .layout-field{margin-bottom:0}}

#upper-wall-more{border-top:0;padding-top:0;margin-bottom:10px}
@media(max-width:850px){.upper-board{order:2}#upper-hood-card{order:3}}

.upper-row-target path{fill:transparent;stroke:none;cursor:pointer;touch-action:pan-y}.upper-row-target:focus-visible path{stroke:#ffc476;stroke-width:3;vector-effect:non-scaling-stroke}#upper-canvas{touch-action:none}.upper-drag-handle{cursor:grab;touch-action:none;outline:none}.upper-drag-handle text{pointer-events:none}.upper-drag-handle:focus-visible circle:last-of-type{stroke:white;stroke-width:3}.upper-drag-tools{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:12px;line-height:1.7;color:#627d8d}.upper-drag-tools button{min-height:44px;min-width:120px;padding:0 10px;background:white;border:1px solid var(--border);border-radius:8px;color:#426176;font:inherit}.upper-drag-tools span{flex:1}@media(max-width:600px){.upper-drag-tools{flex-wrap:wrap}.upper-drag-tools span{flex-basis:100%}.upper-drag-tools button{width:100%}}

.upper-reservation{pointer-events:none}.upper-reservation path{fill:#e4b78210;stroke:#d5b788;stroke-width:1.2;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.upper-reservation text{fill:#e5ca9e;paint-order:stroke;stroke:#25323b;stroke-width:3px;stroke-linejoin:round}

.upper-reservation line{stroke:#d5b788;stroke-width:1;vector-effect:non-scaling-stroke}