@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-app: #F4F5F8;--bg-canvas: #FFFFFF;--surface-0: #FFFFFF;--surface-1: #F8F9FA;--surface-2: #EEF0F3;--surface-active: #E8EDF5;--border-subtle: #E5E7EB;--border-base: #D1D5DB;--border-strong: #9CA3AF;--text-primary: #111827;--text-secondary: #4B5563;--text-tertiary: #8C939E;--text-disabled: #C4C7CC;--text-on-accent: #FFFFFF;--accent: #1A6BCC;--accent-hover: #1558A8;--accent-pressed: #0F4285;--accent-subtle: #EDF4FC;--accent-border: #BFD7F5;--success: #15803D;--success-bg: #EAF6EE;--warning: #B45309;--warning-bg: #FEF3C7;--error: #DC2626;--error-bg: #FEF2F2;--ruler-bg: #F8F9FA;--ruler-line: #E0E2E6;--ruler-text: #8C939E;--ruler-size: 24px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-xs: 0 1px 2px rgba(17, 24, 39, .04);--shadow-sm: 0 2px 4px rgba(17, 24, 39, .05), 0 1px 2px rgba(17, 24, 39, .03);--shadow-md: 0 4px 12px rgba(17, 24, 39, .07), 0 1px 3px rgba(17, 24, 39, .03);--shadow-lg: 0 8px 24px rgba(17, 24, 39, .09), 0 2px 6px rgba(17, 24, 39, .04);--shadow-sheet: 0 -4px 20px rgba(17, 24, 39, .1), 0 -1px 3px rgba(17, 24, 39, .03);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-inout: cubic-bezier(.4, 0, .2, 1);--t-micro: .12s;--t-base: .18s;--t-panel: .24s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100vh;height:100dvh;overflow:hidden;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-app);touch-action:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--bg-app)}.top-bar{position:relative;z-index:20;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:var(--surface-0);border-bottom:1px solid var(--border-subtle);flex-shrink:0;width:100%;max-width:100vw;box-sizing:border-box;overflow:hidden}.top-bar-left{display:flex;align-items:center;gap:4px;min-width:0;flex:1 1 auto;overflow:hidden}.top-bar-right{display:flex;align-items:center;gap:3px;flex-shrink:0}.top-bar-center{display:flex;align-items:center;gap:4px}.app-brand{display:flex;align-items:center;gap:6px;margin-right:4px;padding-right:8px;border-right:1px solid var(--border-subtle);flex-shrink:0}.app-brand-icon{width:26px;height:26px;background:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-brand-name{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px;white-space:nowrap}.project-title-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 8px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-family:inherit;font-size:12.5px;font-weight:500;color:var(--text-secondary);cursor:pointer;max-width:140px;min-width:0;flex-shrink:1;overflow:hidden;white-space:nowrap;transition:background var(--t-micro) var(--ease-out),border-color var(--t-micro) var(--ease-out),color var(--t-micro) var(--ease-out)}.project-title-btn:hover{background:var(--surface-1);border-color:var(--border-subtle);color:var(--text-primary)}.project-title-btn:active{background:var(--surface-2)}.project-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floor-badge-btn{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 8px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);font-family:inherit;font-size:11.5px;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--t-micro) var(--ease-out),border-color var(--t-micro) var(--ease-out),color var(--t-micro) var(--ease-out)}.floor-badge-btn:hover{background:var(--surface-2);border-color:var(--border-base);color:var(--text-primary)}.floor-badge-btn:active{background:var(--border-subtle)}.floor-name-text{white-space:nowrap}.object-counter-badge{font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:500;color:var(--text-tertiary);padding:4px 10px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);white-space:nowrap;transition:color var(--t-base) var(--ease-out),background var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out)}.object-counter-badge.limit-near{color:var(--warning);background:var(--warning-bg);border-color:#b4530933}.object-counter-badge.limit-reached{color:var(--error);background:var(--error-bg);border-color:#dc262633}.btn-pro-gold{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;background:#faf0e0;border:1px solid #E8C97E;border-radius:var(--radius-sm);font-family:inherit;font-size:12px;font-weight:600;color:#8b5e00;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--t-micro) var(--ease-out),border-color var(--t-micro) var(--ease-out),transform var(--t-micro) var(--ease-out)}.btn-pro-gold:hover{background:#f5e8c8;border-color:#c9a44c}.btn-pro-gold:active{transform:scale(.97)}.btn-pro-gold.hidden-pro{display:none!important}.floating-pro-badge{position:absolute;top:10px;right:12px;z-index:18;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #F59E0B;border-radius:20px;box-shadow:0 2px 8px #f59e0b40;color:#b45309;font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform var(--t-micro) var(--ease-out),box-shadow var(--t-micro) var(--ease-out)}.floating-pro-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b59;background:linear-gradient(135deg,#fef3c7,#fde68a)}.floating-pro-badge:active{transform:scale(.96)}.floating-pro-badge.hidden-pro{display:none!important}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--t-micro) var(--ease-out),color var(--t-micro) var(--ease-out),transform var(--t-micro) var(--ease-out);flex-shrink:0}.btn-icon:hover{background:var(--surface-1);color:var(--text-primary)}.btn-icon:active{background:var(--surface-2);transform:scale(.93)}.btn-icon.active{background:var(--accent-subtle);color:var(--accent)}.btn-icon:disabled{opacity:.32;cursor:not-allowed;pointer-events:none}.canvas-wrapper{flex:1;position:relative;background:var(--bg-canvas);overflow:hidden;cursor:default}.canvas-wrapper.drawing-wall{cursor:crosshair}.canvas-wrapper.panning{cursor:grab}.canvas-wrapper.panning:active{cursor:grabbing}#main-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;display:block}#ruler-top{position:absolute;top:0;left:var(--ruler-size);right:0;height:var(--ruler-size);background:var(--ruler-bg);border-bottom:1px solid var(--ruler-line);z-index:5;pointer-events:none}#ruler-left{position:absolute;top:var(--ruler-size);left:0;bottom:0;width:var(--ruler-size);background:var(--ruler-bg);border-right:1px solid var(--ruler-line);z-index:5;pointer-events:none}#ruler-corner{position:absolute;top:0;left:0;width:var(--ruler-size);height:var(--ruler-size);background:var(--ruler-bg);border-right:1px solid var(--ruler-line);border-bottom:1px solid var(--ruler-line);z-index:6;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:7.5px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em}.live-hud-pill{position:absolute;pointer-events:none;background:var(--text-primary);color:#fff;padding:4px 10px;border-radius:var(--radius-xs);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.02em;z-index:30;transform:translate(-50%,calc(-100% - 12px));display:none;white-space:nowrap;box-shadow:var(--shadow-md)}.bottom-dock{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:4px 6px;background:var(--surface-0);border:1px solid var(--border-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:20;max-width:calc(100vw - 24px)}.dock-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 12px;min-height:48px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;min-width:58px;transition:background var(--t-micro) var(--ease-out),color var(--t-micro) var(--ease-out),transform var(--t-micro) var(--ease-out)}.dock-btn .dock-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:1}.dock-btn .dock-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.75}.dock-btn .dock-label{font-size:10.5px;font-weight:500;line-height:1.1;text-align:center;white-space:nowrap}.dock-btn:hover{background:var(--surface-1);color:var(--text-primary)}.dock-btn:active{transform:scale(.94)}.dock-btn.active{background:var(--accent-subtle);color:var(--accent);font-weight:600}.dock-btn.active .dock-icon svg{stroke:var(--accent)}.dock-btn.btn-accent-cta{background:var(--accent);color:var(--text-on-accent);border-radius:var(--radius-md)}.dock-btn.btn-accent-cta .dock-icon svg{stroke:#fff}.dock-btn.btn-accent-cta:hover{background:var(--accent-hover);color:var(--text-on-accent)}.dock-btn.btn-accent-cta:active{transform:scale(.95)}.dock-sep{width:1px;height:24px;background:var(--border-subtle);flex-shrink:0;margin:0 1px}.viewport-controls{position:absolute;bottom:20px;right:14px;display:flex;flex-direction:column;gap:6px;z-index:15}.viewport-controls .btn-icon{width:36px;height:36px;background:var(--surface-0);border:1px solid var(--border-base);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--text-secondary)}.viewport-controls .btn-icon:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-subtle)}.viewport-controls .btn-icon.active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.object-inspector{position:absolute;top:56px;right:16px;width:310px;background:var(--surface-0);border:1px solid var(--border-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:25;display:none;overflow:hidden;box-sizing:border-box;animation:inspector-in var(--t-panel) var(--ease-out) forwards}@keyframes inspector-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.sheet-drag-handle{display:none;width:36px;height:4px;border-radius:2px;background:var(--border-strong);margin:8px auto 2px}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-subtle);background:var(--surface-1)}.inspector-title{font-size:11.5px;font-weight:700;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-body{padding:14px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:100%}.inspector-grid-2col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;box-sizing:border-box}.inspector-field{display:flex;flex-direction:column;gap:5px;min-width:0;box-sizing:border-box}.inspector-label{font-size:10.5px;font-weight:600;color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;white-space:nowrap}.inspector-label .dimension-val{font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:500;color:var(--accent);text-transform:none;letter-spacing:0}.stepper-control{display:flex;align-items:center;background:var(--surface-0);border:1px solid var(--border-base);border-radius:var(--radius-sm);overflow:hidden;height:36px;width:100%;min-width:0;box-sizing:border-box;position:relative;transition:border-color var(--t-micro) var(--ease-out)}.stepper-control:focus-within{border-color:var(--accent)}.stepper-btn{width:28px;height:36px;background:var(--surface-1);border:none;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--t-micro) var(--ease-out),color var(--t-micro) var(--ease-out),transform var(--t-micro)}.stepper-btn:hover{background:var(--surface-2);color:var(--text-primary)}.stepper-btn:active{transform:scale(.88)}.stepper-input{flex:1 1 0;min-width:0;width:100%;background:transparent;border:none;color:var(--text-primary);text-align:center;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:600;outline:none;padding:0 1px;-moz-appearance:textfield}.stepper-input::-webkit-inner-spin-button,.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-unit-badge{font-family:JetBrains Mono,monospace;font-size:9.5px;color:var(--text-tertiary);margin-right:3px;flex-shrink:0;user-select:none}.rotation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.rotation-btn{background:var(--surface-1);border:1px solid var(--border-subtle);color:var(--text-secondary);height:32px;border-radius:var(--radius-sm);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t-micro) var(--ease-out)}.rotation-btn:hover{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--accent)}.rotation-btn:active{transform:scale(.94)}.rotation-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.flip-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.btn-flip{display:flex;align-items:center;justify-content:center;gap:5px;background:var(--surface-1);border:1px solid var(--border-subtle);color:var(--text-secondary);height:34px;border-radius:var(--radius-sm);font-size:11.5px;font-weight:500;cursor:pointer;font-family:inherit;transition:all var(--t-micro) var(--ease-out)}.btn-flip:hover{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--accent)}.btn-flip:active{transform:scale(.95)}.inspector-footer{display:flex;gap:6px;padding:10px 14px;border-top:1px solid var(--border-subtle);background:var(--surface-1)}.inspector-footer .btn-secondary,.inspector-footer .btn-danger{flex:1;height:36px;font-size:12px}.room-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.room-chip-btn{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:12px;padding:3px 9px;font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.room-chip-btn:hover{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--accent)}.room-chip-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.floor-texture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px}.floor-texture-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;text-align:center;transition:all .15s ease}.floor-texture-card:hover{border-color:var(--accent-border);background:var(--accent-subtle)}.floor-texture-card.active{border-color:var(--accent);background:var(--accent-subtle);box-shadow:0 0 0 1px var(--accent)}.floor-texture-icon{font-size:18px;line-height:1}.floor-texture-name{font-size:10px;font-weight:600;color:var(--text-primary)}.color-palette-row{display:flex;gap:8px;margin-top:4px}.color-swatch-btn{width:26px;height:26px;border-radius:50%;border:2px solid var(--border-base);cursor:pointer;transition:transform .15s ease,border-color .15s ease}.color-swatch-btn:hover{transform:scale(1.15)}.color-swatch-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 16px;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--t-micro) var(--ease-out),transform var(--t-micro) var(--ease-out),box-shadow var(--t-micro) var(--ease-out)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 2px 8px #1a6bcc40}.btn-primary:active{background:var(--accent-pressed);transform:scale(.97);box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 14px;background:var(--surface-0);color:var(--text-primary);border:1px solid var(--border-base);border-radius:var(--radius-sm);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--t-micro) var(--ease-out),border-color var(--t-micro) var(--ease-out),transform var(--t-micro) var(--ease-out)}.btn-secondary:hover{background:var(--surface-1);border-color:var(--border-strong)}.btn-secondary:active{background:var(--surface-2);transform:scale(.97)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 14px;background:var(--error-bg);color:var(--error);border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-sm);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--t-micro) var(--ease-out)}.btn-danger:hover{background:var(--error);color:#fff;border-color:var(--error)}.btn-danger:active{transform:scale(.96)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:34px;padding:0 12px;background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background var(--t-micro) var(--ease-out),color var(--t-micro) var(--ease-out)}.btn-ghost:hover{background:var(--surface-1);color:var(--text-primary)}.btn-ghost:active{background:var(--surface-2)}.modal-overlay{position:fixed;inset:0;background:#11182766;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;opacity:0;pointer-events:none;transition:opacity var(--t-base) var(--ease-out)}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:var(--surface-0);border:1px solid var(--border-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;transform:scale(.97) translateY(6px);transition:transform var(--t-panel) var(--ease-out)}.modal-overlay.active .modal-content{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-subtle);background:var(--surface-1);flex-shrink:0}.modal-title{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.1px}.modal-body{padding:18px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--border-base) transparent}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--border-base);border-radius:2px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border-subtle);background:var(--surface-1);flex-shrink:0}.modal-tabs{display:flex;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:3px;gap:2px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.modal-tabs::-webkit-scrollbar{display:none}.modal-tab{flex-shrink:0;background:transparent;border:none;color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius-xs);font-family:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:all var(--t-micro) var(--ease-out);white-space:nowrap}.modal-tab:hover{background:var(--surface-2);color:var(--text-primary)}.modal-tab:active{transform:scale(.96)}.modal-tab.active{background:var(--surface-0);color:var(--accent);font-weight:600;box-shadow:var(--shadow-xs)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}.catalog-item-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:12px 6px 10px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:background var(--t-micro) var(--ease-out),border-color var(--t-micro) var(--ease-out),transform var(--t-micro) var(--ease-out),box-shadow var(--t-micro) var(--ease-out)}.catalog-item-card:hover{background:var(--accent-subtle);border-color:var(--accent-border);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.catalog-item-card:active{transform:scale(.96)}.catalog-item-preview{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.catalog-item-name{font-size:10px;font-weight:500;color:var(--text-secondary);line-height:1.3}.pro-lock-overlay{position:absolute;inset:0;background:#f8f9fae6;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.pro-lock-overlay span{font-size:9.5px;font-weight:700;color:var(--warning);letter-spacing:.04em;text-transform:uppercase}.settings-select,.settings-input{width:100%;height:38px;padding:0 12px;background:var(--surface-0);color:var(--text-primary);border:1px solid var(--border-base);border-radius:var(--radius-sm);font-family:inherit;font-size:13.5px;font-weight:400;outline:none;transition:border-color var(--t-micro) var(--ease-out),box-shadow var(--t-micro) var(--ease-out)}.settings-select{appearance:none;-webkit-appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239AA0A6' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.settings-select:focus,.settings-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a6bcc1a}.settings-input::placeholder{color:var(--text-tertiary)}.stat-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:12px 14px}.stat-card-label{font-size:11px;font-weight:600;color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px}.stat-card-value{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:600;color:var(--text-primary);letter-spacing:-.5px}.project-card{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:border-color var(--t-micro) var(--ease-out),box-shadow var(--t-micro) var(--ease-out),transform var(--t-micro) var(--ease-out)}.project-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card.active-project{border-color:var(--accent);box-shadow:0 0 0 2px #1a6bcc26}@media(max-width:639px){.top-bar{padding:env(safe-area-inset-top,0px) 6px 0 6px;height:calc(46px + env(safe-area-inset-top,0px))}.app-brand{margin-right:3px;padding-right:5px}.app-brand-name{display:none}.project-title-btn{max-width:120px;height:30px;padding:0 6px;font-size:12px}.floor-badge-btn{height:30px;padding:0 6px;font-size:11px}.object-counter-badge,.btn-pro-gold{display:none!important}.top-bar-right{gap:1px}.btn-icon{width:34px;height:34px}.live-hud-pill{transform:translate(-50%,calc(-100% - 42px));font-size:12.5px;padding:5px 12px}.bottom-dock{position:relative;bottom:auto;left:auto;transform:none;width:100%;max-width:100%;padding:6px 6px calc(14px + env(safe-area-inset-bottom,10px)) 6px;border-radius:0;border-left:none;border-right:none;border-bottom:none;border-top:1px solid var(--border-base);box-shadow:0 -2px 10px #1118270f;gap:2px;flex-shrink:0}.dock-btn{flex:1 1 0;min-width:0;padding:6px 2px;min-height:48px}.dock-btn .dock-icon{width:20px;height:20px}.dock-btn .dock-icon svg{width:18px;height:18px}.dock-btn .dock-label{display:block;font-size:9.5px;font-weight:600;line-height:1.1;margin-top:2px;letter-spacing:-.02em}.dock-sep{display:none}.viewport-controls{bottom:14px;right:10px;gap:6px}.viewport-controls .btn-icon{width:38px;height:38px}.object-inspector{position:fixed;top:auto;bottom:calc(74px + env(safe-area-inset-bottom,10px));left:8px;right:8px;width:auto;max-width:440px;margin:0 auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-sheet);max-height:44vh;display:none;overflow-y:auto;animation:sheet-up var(--t-panel) var(--ease-out) forwards}@keyframes sheet-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sheet-drag-handle{display:block}.inspector-header{padding:6px 12px 8px;position:sticky;top:0;z-index:2}.inspector-body{padding:10px 12px;gap:8px}.inspector-grid-2col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.stepper-control{height:34px}.stepper-btn{width:30px;height:34px;font-size:15px}.rotation-btn,.btn-flip{height:32px}.inspector-footer{padding:8px 12px}.inspector-footer .btn-secondary,.inspector-footer .btn-danger{height:34px;font-size:12px}.modal-overlay{padding:8px 8px calc(12px + env(safe-area-inset-bottom,8px)) 8px;align-items:flex-end}.modal-content{border-radius:var(--radius-xl);max-height:85dvh}.modal-header{padding:12px 14px}.modal-body{padding:14px}.modal-footer{padding:10px 14px calc(10px + env(safe-area-inset-bottom,4px)) 14px}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:6px}}@media(max-width:359px){.project-title-btn{max-width:85px;font-size:11px}.floor-badge-btn{padding:0 4px;font-size:10px}.dock-btn{padding:4px 1px}.dock-btn .dock-label{font-size:8.5px}}@media(min-width:640px)and (max-width:899px){.project-title-btn{max-width:160px}.bottom-dock{bottom:14px;padding:4px 8px;max-width:540px}.dock-btn{padding:6px 12px;min-width:58px}.object-inspector{top:56px;right:14px;width:310px}}@media(min-width:900px){.project-title-btn{max-width:220px}.object-inspector{top:56px;right:16px;width:320px}.bottom-dock{bottom:18px;padding:4px 8px}.dock-btn{padding:6px 14px;min-width:62px}}.app-toast{position:fixed;top:60px;left:50%;transform:translate(-50%) translateY(-10px);background:var(--text-primary);color:#fff;padding:8px 16px;border-radius:var(--radius-md);font-size:12.5px;font-weight:600;box-shadow:var(--shadow-lg);z-index:200;opacity:0;pointer-events:none;transition:all var(--t-panel) var(--ease-out)}.app-toast.active{opacity:1;transform:translate(-50%) translateY(0)}.export-option-card{display:flex;align-items:center;gap:14px;padding:14px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--t-micro) var(--ease-out)}.export-option-card:hover{background:var(--accent-subtle);border-color:var(--accent-border);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.export-option-card:active{transform:scale(.98)}.export-icon-box{width:42px;height:42px;border-radius:var(--radius-sm);background:var(--surface-0);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.export-info{flex:1;min-width:0}.export-title{font-size:13.5px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.export-subtitle{font-size:11.5px;color:var(--text-secondary);line-height:1.3}