.builder-app{font:12px Inter,system-ui,sans-serif;background:#0e1e2a;color:#dce7f2;height:100vh;display:flex;flex-direction:column;overflow:hidden}.builder-app *{box-sizing:border-box}.builder-app button,.builder-app select,.builder-upload{border:1px solid #385268;border-radius:5px;background:#203647;color:#e5eef7;padding:7px 9px;font:inherit;cursor:pointer}.builder-app button:hover,.builder-upload:hover{border-color:#65adf2}.builder-app button.active,.builder-app tr.active,.builder-floor.active{background:#0879ce!important;color:white}.builder-app button:disabled{opacity:.4;cursor:default}.builder-app input:not([type=checkbox]):not([type=file]),.builder-app select{width:100%;min-width:0;background:#0c1c29;color:#e5edf5;border:1px solid #3a5368;border-radius:4px;padding:7px;font:inherit}.builder-app input[type=color]{height:32px}.builder-app input[type=checkbox]{accent-color:#168ae8}.builder-app label{display:block;font-size:11px;color:#b8cbdc;margin:8px 0}.builder-app label input,.builder-app label select{margin-top:4px}.builder-app label.inline{display:flex;align-items:center;gap:5px;margin:0;white-space:nowrap}.builder-app .inline select{width:auto}.builder-app fieldset{padding:0;border:0;margin:0;min-width:0}.builder-app p{font-size:11px;color:#a8bfce;line-height:1.5}.builder-app h3{font-size:12px;margin:0 0 9px;display:flex;align-items:center;justify-content:space-between}.builder-app h4{font-size:11px;margin:16px 0 6px;color:#91bada}.builder-top{padding:10px 14px;gap:20px;background:#091621;border-bottom:1px solid #2b4051;flex-wrap:wrap}.builder-brand,.builder-top{display:flex;align-items:center}.builder-brand{gap:10px;margin-right:auto}.builder-brand b{font-size:21px;letter-spacing:1px}.builder-brand span{color:#aac0d1}.builder-top nav{display:flex;gap:4px}.builder-top a{color:#a6cbef;text-decoration:none}.builder-status{display:flex;justify-content:space-between;gap:12px;padding:8px 14px;background:#163043;color:#c8e4fa;font-size:11px;min-height:32px}.builder-status span:first-child{max-width:75%}.builder-shell{display:grid;grid-template-columns:215px minmax(400px,1fr) 255px;min-height:0;flex:1 1}.builder-left,.builder-right{overflow:auto;background:#112431;scrollbar-width:thin;scrollbar-color:#48657b #112431}.builder-left{border-right:1px solid #334c5e}.builder-right{border-left:1px solid #334c5e}.builder-left section,.builder-right section{padding:13px;border-bottom:1px solid #334c5e}.builder-floor{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;margin-bottom:4px;background:#172e3e!important}.builder-floor span{font-size:10px;opacity:.7}.builder-work{display:flex;flex-direction:column;min-width:0;min-height:0}.builder-toolbar{padding:8px;background:#183041;border-bottom:1px solid #3d5365;display:grid;grid-gap:7px;gap:7px}.builder-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.builder-actions button{font-size:10px}.builder-actions>select{width:auto}.builder-actions>label:not(.inline){max-width:180px}.builder-actions>span{font-size:10px;color:#a6becf}.builder-viewport{display:flex;flex:1 1;min-height:200px;position:relative;overflow:hidden;background:#edf2f6}.builder-viewport.split>*{width:50%}.builder-plan{width:100%;height:100%;position:relative;min-width:0;min-height:0;overflow:hidden}.builder-plan>svg{width:100%;height:100%;display:block;touch-action:none}.builder-plan-controls{position:absolute;top:8px;left:8px;z-index:1;display:flex;align-items:center;gap:8px;color:#3f607b;font-size:10px;pointer-events:none}.builder-plan-controls button{pointer-events:auto;font-size:10px;padding:4px 6px}.builder-coordinates{position:absolute;bottom:0;left:0;right:0;pointer-events:none;background:#fffdf0e8;color:#66502a;padding:5px 8px;font:10px monospace}.builder-plan path:hover{stroke-opacity:1}.builder-3d{width:100%;height:100%;position:relative;min-width:0}.builder-3d canvas{display:block;width:100%;height:100%}.builder-3d p{color:#a33030;padding:20px}.builder-viewbar{display:flex;gap:10px;padding:7px 10px;background:#102534;align-items:center;flex-wrap:wrap}.builder-viewbar select{width:auto}.builder-upload{display:block!important;text-align:center}.builder-upload input{display:none}.builder-gridrow{display:flex;align-items:flex-end;gap:6px}.builder-gridrow label{flex:1 1}.builder-gridrow button{margin-bottom:8px}.builder-id{font-size:9px!important;overflow-wrap:anywhere;color:#7492a8!important}.builder-app .danger{margin-top:15px;border-color:#85544c;color:#ffc4b7;font-size:10px}.builder-right section>button{display:block;width:100%;margin:6px 0}.builder-table{max-height:230px;overflow:auto;border-top:1px solid #456078;background:#132b3b}.builder-table table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap}.builder-table td,.builder-table th{padding:7px 10px;text-align:left;border-bottom:1px solid #294456}.builder-table tr{cursor:pointer}.builder-table th{position:-webkit-sticky;position:sticky;top:0;background:#0b2131}.builder-warnings{background:#493c24}.builder-warnings p{color:#f3d794}.builder-loading{padding:40px;font-family:system-ui}.builder-top{padding:8px 12px;gap:10px;flex-wrap:nowrap;min-height:52px}.builder-top .builder-project{width:240px;max-width:25vw}.builder-top .builder-brand{margin-right:auto}.builder-modebar{display:flex;align-items:center;gap:22px;padding:6px 12px;background:#112431;border-bottom:1px solid #334c5e}.builder-modebar nav{display:flex;gap:4px}.builder-modebar button{min-width:66px}.builder-status{flex-shrink:0;min-height:30px;align-items:center;background:#091a27}.builder-work{position:relative}.builder-toolbar{padding:0;border:0;display:block;position:absolute;inset:42px 0 32px;z-index:8;pointer-events:none;background:transparent}.builder-toolbar>*{pointer-events:auto}.builder-toolbar>.builder-actions{position:absolute;top:54px;left:72px;padding:7px;background:#112431;border-radius:5px;flex-wrap:nowrap}.builder-toolbar>.builder-actions>span{display:none}.builder-toolbar>.builder-actions select{max-width:220px}.palette-creation{z-index:2}.builder-toolbar>label{position:absolute;top:100px;left:75px;background:#112431;padding:8px}.builder-palette{position:absolute;display:flex;align-items:center;gap:3px;padding:4px;background:#142b3bed;border:1px solid #3c586d;border-radius:7px;box-shadow:0 3px 12px #07172240;touch-action:none}.palette-creation{left:10px;top:58px;max-height:calc(100% - 65px)}.palette-creation.vertical .palette-items{overflow-y:auto;scrollbar-width:thin}.palette-navigation{top:10px;left:70px}.palette-drawing-aids{left:70px;bottom:12px}.builder-palette .palette-items{display:flex;gap:3px}.builder-palette.vertical,.builder-palette.vertical .palette-items{flex-direction:column}.builder-palette.square .palette-items{display:grid;grid-template-columns:repeat(3,36px)}.builder-palette.square{flex-direction:column}.builder-app .builder-icon{width:30px;height:30px;flex-shrink:0;padding:5px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent}.builder-app .builder-icon:hover{background:#2a465c}.palette-grip{cursor:-webkit-grab;cursor:grab;display:flex;align-items:center;padding:3px;color:#90aabc}.builder-app .palette-layout{border:0;padding:3px;background:transparent;color:#8eaabc;display:flex}.shape-flyout{position:absolute;left:calc(100% + 7px);top:60px;display:flex;padding:5px;background:#132b3b;border-radius:6px;box-shadow:0 3px 12px #07172240}.horizontal .shape-flyout,.square .shape-flyout{top:calc(100% + 5px);left:0}.draft-actions{position:absolute;top:146px;left:70px;display:flex;gap:5px}.builder-plan-controls{top:auto;left:auto;bottom:38px;right:10px}.builder-plan-controls button{background:#173449}.builder-viewbar{min-height:42px;padding:6px 10px;border-bottom:1px solid #334c5e}.builder-floor{padding:12px!important;margin-bottom:6px;border-radius:6px!important}.builder-floor b{font-size:12px}.builder-floor span{line-height:1.8;opacity:.85}.floor-actions{display:flex;gap:5px;margin:12px 0 2px}.floor-actions button{flex:1 1}.builder-app details{border-bottom:1px solid #304a5d;padding:9px 0}.builder-app summary{cursor:pointer;font-weight:600;padding:5px 0}.builder-app .model-menu{padding:12px}.model-menu>button{margin:5px 0;width:100%}.builder-coordinates{font-size:11px;padding:8px;background:#e7eef4f2;color:#25445b}.builder-table{max-height:180px}.builder-work:has(.builder-table) .builder-toolbar{bottom:212px}.builder-table{height:180px;flex-shrink:0}.table-tabs{display:flex;gap:4px;padding:5px;position:-webkit-sticky;position:sticky;left:0}.builder-table th{position:static}.builder-modal{color:#e1edf7;background:#112431;border:1px solid #52718a;border-radius:10px;padding:22px;width:min(800px,90vw);max-height:85vh;overflow:auto;box-shadow:0 20px 70px #0008}.builder-modal::-webkit-backdrop{background:#06121db5}.builder-modal::backdrop{background:#06121db5}.builder-modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.builder-modal h2{font-size:18px;margin:0}.builder-modal footer{display:flex;justify-content:flex-end;gap:10px;padding-top:12px}.setup-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.setup-columns section{padding:8px 0}.setup-preview{width:100%;height:140px;background:#eaf1f6;border-radius:5px}.setup-preview line{stroke:#758c9e;stroke-width:1;stroke-dasharray:4 3}.builder-error{color:#ffb4a5!important}.builder-app button:focus-visible,.builder-app summary:focus-visible{outline:2px solid #66b7ff;outline-offset:2px}@media (max-width:1000px){.builder-shell{grid-template-columns:180px minmax(350px,1fr) 220px}.builder-top{gap:8px}.builder-app{min-width:780px}.builder-status{font-size:10px}}.column-preview{width:100%;height:220px;background:#eaf1f6;border-radius:5px}