*{box-sizing:border-box}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#eef1f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #cbd2da;border-radius:10px;padding:10px 12px;transition:all .12s}button:hover{border-color:#9ca6b2;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.48;transform:none}button.primary{color:#fff;background:#111827;border-color:#111827}button.ghost{background:0 0}button.danger{color:#a02727}input[type=number]{color:#111827;background:#fff;border:1px solid #cbd2da;border-radius:10px;width:100%;min-width:0;padding:10px 12px}input[type=color]{background:#fff;border:1px solid #cbd2da;border-radius:10px;width:54px;min-width:54px;height:42px;padding:3px}input[type=file]{color:#4b5563;width:100%;font-size:13px}#app{grid-template-columns:330px minmax(0,1fr);width:100vw;height:100vh;display:grid;overflow:hidden}.sidebar{z-index:2;background:#fafbfcfa;border-right:1px solid #d9dee5;flex-direction:column;gap:14px;padding:22px;display:flex;overflow-y:auto;box-shadow:6px 0 22px #1118270a}.eyebrow{color:#687386;letter-spacing:.14em;margin:0 0 6px;font-size:11px;font-weight:800}h1{color:#111827;margin:0;font-size:24px;line-height:1.12}h2{color:#222b3b;margin:0 0 11px;font-size:14px}.muted{color:#667085;margin:10px 0 0;font-size:13px;line-height:1.5}.panel-card{background:#fff;border:1px solid #dde2e8;border-radius:14px;flex-direction:column;gap:9px;padding:14px;display:flex}.collapsible-panel{flex-direction:column;gap:9px;display:flex}.panel-summary{color:#222b3b;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;margin:0 0 2px;padding:0;font-size:14px;font-weight:800;list-style:none;display:flex}.panel-summary::-webkit-details-marker{display:none}.panel-chevron{border-bottom:2px solid #7a8494;border-right:2px solid #7a8494;flex:none;width:8px;height:8px;transition:transform .16s;transform:rotate(45deg)translate(-1px,-1px)}.collapsible-panel[open]>.panel-summary .panel-chevron{transform:rotate(225deg)translate(-1px,-1px)}.panel-card-content{flex-direction:column;gap:9px;padding:0;display:flex}.collapsible-panel:not([open])>.panel-card-content{display:none}.panel-card.compact{padding-bottom:10px}.panel-card label{color:#596477;font-size:12px;font-weight:700}.panel-card ul{color:#5e6878;margin:0;padding-left:18px;font-size:12px;line-height:1.7}.stand-setup-card{gap:11px}.stand-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stand-type-card{color:#364152;text-align:center;background:#f8fafc;border:2px solid #d9dee5;border-radius:11px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:8px 7px 9px;font-size:11px;font-weight:750;line-height:1.15;display:flex}.stand-type-card:hover{background:#fff;border-color:#aeb7c4;transform:none}.stand-type-card[aria-pressed=true]{color:#9a3412;background:#fff8f2;border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.stand-type-thumb{width:100%;height:56px;display:block}.stand-thumb-floor{fill:#eef2f5;stroke:#cbd3dc;stroke-width:1.5px}.stand-thumb-wall{fill:none;stroke:#596477;stroke-width:5px;stroke-linecap:square;stroke-linejoin:miter}.stand-type-card[aria-pressed=true] .stand-thumb-wall{stroke:#f97316}.stand-thumb-island{stroke-dasharray:4 3}.stand-thumb-island-core{fill:#fff;stroke:#7b8794;stroke-width:2px;stroke-dasharray:4 3}.stand-type-card[aria-pressed=true] .stand-thumb-island-core{stroke:#f97316}.stand-size-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stand-size-field{flex-direction:column;gap:5px;min-width:0;display:flex}.stand-limit-note{color:#7a8494;margin:-2px 0 0;font-size:10px;line-height:1.4}.row{align-items:center;gap:8px;display:flex}.row>button{flex:1}.button-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.status{color:#5b6676;min-height:18px;margin:0;font-size:12px;line-height:1.45}.status.error{color:#b42318}.section-divider{background:#e7eaf0;height:1px;margin:2px 0}.asset-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:190px;padding:2px;display:grid;overflow-y:auto}.asset-empty{color:#7b8493;text-align:center;border:1px dashed #d4dae2;border-radius:9px;grid-column:1/-1;margin:0;padding:10px;font-size:11px;line-height:1.4}.asset-tile{background:#f7f8fa;border:2px solid #0000;border-radius:9px;flex-direction:column;gap:4px;min-width:0;padding:4px;display:flex}.asset-tile:hover{border-color:#a8b2c0;transform:none}.asset-tile.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.asset-tile img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:5px;width:100%;display:block}.asset-tile span{color:#596477;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.2;overflow:hidden}.viewport-wrap{background:#f4f6f8;min-width:0;min-height:0;position:relative}#viewport{width:100%;height:100%}#viewport canvas{outline:none;width:100%;height:100%;display:block}.viewport-empty{z-index:5;background:#f4f6f8;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.viewport-empty[hidden]{display:none}.viewport-empty-card{color:#667085;text-align:center;background:#ffffffb8;border:1px dashed #cbd3dc;border-radius:16px;flex-direction:column;gap:8px;width:min(420px,100%);padding:22px;display:flex}.viewport-empty-card strong{color:#273142;font-size:16px}.viewport-empty-card span{font-size:12px;line-height:1.55}.viewport-toolbar{z-index:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#111827c7;border:1px solid #ffffffb3;border-radius:999px;gap:12px;padding:9px 12px;font-size:11px;display:flex;position:absolute;top:16px;right:16px}.viewport-toolbar[hidden]{display:none}.view-cube{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;background:#ffffffd1;border:1px solid #94a3b88c;border-radius:11px;flex-direction:column;align-items:center;gap:4px;width:108px;padding:5px;display:flex;position:absolute;top:58px;right:18px;box-shadow:0 8px 24px #0f172a1c}.view-cube-canvas{touch-action:none;border-radius:8px;width:96px;height:96px;overflow:hidden}.view-cube-canvas canvas{cursor:grab;width:96px!important;height:96px!important}.view-cube-canvas canvas:active{cursor:grabbing}.view-cube-home{color:#475569;background:#f8fafcf5;border-color:#cbd5e1;border-radius:7px;width:30px;height:24px;padding:0;font-size:15px;line-height:1}.view-cube-home:hover{background:#fff;border-color:#94a3b8;transform:none}.module-context-menu{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border:1px solid #94a3b89e;border-radius:12px;flex-direction:column;gap:3px;width:224px;padding:7px;display:flex;position:fixed;box-shadow:0 16px 42px #0f172a33}.module-context-menu[hidden],.module-picker-backdrop[hidden]{display:none}.module-context-title{color:#667085;text-overflow:ellipsis;white-space:nowrap;padding:7px 9px 8px;font-size:11px;font-weight:700;overflow:hidden}.module-context-menu button{color:#273142;text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:9px 10px;font-size:12px}.module-context-menu button:hover{background:#f1f4f7;transform:none}.module-context-menu button.danger{color:#b42318}.module-context-menu button.danger:hover{background:#fff1f0}.module-context-separator{background:#e5e9ef;height:1px;margin:3px 4px}.module-picker-backdrop{z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a47;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.module-picker{background:#fff;border:1px solid #d8dee7;border-radius:16px;width:min(760px,100%);max-height:min(720px,100vh - 40px);padding:18px;overflow-y:auto;box-shadow:0 24px 80px #0f172a38}.module-picker-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.module-picker-eyebrow{color:#7a8494;letter-spacing:.14em;margin:0 0 5px;font-size:10px;font-weight:800}.module-picker h3{color:#172033;margin:0;font-size:18px}.module-picker-context{color:#667085;margin:6px 0 0;font-size:12px}.module-picker-close{border-radius:9px;width:34px;height:34px;padding:0;font-size:22px;line-height:1}.module-picker-close:hover{transform:none}.module-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.module-catalog-card{text-align:left;background:#fbfcfd;border:2px solid #d8dee7;border-radius:14px;flex-direction:column;align-items:stretch;gap:12px;min-width:0;min-height:212px;padding:12px;display:flex}.module-catalog-card:hover{background:#fff;border-color:#aeb7c4;transform:none}.module-catalog-card.selected{background:#fffaf5;border-color:#f97316;box-shadow:0 0 0 3px #f9731624}.module-catalog-card-title{color:#1f2937;font-size:13px;line-height:1.35}.module-card-preview{background:linear-gradient(#f5f7fa 0%,#eef2f6 100%);border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:150px;padding:10px;display:flex}.module-card-flat-panel{border:5px solid var(--aluminum-profile-color);background:#fff;flex-direction:column;min-width:30px;height:132px;display:flex;overflow:hidden;box-shadow:5px 7px 12px #0f172a1f}.module-card-strip{border-bottom:2px solid var(--aluminum-profile-color);background:#fff;flex:1}.module-card-strip:last-child{border-bottom:0}.module-picker-footer{border-top:1px solid #e6eaf0;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;display:flex}.module-picker-footer button{min-width:100px}@media (width<=760px){#app{grid-template-rows:minmax(330px,58vh) auto;grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.viewport-wrap{grid-row:1;min-height:330px}.sidebar{border-top:1px solid #d9dee5;border-right:0;grid-row:2;overflow:visible}.viewport-toolbar{gap:8px;font-size:10px;top:10px;right:10px}.view-cube{width:92px;padding:4px;top:54px;right:10px}.view-cube-canvas,.view-cube-canvas canvas{width:82px!important;height:82px!important}.module-context-menu{width:210px}.module-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.module-picker-backdrop{padding:10px}.module-picker{padding:14px}.module-catalog-grid{gap:8px}.module-catalog-card{min-height:190px;padding:9px}.module-card-preview{min-height:132px;padding:7px}.module-card-flat-panel{height:116px}}.project-card input,.project-card select{width:100%}.project-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.project-actions button{width:100%}.viewport-render-button{white-space:nowrap;pointer-events:auto;margin-left:auto;font-weight:700}.project-loading-overlay{z-index:10050;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a6b;place-items:center;display:grid;position:fixed;inset:0}.project-loading-overlay[hidden]{display:none}.project-loading-card{color:#111827;background:#fffffff7;border-radius:14px;justify-items:center;gap:8px;min-width:240px;padding:22px 26px;display:grid;box-shadow:0 18px 50px #0f172a3d}.project-loading-card span{color:#64748b;font-size:12px}.project-loading-spinner{border:3px solid #dbe3ee;border-top-color:#111827;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite project-loading-spin}@keyframes project-loading-spin{to{transform:rotate(360deg)}}.color-editor{background:#f8fafc;border:1px solid #e1e6ec;border-radius:11px;gap:9px;padding:10px;display:grid}.color-editor-row{gap:7px;display:grid}.color-editor-row.hex{grid-template-columns:1fr}.color-editor-row.rgb{grid-template-columns:repeat(3,minmax(0,1fr))}.color-editor-row.cmyk{grid-template-columns:repeat(4,minmax(0,1fr))}.color-editor-field{gap:4px;min-width:0;display:grid}.color-editor-field>span{color:#687386;letter-spacing:.08em;font-size:10px;font-weight:800}.color-editor input[type=text],.color-editor input[type=number]{color:#172033;background:#fff;border:1px solid #cbd2da;border-radius:8px;width:100%;min-width:0;height:36px;padding:7px 8px;font-size:12px}.color-editor input:focus{border-color:#f97316;outline:0;box-shadow:0 0 0 2px #f973161f}.color-editor-caption{color:#8a93a1;margin:0;font-size:10px;line-height:1.4}.image-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.image-actions button{border-radius:8px;min-width:0;padding:7px 6px;font-size:12px;line-height:1.1}.image-actions button:hover{transform:none}