body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.design-layout{height:100%;display:flex}.design-layout__main{flex-direction:column;flex:1;min-width:0;display:flex}.app-shell{color:#111827;background:#f3f4f6;flex-direction:column;width:100vw;height:100vh;display:flex}.app-shell__topbar{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:24px;height:52px;padding:0 20px;display:flex}.app-shell__title{font-size:15px;font-weight:600}.app-shell__tabs{gap:4px;display:flex}.app-shell__tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:8px 14px;font-size:14px}.app-shell__tab.is-active{color:#4338ca;background:#eef2ff;font-weight:600}.app-shell__body{flex:1;min-height:0;overflow:hidden}.building-setup-page{justify-content:center;align-items:center;height:100%;display:flex;overflow:auto}.building-setup{background:#fff;border-radius:12px;flex-direction:column;gap:14px;width:360px;padding:28px;display:flex;box-shadow:0 1px 3px #0000001a}.building-setup h1{margin:0;font-size:18px}.building-setup__hint{color:#6b7280;margin:0 0 6px;font-size:13px;line-height:1.5}.building-setup label{color:#374151;flex-direction:column;gap:6px;font-size:13px;display:flex}.building-setup input{border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-size:14px}.building-setup button[type=submit]{color:#fff;cursor:pointer;background:#4338ca;border:none;border-radius:6px;margin-top:8px;padding:10px;font-size:14px;font-weight:600}.building-setup button[type=submit]:hover{background:#3730a3}.building-setup__section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.building-setup__section h2{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:12px}.building-setup input[type=file]{border:none;padding:4px 0;font-size:12px}.building-setup__note{color:#9ca3af;margin:0;font-size:11px;line-height:1.5}.floor-panel{background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:200px;padding:16px;display:flex;overflow-y:auto}.floor-panel h2{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:13px}.floor-panel__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.floor-panel__item{cursor:pointer;text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px;font-size:14px;font-weight:600}.floor-panel__item.is-active{color:#fff;background:#4338ca;border-color:#4338ca}.floor-panel__summary{color:#6b7280;border-top:1px solid #e5e7eb;flex-direction:column;gap:6px;margin-top:16px;padding-top:16px;font-size:12px;display:flex}.floor-panel__reset{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;margin-top:6px;padding:8px;font-size:12px}.palette{background:#fff;border-right:1px solid #e5e7eb;flex-shrink:0;width:190px;padding:16px;overflow-y:auto}.palette h2{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin:16px 0 8px;font-size:12px}.palette h2:first-child{margin-top:0}.palette__grid{flex-direction:column;gap:6px;display:flex}.palette__item{cursor:pointer;text-align:left;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:13px;display:flex}.palette__item:hover{background:#eef2ff;border-color:#c7d2fe}.palette__swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}.palette__item--generic{width:100%}.palette__thumb{object-fit:contain;flex-shrink:0;width:16px;height:16px}.palette__empty{color:#9ca3af;margin:0 0 8px;font-size:12px}.canvas-toolbar{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.canvas-toolbar--empty{color:#9ca3af;font-size:13px}.canvas-toolbar button,.canvas-toolbar select{cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;font-size:13px}.canvas-toolbar button:disabled,.canvas-toolbar select:disabled{opacity:.4;cursor:not-allowed}.canvas-toolbar button:hover:not(:disabled){background:#eef2ff;border-color:#c7d2fe}.object-detail-modal__backdrop{z-index:20;background:#11182759;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.object-detail-modal{background:#fff;border-radius:10px;flex-direction:column;gap:12px;width:320px;padding:20px;display:flex;box-shadow:0 10px 30px #0003}.object-detail-modal h2{margin:0 0 4px;font-size:15px}.object-detail-modal label{color:#374151;flex-direction:column;gap:4px;font-size:12px;display:flex}.object-detail-modal input,.object-detail-modal textarea{resize:vertical;border:1px solid #d1d5db;border-radius:6px;padding:6px 8px;font-family:inherit;font-size:13px}.object-detail-modal__row{gap:12px;display:flex}.object-detail-modal__row label{flex:1}.object-detail-modal__actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.object-detail-modal__actions button{color:#fff;cursor:pointer;background:#4338ca;border:none;border-radius:6px;padding:7px 16px;font-size:13px}.object-detail-modal__actions button:disabled{opacity:.4;cursor:not-allowed}.object-detail-modal__cancel{color:#374151!important;background:#f3f4f6!important}.design-canvas{background:#e5e7eb;flex:1;min-width:0;height:100%;position:relative}.product-panel{flex-direction:column;gap:20px;max-width:640px;height:100%;margin:0 auto;padding:24px;display:flex;overflow-y:auto}.product-panel__section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.product-panel__section h2{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:13px}.product-panel__dropzone{text-align:center;cursor:pointer;color:#6b7280;border:2px dashed #d1d5db;border-radius:8px;padding:20px;font-size:13px}.product-panel__dropzone:focus{outline-offset:2px;outline:2px solid #4338ca}.product-panel__preview img{object-fit:contain;max-width:160px;max-height:160px}.product-panel__preview p{margin:8px 0 0;font-size:12px}.product-panel__error{color:#dc2626}.product-panel__pending-actions{flex-direction:column;gap:8px;display:flex}.product-panel__pending-actions input[type=text]{border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-size:13px}.product-panel__pending-buttons{justify-content:flex-end;gap:8px;display:flex}.product-panel__generate-row{gap:8px;display:flex}.product-panel__generate-row input{border:1px solid #d1d5db;border-radius:6px;flex:1;padding:8px 10px;font-size:13px}.product-panel button{color:#fff;cursor:pointer;background:#4338ca;border:none;border-radius:6px;padding:7px 14px;font-size:13px}.product-panel button:disabled{opacity:.4;cursor:not-allowed}.product-panel__pending-buttons button:first-child{color:#374151;background:#f3f4f6}.product-panel__caption,.product-panel__hint{color:#9ca3af;margin:0;font-size:11px}.product-panel__empty{color:#9ca3af;margin:0;font-size:13px}.product-panel__grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.product-panel__card{text-align:center;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:8px;display:flex}.product-panel__card img{object-fit:contain;width:60px;height:60px}.product-panel__swatch{color:#fff;background:#93c5fd;border-radius:6px;justify-content:center;align-items:center;width:60px;height:60px;font-weight:600;display:flex}.product-panel__card span{color:#374151;word-break:break-word;font-size:11px}.product-panel__card button{color:#374151;background:#f3f4f6;padding:4px 8px;font-size:11px}