@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.static{position:static}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}}:root{color:#e9ecef;font-synthesis:none;background:#121619;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #edab62}.app-shell{flex-direction:column;height:100dvh;min-height:500px;display:flex;overflow:hidden}.topbar{background:#191d20;border-bottom:1px solid #303538;flex:none;justify-content:space-between;align-items:center;height:60px;padding:0 25px;display:flex}.brand,.top-status{align-items:center;gap:11px;display:flex}.brand{color:#8ab5cf;letter-spacing:.05em;font-size:15px}.brand strong{color:#fff;font-size:15px}.top-divider{background:#40464a;width:1px;height:20px;margin:0 7px}.brand-partner{color:#f5f0e7;letter-spacing:-.08em;font-size:19px;font-weight:700}.brand-project{color:#9fa9ae;letter-spacing:0;margin-left:4px;font-size:11px}.top-status{color:#929d9f;letter-spacing:.12em;font-size:9px;font-weight:700}.status-dot,.footer-dot{background:#80b69b;border-radius:50%;width:6px;height:6px;display:inline-block}.demo-badge{color:#bdc5c3;border:1px solid #51595b;border-radius:4px;padding:5px 7px}.workspace{flex:1;grid-template-columns:240px minmax(0,1fr) 310px;min-height:0;display:grid}.panel{background:#1b2023;flex-direction:column;min-height:0;display:flex}.left-panel{border-right:1px solid #303638}.right-panel{border-left:1px solid #303638}.panel-heading{border-bottom:1px solid #343b3e;justify-content:space-between;gap:10px;padding:26px 20px 21px;display:flex}.panel-heading h2{letter-spacing:-.04em;margin:7px 0 6px;font-size:19px;font-weight:600}.panel-heading p,.section-description{color:#8a9599;margin:0;font-size:11px;line-height:1.6}.eyebrow{color:#96abae;letter-spacing:.14em;font-size:9px;font-weight:700}.heading-icon{color:#8e9c9f;margin-top:4px}.panel-body{flex:1;min-height:0;padding:23px 17px;overflow-y:auto}.section-label,.metric-label{color:#bdc4c4;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.small-count{color:#7e898c;font-size:10px}.wall-list{gap:7px;display:grid}.wall-row{text-align:left;color:#d5dddd;background:#20272a;border:1px solid #353d40;border-radius:7px;align-items:center;gap:10px;width:100%;padding:11px;display:flex}.wall-row.active{background:#283234;border-color:#a6bcb4}.wall-icon{background:#343f3f;border-radius:5px;place-items:center;width:32px;height:32px;display:grid}.wall-icon span{border-radius:2px;width:13px;height:18px}.wall-name{flex-direction:column;flex:1;gap:4px;display:flex}.wall-name strong{font-size:11px}.wall-name small{color:#929e9f;font-size:10px}.wall-index{color:#7c898a;font-size:10px}.add-wall{color:#d7e4de;background:0 0;border:1px dashed #5a6868;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:11px;padding:11px;font-size:11px;display:flex}.add-wall:hover{background:#273233}.left-note{color:#a0bbb1;background:#27302f;border:1px solid #394543;border-radius:7px;gap:9px;margin-top:30px;padding:14px 12px;display:flex}.left-note svg{flex:none;margin-top:2px}.left-note p{color:#9faea8;margin:0;font-size:10px;line-height:1.7}.left-note strong{color:#c7d8ce}.panel-footer{color:#768386;border-top:1px solid #343b3e;align-items:center;gap:7px;min-height:45px;padding:12px 17px;font-size:9px;display:flex}.footer-dot{width:5px;height:5px}.viewport{color:#263635;background:#eae7e0;min-width:0;min-height:0;position:relative}.canvas-wrap{position:absolute;inset:0}.canvas-wrap canvas{touch-action:none;width:100%!important;height:100%!important}.view-top{z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:31px;left:36px;right:36px}.view-kicker{letter-spacing:.15em;color:#7d8983;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.view-kicker span,.view-tag span{background:#7ea58a;border-radius:50%;width:6px;height:6px;display:inline-block}.view-top h1{letter-spacing:-.035em;margin:10px 0 5px;font-family:Georgia,serif;font-size:29px;font-weight:400}.view-top h1 span{color:#c98e55}.view-top p{color:#89928c;margin:0;font-size:11px}.view-tag{color:#7b8980;letter-spacing:.1em;border:1px solid #cdd2c9;border-radius:4px;align-items:center;gap:7px;height:26px;padding:0 9px;font-size:9px;font-weight:700;display:flex}.view-bottom{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:24px;left:35px;right:35px}.view-hint{color:#7c8881;background:#f5f5f1df;border:1px solid #e0e3dc;border-radius:5px;align-items:center;gap:10px;padding:10px 12px;font-size:10px;display:flex}.hint-divider{background:#c6ccc5;width:1px;height:12px}.view-coordinates{color:#96a198;letter-spacing:.1em;align-items:center;gap:8px;font-size:9px;display:flex}.right-heading{padding-left:20px}.icon-button{color:#929d9f;background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.icon-button:hover{color:#eee}.right-body{padding:20px}.metric-label{color:#aeb9ba}.metric-label span{color:#697879;letter-spacing:.1em;font-size:8px}.metrics{background:#232b2e;border:1px solid #394345;border-radius:7px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.metrics>div{flex-direction:column;gap:8px;padding:14px 12px;display:flex}.metrics>div+div{border-left:1px solid #394345}.metrics span{color:#8e9d9f;font-size:10px}.metrics strong{color:#f1f2ed;letter-spacing:-.04em;font-size:23px;font-weight:500;line-height:1}.metrics small{color:#9eacaa;font-size:11px;font-weight:400}.estimate{background:#2a3734;border:1px solid #45574f;border-radius:6px;margin-top:8px;padding:12px}.estimate>div{justify-content:space-between;align-items:center;display:flex}.estimate>div span{color:#b8cbc1;align-items:center;gap:5px;font-size:10px;display:flex}.estimate strong{color:#e3eee4;font-size:16px}.estimate p{color:#849c90;margin:6px 0 0;font-size:9px}.config-section{border-top:1px solid #343e3f;margin-top:22px;padding-top:23px}.section-title,.section-title>div{align-items:center;display:flex}.section-title{justify-content:space-between;margin-bottom:8px}.section-title>div{gap:8px}.section-title h3{color:#ecf1ed;margin:0;font-size:12px;font-weight:600}.section-number{color:#83a393;font-size:9px;font-weight:700}.section-sub{color:#6d7b7c;letter-spacing:.08em;font-size:8px}.segment-list{gap:5px;margin:13px 0 8px;display:grid}.segment{background:#222a2c;border:1px solid #394244;border-radius:6px;align-items:center;gap:4px;padding:6px;display:flex}.segment.active{background:#2b3534;border-color:#829f8d}.segment-select{color:#dce3df;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:7px;padding:3px 2px;font-size:10px;display:flex}.segment-select small{color:#8d9a97;margin-top:2px;font-size:9px;display:block}.segment-dot{background:#698578;border-radius:50%;width:7px;height:7px}.segment.active .segment-dot{background:#e8b47e}.selected-label{color:#b2c9b7;margin-left:auto;font-size:8px}.stepper{border:1px solid #495253;border-radius:4px;height:26px;display:flex;overflow:hidden}.stepper button{color:#d8e3dc;background:#303b3c;border:0;width:24px}.stepper input{text-align:center;appearance:textfield;color:#e5eae5;background:#242e30;border:0;width:30px;font-size:10px}.stepper input::-webkit-inner-spin-button{appearance:none}.secondary-button{color:#c3d1cb;background:0 0;border:1px solid #485758;border-radius:5px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:10px;display:flex}.secondary-button:hover{background:#2c3737}.helper{color:#788987;margin:8px 0 0;font-size:9px;line-height:1.6}.text-button{color:#96a6a1;background:0 0;border:0;align-items:center;gap:4px;font-size:9px;display:flex}.select-wrap{margin-top:12px;position:relative}.select-wrap select{color:#d4dcda;appearance:none;background:#283133;border:1px solid #404c4d;border-radius:5px;width:100%;padding:8px;font-size:10px}.select-wrap svg{color:#9ca9a5;pointer-events:none;position:absolute;top:8px;right:8px}.coordinate-grid{gap:8px;margin-top:8px;display:flex}.coordinate-grid label{border:1px solid #404c4d;border-radius:5px;align-items:center;width:50%;padding-left:8px;display:flex}.coordinate-grid span{color:#a3b0aa;font-size:10px}.coordinate-grid small{color:#6a7c77}.coordinate-grid input{color:#e5eae5;text-align:right;background:0 0;border:0;width:100%;min-width:0;padding:8px;font-size:10px}.swatches{gap:7px;margin:13px 0 20px;display:flex}.swatch,.custom-color{border:2px solid #0000;border-radius:50%;width:25px;height:25px}.swatch.active{outline-offset:2px;outline:1px solid #f4e1c5}.custom-color{color:#a8b5ad;border:1px solid #59645f;place-items:center;display:grid;position:relative;overflow:hidden}.custom-color input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.slider-row{margin:13px 0;display:block}.slider-row span{color:#aab7b2;justify-content:space-between;font-size:10px;display:flex}.slider-row b{color:#e2e9e2;font-weight:500}.slider-row input{accent-color:#a8bda8;width:100%;height:4px;margin:12px 0 0}.right-footer{justify-content:space-between}.right-footer button{color:#a2ada9;background:0 0;border:0;align-items:center;gap:5px;font-size:9px;display:flex}.right-footer span{letter-spacing:.08em;font-size:8px}.loading,.viewer-error{color:#74827c;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.viewer-error{color:#a14a3d;text-align:center;padding:30px}.mobile-nav{display:none}@media (max-width:1000px){.workspace{grid-template-columns:205px minmax(0,1fr) 280px}.topbar{padding:0 16px}.view-top{left:22px;right:22px}.view-bottom{left:20px;right:20px}.view-hint span:last-child,.hint-divider,.view-coordinates{display:none}}@media (max-width:900px){.workspace{display:block;position:relative}.workspace>.panel,.workspace>.viewport{display:none;position:absolute;inset:0}.workspace>.mobile-open{display:flex}.workspace>.viewport.mobile-open{display:block}.panel-body{padding:18px 22px}.panel-heading{padding:20px 22px}.mobile-nav{background:#1b2023;border-top:1px solid #394143;height:54px;display:flex}.mobile-nav button{color:#c4cfca;background:0 0;border:0;width:33.333%;font-size:11px}.brand-project,.top-status .top-divider,.top-status .status-dot{display:none}.view-top h1{font-size:24px}}.estimate p+p{line-height:1.5}.estimate a{color:#c6dccb;text-decoration:underline}.material-name{color:#c5d1ca;margin:12px 0 0;font-size:10px}.limit-warning{color:#f2d2a0;background:#40362a;border:1px solid #997b55;border-radius:5px;margin:0 0 12px;padding:10px;font-size:10px;line-height:1.5}.material-length{color:#94a7a0;margin:8px 0 0;font-size:10px;line-height:1.5}.material-length strong{color:#dbe7dc;font-weight:600}.coordinate-caption{color:#82938f;margin-top:11px;font-size:9px}.workspace{grid-template-columns:minmax(0,1fr) 310px}.material-first{border-top:0;margin-top:0;padding-top:0}.wall-section .wall-list{margin-top:12px}.point-notice{color:#d7eada;background:#29392f;border:1px solid #607c6a;border-radius:5px;margin:12px 0;padding:10px;font-size:10px;line-height:1.5}.delete-point{margin-top:6px}.mobile-nav button{width:50%}@media (max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 300px}}@media (max-width:900px){.workspace{display:block}}.scene-toast{z-index:3;color:#355345;pointer-events:none;background:#eef6eede;border:1px solid #9bb9a2;border-radius:6px;max-width:280px;padding:10px 12px;font-size:11px;position:absolute;top:135px;left:35px}.scene-warning{color:#7c4c24;background:#fff4dfeb;border-color:#c89662}.view-toolbar{z-index:4;gap:6px;display:flex;position:absolute;top:72px;right:35px}.view-toolbar button{color:#4e6257;background:#f7f8f3eb;border:1px solid #c8cec6;border-radius:5px;align-items:center;gap:6px;padding:7px 9px;font-size:10px;font-weight:600;display:flex}.view-toolbar button:hover{background:#fff}@media (max-width:600px){.view-toolbar{top:100px;right:18px}.scene-toast{max-width:230px;top:145px;left:18px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
