.room-area-module__u227Na__wrap{flex-direction:column;gap:12px;display:flex}.room-area-module__u227Na__tabs{background:var(--bg2);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.room-area-module__u227Na__tabBtn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 8px;font-family:Noto Sans KR,sans-serif;font-size:13px;font-weight:500;transition:all .15s}@media (hover:hover){.room-area-module__u227Na__tabBtn:hover{color:var(--text)}}.room-area-module__u227Na__tabActive{background:var(--accent-dim);color:var(--accent);font-weight:700}.room-area-module__u227Na__card{background:var(--bg2);border:1px solid var(--border);box-sizing:border-box;border-radius:14px;width:100%;padding:20px 22px}.room-area-module__u227Na__cardLabel{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.room-area-module__u227Na__cardLabelHint{text-transform:none;letter-spacing:0;color:var(--muted);opacity:.85;font-size:11px;font-weight:400}.room-area-module__u227Na__subLabel{color:var(--muted);margin-bottom:6px;font-family:Noto Sans KR,sans-serif;font-size:11px;display:block}.room-area-module__u227Na__modeToggle{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.room-area-module__u227Na__modeBtn{background:var(--bg3);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:10px;padding:10px 8px;font-family:Noto Sans KR,sans-serif;font-size:12.5px;transition:all .15s}@media (hover:hover){.room-area-module__u227Na__modeBtn:hover{color:var(--text)}}.room-area-module__u227Na__modePyung{border-color:#c8ff3e66}.room-area-module__u227Na__modeMeter{border-color:#3ec8ff66}.room-area-module__u227Na__modePyung.room-area-module__u227Na__modeActive{background:var(--accent-dim);color:var(--accent);border-color:var(--accent);font-weight:700}.room-area-module__u227Na__modeMeter.room-area-module__u227Na__modeActive{color:#3ec8ff;background:#3ec8ff1a;border-color:#3ec8ff;font-weight:700}.room-area-module__u227Na__pyungSelect{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);box-sizing:border-box;background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px;border-radius:10px;outline:none;padding:12px 32px 12px 14px;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:700}.room-area-module__u227Na__pyungSelect:focus{border-color:var(--accent)}.room-area-module__u227Na__pyungSelect option{color:var(--text);background:#1a1a1a}.room-area-module__u227Na__dimRow{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.room-area-module__u227Na__dimSep{color:var(--muted);font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:700}.room-area-module__u227Na__bigInput{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);text-align:center;box-sizing:border-box;border-radius:10px;outline:none;padding:12px 14px;font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:700}.room-area-module__u227Na__bigInput:focus{border-color:var(--accent)}.room-area-module__u227Na__bigInput::-webkit-outer-spin-button{appearance:none}.room-area-module__u227Na__bigInput::-webkit-inner-spin-button{appearance:none}.room-area-module__u227Na__bigInput[type=number]{appearance:textfield}.room-area-module__u227Na__smallInput{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:10px;outline:none;padding:11px 14px;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600;transition:border-color .2s}.room-area-module__u227Na__smallInput:focus{border-color:var(--accent)}.room-area-module__u227Na__smallInput::-webkit-outer-spin-button{appearance:none}.room-area-module__u227Na__smallInput::-webkit-inner-spin-button{appearance:none}.room-area-module__u227Na__smallInput[type=number]{appearance:textfield}.room-area-module__u227Na__textInput{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:10px;outline:none;padding:11px 14px;font-family:Noto Sans KR,sans-serif;font-size:16px;font-weight:500}.room-area-module__u227Na__textInput:focus{border-color:var(--accent)}.room-area-module__u227Na__inputRow{align-items:center;gap:10px;display:flex}.room-area-module__u227Na__unit{color:var(--muted);flex-shrink:0;font-family:Noto Sans KR,sans-serif;font-size:13px}.room-area-module__u227Na__areaShow{color:var(--accent);margin-top:6px;font-family:Noto Sans KR,sans-serif;font-size:13px;font-weight:600}.room-area-module__u227Na__pills{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.room-area-module__u227Na__pill{background:var(--bg3);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:8px;padding:7px 12px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:700;transition:all .15s}@media (hover:hover){.room-area-module__u227Na__pill:hover{color:var(--text);border-color:var(--border-hover)}}.room-area-module__u227Na__pillActive{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.room-area-module__u227Na__presetGrid{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;display:grid}@media (max-width:480px){.room-area-module__u227Na__presetGrid{grid-template-columns:1fr}}.room-area-module__u227Na__presetBtn{background:var(--bg3);border:1px solid var(--border);color:var(--muted);cursor:pointer;text-align:center;border-radius:10px;padding:10px;font-family:Noto Sans KR,sans-serif;font-size:12px;transition:all .15s}@media (hover:hover){.room-area-module__u227Na__presetBtn:hover{color:var(--text);border-color:var(--border-hover)}}.room-area-module__u227Na__presetActive{background:var(--accent-dim);color:var(--accent);border-color:var(--accent);font-weight:700}.room-area-module__u227Na__openingRow{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:6px;margin-bottom:8px;display:grid}.room-area-module__u227Na__hero{background:var(--bg2);border:1px solid #e8975766;border-radius:16px;padding:22px 24px}.room-area-module__u227Na__heroLead{color:var(--muted);text-align:center;letter-spacing:.04em;margin-bottom:16px;font-size:13px}.room-area-module__u227Na__heroDual{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}@media (max-width:480px){.room-area-module__u227Na__heroDual{grid-template-columns:1fr;gap:12px}}.room-area-module__u227Na__heroDualSep{color:var(--muted);opacity:.4;font-size:24px}.room-area-module__u227Na__heroDualLabel{color:var(--muted);margin-bottom:4px;font-family:Noto Sans KR,sans-serif;font-size:12px}.room-area-module__u227Na__heroDualNum{letter-spacing:-1.5px;font-family:Inter,system-ui,sans-serif;font-size:clamp(28px,6vw,40px);font-weight:800;line-height:1.05}.room-area-module__u227Na__heroDualUnit{color:var(--muted);vertical-align:middle;margin-left:4px;font-family:Noto Sans KR,sans-serif;font-size:14px}.room-area-module__u227Na__heroFloor{color:#c8ff3e}.room-area-module__u227Na__heroWall{color:var(--accent)}.room-area-module__u227Na__heroSub{color:var(--muted);margin-top:6px;font-family:Noto Sans KR,sans-serif;font-size:12px}.room-area-module__u227Na__areaGrid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (max-width:700px){.room-area-module__u227Na__areaGrid{grid-template-columns:1fr 1fr}}@media (max-width:380px){.room-area-module__u227Na__areaGrid{grid-template-columns:1fr}}.room-area-module__u227Na__areaCard{background:var(--bg2);border:1px solid var(--border);text-align:center;border-radius:12px;padding:16px 14px;transition:all .2s;position:relative;overflow:hidden}.room-area-module__u227Na__areaWallTotal{border-left:3px solid #3ec8ff}.room-area-module__u227Na__areaWallNet{border-left:3px solid var(--accent);background:#c8ff3e0a}.room-area-module__u227Na__areaFloor{border-left:3px solid #c8ff3e}.room-area-module__u227Na__areaCeiling{border-left:3px solid #9b59b6}.room-area-module__u227Na__areaVolume{border-left:3px solid gold}.room-area-module__u227Na__areaSurface{border-left:3px solid #ff8c3e}.room-area-module__u227Na__areaIcon{margin-bottom:6px;font-size:24px;display:block}.room-area-module__u227Na__areaTitle{color:var(--muted);letter-spacing:.04em;margin-bottom:6px;font-family:Noto Sans KR,sans-serif;font-size:11.5px;font-weight:600}.room-area-module__u227Na__areaValue{color:var(--text);letter-spacing:-.8px;font-family:Inter,system-ui,sans-serif;font-size:clamp(24px,5vw,30px);font-weight:800;line-height:1}.room-area-module__u227Na__areaWallNet .room-area-module__u227Na__areaValue{color:var(--accent)}.room-area-module__u227Na__areaUnit{color:var(--muted);margin-left:3px;font-family:Noto Sans KR,sans-serif;font-size:13px}.room-area-module__u227Na__areaSub{color:var(--muted);margin-top:6px;font-family:Noto Sans KR,sans-serif;font-size:11px;line-height:1.5}.room-area-module__u227Na__areaSubAccent{color:var(--accent);font-family:Inter,system-ui,sans-serif;font-weight:700}.room-area-module__u227Na__breakdownTable{border-collapse:collapse;width:100%;font-size:13px}.room-area-module__u227Na__breakdownTable td{border-bottom:1px solid var(--border);padding:9px 6px}.room-area-module__u227Na__breakdownTable td:first-child{color:var(--muted)}.room-area-module__u227Na__breakdownTable td:last-child{text-align:right;color:var(--text);white-space:nowrap;font-family:Inter,system-ui,sans-serif;font-weight:700}.room-area-module__u227Na__subRow td:last-child{color:#ff6b6b}.room-area-module__u227Na__totalRow td{background:var(--accent-dim);border-top:2px solid #c8ff3e4d;border-bottom:none;font-weight:800}.room-area-module__u227Na__totalRow td:first-child{color:var(--accent)}.room-area-module__u227Na__totalRow td:last-child{color:var(--accent);font-size:15px}.room-area-module__u227Na__boxWrap{background:var(--bg3);border-radius:12px;justify-content:center;padding:24px;display:flex}.room-area-module__u227Na__boxSvg{max-width:100%;height:auto;display:block}.room-area-module__u227Na__usageGrid{flex-direction:column;gap:8px;display:flex}.room-area-module__u227Na__usageCard{background:var(--bg2);border:1px solid var(--border);border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:all .15s;display:grid}@media (hover:hover){.room-area-module__u227Na__usageCard:hover{border-color:var(--border-hover)}}.room-area-module__u227Na__usageWallpaper{border-left:3px solid #c8ff3e}.room-area-module__u227Na__usagePaint{border-left:3px solid #ff8c3e}.room-area-module__u227Na__usageAirCon{opacity:.7;border-left:3px solid #3ec8ff}.room-area-module__u227Na__usageLighting{opacity:.7;border-left:3px solid gold}.room-area-module__u227Na__usageIcon{text-align:center;font-size:24px}.room-area-module__u227Na__usageBody{flex-direction:column;gap:2px;display:flex}.room-area-module__u227Na__usageTitle{color:var(--text);font-family:Noto Sans KR,sans-serif;font-size:13px;font-weight:700}.room-area-module__u227Na__usageDesc{color:var(--muted);font-family:Noto Sans KR,sans-serif;font-size:12px;line-height:1.6}.room-area-module__u227Na__usageDesc strong{color:var(--accent);font-family:Inter,system-ui,sans-serif;font-weight:700}.room-area-module__u227Na__usageBtn{color:var(--accent);background:var(--accent-dim);white-space:nowrap;border-radius:999px;padding:5px 12px;font-family:Noto Sans KR,sans-serif;font-size:11px;font-weight:700}.room-area-module__u227Na__usageSoon{color:var(--muted);background:var(--bg3);border:1px dashed var(--border);white-space:nowrap;border-radius:999px;padding:5px 12px;font-family:Noto Sans KR,sans-serif;font-size:11px}.room-area-module__u227Na__roomBlock{background:var(--bg2);border:1px solid var(--border);border-radius:14px;margin-bottom:10px;padding:18px 20px}.room-area-module__u227Na__roomHeader{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.room-area-module__u227Na__roomHeaderInput{color:var(--text);border:none;border-bottom:1px dashed var(--border);background:0 0;outline:none;flex:1;padding:4px 0;font-family:Noto Sans KR,sans-serif;font-size:14px;font-weight:700}.room-area-module__u227Na__roomHeaderInput:focus{border-bottom-color:var(--accent)}.room-area-module__u227Na__removeRoomBtn{background:var(--bg3);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:12px}@media (hover:hover){.room-area-module__u227Na__removeRoomBtn:hover{color:#ff6b6b;border-color:#ff6b6b66}}.room-area-module__u227Na__wallSubBlock{background:var(--bg3);border:1px solid var(--border);border-radius:8px;margin-top:8px;padding:10px 12px}.room-area-module__u227Na__wallLabel{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600}.room-area-module__u227Na__wallDimRow{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px;display:grid}.room-area-module__u227Na__openingsHeader{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:10.5px}.room-area-module__u227Na__openingMiniRow{grid-template-columns:auto 1fr 1fr 32px;align-items:center;gap:4px;margin-bottom:4px;display:grid}.room-area-module__u227Na__openingTypeBtn{background:var(--bg3);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:4px 8px;font-family:Noto Sans KR,sans-serif;font-size:11px}.room-area-module__u227Na__openingWindow{color:#3ec8ff;border-color:#3ec8ff66}.room-area-module__u227Na__openingDoor{color:#ff8c3e;border-color:#ff8c3e66}.room-area-module__u227Na__iconBtn{background:var(--bg3);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:11px}@media (hover:hover){.room-area-module__u227Na__iconBtn:hover{color:var(--text);border-color:var(--border-hover)}.room-area-module__u227Na__removeBtn:hover{color:#ff6b6b;border-color:#ff6b6b66}}.room-area-module__u227Na__addBtn{background:var(--bg3);border:1px dashed var(--border);color:var(--muted);cursor:pointer;border-radius:8px;width:100%;margin-top:8px;padding:8px 12px;font-family:Noto Sans KR,sans-serif;font-size:12px;transition:all .15s}@media (hover:hover){.room-area-module__u227Na__addBtn:hover{color:var(--accent);border-color:var(--accent)}}.room-area-module__u227Na__summaryTable{border-collapse:collapse;width:100%;font-size:13px}.room-area-module__u227Na__summaryTable th,.room-area-module__u227Na__summaryTable td{border-bottom:1px solid var(--border);text-align:right;padding:10px}.room-area-module__u227Na__summaryTable th:first-child,.room-area-module__u227Na__summaryTable td:first-child{text-align:left}.room-area-module__u227Na__summaryTable th{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.room-area-module__u227Na__summaryTable td:not(:first-child){color:var(--text);font-family:Inter,system-ui,sans-serif;font-weight:700}.room-area-module__u227Na__summaryTotal td{background:var(--accent-dim);border-top:2px solid #c8ff3e4d;border-bottom:none;font-weight:800}.room-area-module__u227Na__summaryTotal td:first-child,.room-area-module__u227Na__summaryTotal td:last-child{color:var(--accent)}.room-area-module__u227Na__totalPyungLine{color:var(--text);text-align:center;background:#e897570d;border:1px solid #e897574d;border-radius:12px;margin-top:12px;padding:14px 18px;font-family:Noto Sans KR,sans-serif;font-size:14px}.room-area-module__u227Na__totalPyungLine strong{color:var(--accent);font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:800}.room-area-module__u227Na__copyBtn{background:var(--bg2);border:1px solid var(--border);color:var(--muted);cursor:pointer;text-align:center;border-radius:12px;width:100%;padding:14px 16px;font-family:Noto Sans KR,sans-serif;font-size:13px;transition:all .15s}@media (hover:hover){.room-area-module__u227Na__copyBtn:hover{border-color:var(--accent);color:var(--accent)}}.room-area-module__u227Na__copied{background:var(--accent-dim);color:var(--accent);border-color:var(--accent);font-weight:700}.room-area-module__u227Na__visGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:720px){.room-area-module__u227Na__visGrid{grid-template-columns:1fr}}.room-area-module__u227Na__visGrid .room-area-module__u227Na__boxSvg{background:var(--bg3);border:1px solid var(--border);border-radius:10px;width:100%;height:auto}