:root{color:#20242a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#e9edf1;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden}button,input,select{color:inherit;font:inherit;letter-spacing:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #2f6fcb;outline-offset:2px}button{-webkit-tap-highlight-color:transparent}.app{display:grid;grid-template-rows:58px minmax(0,1fr);width:100%;height:100%;background:#e9edf1;overflow:hidden}.topbar{z-index:5;display:flex;align-items:center;gap:16px;min-width:0;padding:0 14px;border-bottom:1px solid #cfd5dc;background:#fff}.brand{display:flex;align-items:center;gap:8px;min-width:174px;white-space:nowrap}.brand>svg{color:#d79b12}.brand strong{font-size:16px;font-weight:750}.brand span{color:#68717d;font-size:12px}.project-bar,.top-actions{display:flex;align-items:center;gap:6px;min-width:0}.project-bar{flex:1 1 480px}.project-bar select,.project-bar input,.background-select{height:34px;border:1px solid #cfd5dc;border-radius:6px;background:#f7f8fa}.project-bar select{width:150px;padding:0 28px 0 9px}.project-bar input{width:min(210px,24vw);min-width:110px;padding:0 10px;font-weight:650}.top-actions{flex:0 1 auto;justify-content:flex-end}.icon-button{display:inline-grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid #cfd5dc;border-radius:6px;background:#fff;cursor:pointer}.icon-button:hover:not(:disabled),.inspector-action:hover:not(:disabled){border-color:#969faa;background:#f3f5f7}.icon-button:disabled,.inspector-action:disabled,.primary-action:disabled{cursor:not-allowed;opacity:.42}.icon-button svg,.primary-action svg,.inspector-action svg,.save-state svg{width:17px;height:17px;stroke-width:2}.save-state{display:flex;align-items:center;gap:5px;height:34px;padding:0 8px;color:#68717d;font-size:12px;white-space:nowrap}.save-state.saved svg{color:#278153}.save-state.error{color:#b23a32}.background-select{width:104px;padding:0 8px;font-size:12px}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 12px;border:1px solid #20242a;border-radius:6px;background:#20242a;color:#fff;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr) 260px;min-width:0;min-height:0}.library-panel,.inspector-panel{min-width:0;min-height:0;background:#fff}.library-panel{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:12px;padding:16px 14px 12px;border-right:1px solid #cfd5dc}.inspector-panel{padding:16px;border-left:1px solid #cfd5dc;overflow:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;min-height:34px}.panel-heading>div{display:grid;gap:2px;min-width:0}.panel-heading strong{font-size:14px}.panel-heading span{overflow:hidden;color:#68717d;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.search-field{position:relative;display:flex;align-items:center}.search-field svg{position:absolute;left:10px;width:16px;color:#7a838e;pointer-events:none}.search-field input,.template-field select{width:100%;height:38px;border:1px solid #cfd5dc;border-radius:6px;background:#f7f8fa}.search-field input{padding:0 10px 0 34px}.template-field{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px}.template-field>span,.section-label{color:#68717d;font-size:12px}.template-field select{padding:0 9px}.categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding-bottom:2px}.category-button{min-width:0;height:32px;padding:0 4px;border:1px solid transparent;border-radius:5px;background:transparent;color:#68717d;cursor:pointer;font-size:12px}.category-button:hover{background:#f1f3f5}.category-button.active{border-color:#d6b25f;background:#fff6d9;color:#292d32;font-weight:700}.palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-width:0;min-height:0;padding:1px 4px 12px 0;overflow:auto}.part{display:grid;grid-template-rows:48px auto auto;gap:2px;min-width:0;min-height:92px;padding:8px;border:1px solid #d8dde3;border-radius:6px;background:#fff;color:#20242a;cursor:grab;text-align:left}.part:hover{border-color:#aeb6bf;background:#fafbfc}.part.active{border-color:#c18a0c;box-shadow:inset 0 0 0 1px #c18a0c}.part:active{cursor:grabbing}.part>span:not(.part-thumbnail){overflow:hidden;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.part small{overflow:hidden;color:#747d88;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.part-thumbnail{position:relative;display:grid;place-items:center;width:100%;height:48px;overflow:hidden;background:#f0f2f4;border-radius:4px}.part-thumbnail>span{position:relative;display:block;max-width:64px;border:1px solid #bd8020;border-radius:2px;background:#e7aa35;box-shadow:inset 0 -3px #73480626;transform:skewY(-4deg)}.part-thumbnail>span:before{position:absolute;top:-6px;left:2px;width:calc(100% - 4px);height:6px;border-bottom:1px solid #bd8020;background:radial-gradient(circle at 6px 3px,#f1bc51 0 3px,transparent 3.5px) 0 0 / 12px 6px repeat-x;content:""}.part-thumbnail.tile>span:before,.part-thumbnail.slope>span:before{display:none}.part-thumbnail.slope>span{clip-path:polygon(0 72%,100% 0,100% 100%,0 100%)}.part-thumbnail.round>span{border-radius:50%}.part-thumbnail.corner>span{clip-path:polygon(0 0,100% 0,100% 45%,48% 45%,48% 100%,0 100%)}.part-thumbnail.arch>span{clip-path:polygon(0 0,100% 0,100% 100%,78% 100%,75% 45%,25% 45%,22% 100%,0 100%)}.part-thumbnail.window>span,.part-thumbnail.door>span{border-width:4px;background:#7ec7e473;box-shadow:none}.part-thumbnail.wheel>span{border:5px solid #30343a;border-radius:12px;background:#d8a72c}.empty-state{grid-column:1 / -1;margin:28px 0;color:#7a838e;font-size:13px;text-align:center}.canvas-shell,.scene{position:relative;min-width:0;min-height:0}.scene{width:100%;height:100%;overflow:hidden}.scene canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none}.view-toolbar{position:absolute;bottom:16px;left:50%;z-index:2;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #cbd1d8;border-radius:7px;background:#fffffff0;box-shadow:0 4px 16px #282f371f;transform:translate(-50%)}.view-toolbar>span{width:1px;height:22px;margin:0 2px;background:#d9dee4}.placement-feedback{position:absolute;top:16px;left:50%;z-index:3;display:flex;align-items:center;gap:6px;height:32px;padding:0 11px;border:1px solid currentColor;border-radius:6px;background:#fffffff0;font-size:12px;font-weight:700;pointer-events:none;transform:translate(-50%)}.placement-feedback.valid{color:#247a4c}.placement-feedback.invalid{color:#b23a32}.property-section{display:grid;gap:12px;padding:18px 0;border-bottom:1px solid #e2e6ea}.swatches{display:grid;grid-template-columns:repeat(4,34px);gap:10px}.swatch{position:relative;width:34px;height:34px;padding:0;border:2px solid #d7dce2;border-radius:50%;cursor:pointer}.swatch.active{border-color:#20242a;box-shadow:0 0 0 2px #fff inset}.property-row{display:flex;align-items:center;justify-content:space-between;font-size:13px}.property-row strong{font-variant-numeric:tabular-nums}.inspector-action{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;min-height:38px;padding:0 11px;border:1px solid #cfd5dc;border-radius:6px;background:#fff;cursor:pointer;font-size:13px}.inspector-action.danger{border-color:#e0b7b4;color:#a3322b}.selection-actions{gap:8px}.locked-note{margin:4px 0 0;color:#7a838e;font-size:12px}.notice{position:fixed;right:18px;bottom:18px;z-index:20;max-width:min(420px,calc(100vw - 36px));padding:11px 14px;border:1px solid #b9c0c8;border-radius:6px;background:#20242a;color:#fff;box-shadow:0 8px 24px #171d2333;font-size:13px}.fatal-error{display:grid;place-items:center;width:100%;height:100%;padding:24px;background:#eef1f4}.fatal-error>div{width:min(520px,100%);padding-left:22px;border-left:4px solid #d79b12}.fatal-error span{color:#68717d;font-size:13px;font-weight:700}.fatal-error h1{margin:10px 0 8px;font-size:24px}.fatal-error p{margin:0 0 20px;color:#5f6873;line-height:1.6}.fatal-error button{min-height:38px;padding:0 14px;border:1px solid #20242a;border-radius:6px;background:#20242a;color:#fff;cursor:pointer}@media(max-width:1280px){.workspace{grid-template-columns:286px minmax(0,1fr) 236px}.brand{min-width:auto}.brand strong{display:none}.save-state{width:30px;padding:0 6px;overflow:hidden;color:transparent}.save-state svg{flex:0 0 17px}}@media(max-width:1020px){.topbar{gap:8px;padding:0 8px}.project-bar input,.top-actions .background-select{display:none}.workspace{grid-template-columns:248px minmax(0,1fr) 218px}.library-panel,.inspector-panel{padding-right:10px;padding-left:10px}.palette{grid-template-columns:1fr}}@media(max-width:700px){.app{grid-template-rows:50px minmax(0,1fr)}.topbar{overflow-x:auto}.brand,.project-bar .icon-button,.top-actions .save-state,.top-actions>.icon-button,.top-actions>.background-select,.top-actions>.primary-action{display:none}.project-bar{flex:1 0 190px}.project-bar select{width:100%}.workspace{grid-template-columns:1fr}.library-panel,.inspector-panel{display:none}.view-toolbar{bottom:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}