.shell{max-width:1460px;padding-top:24px}.back{display:inline-block;color:#8de2d5;text-decoration:none;margin-bottom:20px}.hero{margin-bottom:24px}.hero h1{font-size:clamp(2rem,4vw,3.4rem)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.main-column{display:grid;gap:18px;min-width:0}.panel,.room{background:#142431;border:1px solid #315063;border-radius:15px;padding:18px}.panel h2{font-size:1.15rem;margin:0 0 15px}.settings-grid,.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.field{display:grid;gap:5px;color:#a7bac5;font-size:.82rem}.field input,.field select,.room-name,.wall-name,#planRoomSelect{width:100%;background:#0b1821;border:1px solid #365366;border-radius:8px;padding:9px;color:#e8f1f5;font:inherit}.field input:focus,.room-name:focus,.wall-name:focus{outline:2px solid #48c7b588}.note{color:#a7bac5;font-size:.8rem;line-height:1.5;margin:10px 0 0}.room{padding:0;overflow:hidden}.room-head{display:flex;align-items:center;gap:9px;padding:13px 16px;background:#10212d}.room-name{max-width:310px;font-weight:700}.room-head .room-size{color:#a7bac5;font-size:.82rem;margin-right:auto;white-space:nowrap}.room-body{padding:16px}.room-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wall-list{display:grid;gap:8px}.wall-row{display:grid;grid-template-columns:28px minmax(110px,1fr) repeat(3,minmax(90px,125px)) 72px 34px;gap:8px;align-items:end;padding:10px;border:1px solid #294354;border-radius:9px;background:#10202c}.wall-row .field{min-width:0}.wall-row input[type=checkbox]{width:18px;height:18px;accent-color:#48c7b5;margin:9px 0}.wall-row .area{padding-bottom:10px;font-size:.8rem;white-space:nowrap}.metric{background:#0b1821;border:1px solid #294354;border-radius:9px;padding:11px}.metric span{display:block;color:#a7bac5;font-size:.76rem}.metric strong{display:block;margin-top:5px;font-size:1.14rem}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}button{border:0;border-radius:8px;background:#48c7b5;color:#06211f;font:inherit;font-weight:700;padding:8px 11px;cursor:pointer}button.secondary{background:#203a4a;color:#e8f1f5}button.danger{background:#4d292b;color:#ffbbb3}button:disabled{opacity:.45;cursor:not-allowed}.room-toggle{padding:5px 9px}.sidebar{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto}.sidebar h3{font-size:.82rem;color:#48c7b5;text-transform:uppercase;letter-spacing:.07em}.sidebar a{color:#8de2d5}.sidebar #planRoomSelect,.sidebar #importPlanRoom{width:100%}.sidebar #importPlanRoom{margin-top:8px}.room-list{display:grid;gap:6px;margin:14px 0}.room-item{display:grid;grid-template-columns:16px minmax(0,1fr) 22px 30px;gap:5px;align-items:center;cursor:grab}.room-item button{min-width:0;text-align:left}.room-item .room-count{text-align:center;color:#a7bac5;font-size:.8rem}.room-item .room-delete{text-align:center}.room-item.dragging{opacity:.5}.room-item.drop-target{outline:2px solid #48c7b5;border-radius:7px}.status{color:#8de2d5;font-size:.82rem;min-height:1.2em}.sub-total{color:#8de2d5;font-weight:700;margin:12px 0 0}.section-label{margin:0 0 10px;color:#48c7b5;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}@media(max-width:1100px){.wall-row{grid-template-columns:28px minmax(100px,1fr) repeat(2,minmax(80px,1fr));}.wall-row .area{grid-column:4}.wall-row .wall-delete{grid-column:5}}@media(max-width:950px){.layout{grid-template-columns:1fr}.sidebar{position:static;max-height:none}}@media(max-width:680px){.settings-grid,.summary-grid,.room-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.wall-row{grid-template-columns:28px minmax(100px,1fr) minmax(80px,1fr)}.wall-row .area{grid-column:auto}.wall-row .wall-delete{grid-column:auto}.room-head{flex-wrap:wrap}.room-head .room-size{margin-right:0}}@media(max-width:440px){.settings-grid,.summary-grid,.room-fields{grid-template-columns:1fr}.wall-row{grid-template-columns:28px 1fr 1fr}.wall-row .wall-name-wrap{grid-column:2/4}.shell{padding-left:14px;padding-right:14px}}
.floor-dimensions{margin-top:12px}.floor-warning:not(:empty){color:#ffcf89;background:#493821;padding:10px;border-radius:8px;margin:12px 0}
.floor-remaining{font-weight:700;color:#8de2d5}.floor-remaining.floor-over{color:#ffcf89}
.settings-grid.paint-settings{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.setting-group{min-width:0}.setting-group h3{margin:0 0 12px;padding-bottom:7px;border-bottom:1px solid #315063;color:#48c7b5;font-size:.9rem}.setting-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:680px){.setting-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.setting-fields{grid-template-columns:1fr}}
.summary-grid.paint-summary{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.summary-area,.summary-total{max-width:350px}.summary-group h3{margin:0 0 10px;padding-bottom:7px;border-bottom:1px solid #315063;color:#48c7b5;font-size:.9rem}.summary-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary-total{padding-top:14px;border-top:1px solid #315063}.summary-total .metric{border-color:#48c7b5}.summary-total .metric strong{color:#8de2d5}@media(max-width:440px){.summary-items{grid-template-columns:1fr}}
.material-link{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.material-link .field{min-width:0}.material-open{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:8px;background:#203a4a;color:#e8f1f5;text-decoration:none;font-weight:700;white-space:nowrap}.material-open:hover{background:#2a5065}.material-open.inactive{opacity:.45;pointer-events:none;cursor:default}@media(max-width:440px){.material-link{grid-template-columns:1fr}.material-open{justify-self:start}}
#planImport #importAllPlanRooms{width:100%;margin-bottom:9px;text-align:center}