*{box-sizing:border-box;margin:0;padding:0}body{opacity:0;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:opacity .4s ease-in-out;animation:.4s ease-in-out forwards fadeIn;overflow:hidden}body.fade-out{opacity:0;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#app{flex-direction:column;height:100vh;display:flex}#topbar{background:#fff;border-bottom:1px solid #ddd;align-items:center;gap:8px;padding:12px 16px;display:flex;box-shadow:0 2px 4px #0000000d}.btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.btn:hover{background:#f8f8f8;border-color:#999}.btn:active{transform:scale(.98)}.btn.disabled{opacity:.4;cursor:not-allowed}.divider{background:#ddd;width:1px;height:24px;margin:0 8px}.file-dropdown{position:relative}.file-dropdown-trigger{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.file-dropdown-trigger:hover{background:#f8f8f8;border-color:#999}.file-dropdown-trigger .chevron{font-size:10px;transition:transform .2s}.file-dropdown.open .file-dropdown-trigger .chevron{transform:rotate(180deg)}.file-dropdown-menu{opacity:0;visibility:hidden;z-index:1000;background:#fff;border:1px solid #ddd;border-radius:8px;min-width:180px;transition:all .2s;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;transform:translateY(-8px);box-shadow:0 4px 16px #0000001f}.file-dropdown.open .file-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.file-dropdown-item{cursor:pointer;color:#374151;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;transition:background .15s;display:flex}.file-dropdown-item:hover{background:#f3f4f6}.file-dropdown-item .icon{font-size:16px}.file-dropdown-divider{background:#e5e7eb;height:1px;margin:4px 0}.top-nav{z-index:1000;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:16px;height:56px;padding:0 20px;display:flex;position:relative}.logo-wrap{flex-shrink:0;align-items:center;gap:10px;display:flex}.logo-icon{flex-shrink:0;width:32px;height:32px}.logo-image{width:auto;height:25px;display:block}.logo{color:#6d5ffe;align-items:baseline;font-family:Barlow,sans-serif;font-size:1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.logo span{color:#000;font-family:IBrand,sans-serif;font-size:1.25rem;font-weight:500;text-decoration:none}.logo .logo-3d{color:#4f46e5;margin-left:0}.nav-divider{background:#e5e7eb;flex-shrink:0;width:1px;height:24px}.nav-view-toggle{background:#f3f4f6;border-radius:10px;align-items:center;gap:0;padding:4px;display:flex}.nav-view-toggle .nav-view-seg{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:background .2s,color .2s}.nav-view-toggle .nav-view-seg:hover{background:#e5e7eb}.nav-view-toggle .nav-view-seg.active{color:#fff;background:#4f46e5}.nav-view-toggle .nav-view-seg.active:hover{background:#4338ca}.nav-actions{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.nav-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.nav-btn:hover{background:#f9fafb;border-color:#d1d5db}.nav-btn:active{background:#f3f4f6}.nav-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.nav-btn.active:hover{background:#4338ca;border-color:#4338ca}.nav-btn .icon{font-size:14px}.nav-btn-group{background:#f3f4f6;border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}.nav-btn-group .nav-btn{background:0 0;border:none;border-radius:6px;padding:6px 10px}.nav-btn-group .nav-btn:hover{background:#e5e7eb}.nav-btn-group .nav-btn.active{color:#4f46e5;background:#fff;box-shadow:0 1px 3px #0000001a}.nav-btn-file-options{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;display:flex}.nav-btn-file-options:hover{background:#f9fafb;border-color:#d1d5db}.nav-btn-file-options .nav-dropdown-arrow{opacity:.8;font-size:10px}.nav-dropdown{position:relative}.nav-dropdown-menu{z-index:1001;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:180px;padding:6px;animation:.15s dropdownFadeIn;display:none;position:absolute;top:calc(100% + 4px);left:-90px;box-shadow:0 10px 25px #0000001f}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-dropdown-item{text-align:left;cursor:pointer;color:#374151;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;transition:all .1s;display:flex}.nav-dropdown-item:hover{background:#f3f4f6}.nav-dropdown-item .icon{text-align:center;width:20px;font-size:16px}.nav-dropdown-divider{background:#e5e7eb;height:1px;margin:6px 0}#mainArea{flex:1;display:flex;overflow:hidden}#leftSidebar{z-index:1000;background:#fff;border-right:1px solid #ddd;border-radius:10px;flex-direction:column;align-items:center;gap:8px;width:65px;height:fit-content;padding:10px;display:flex;position:relative;top:10px;left:10px;overflow-y:auto}.side-panel{opacity:0;z-index:100;visibility:hidden;pointer-events:none;background:#fff;border-right:1px solid #ddd;border-radius:10px;width:365px;max-width:calc(100vw - 60px);height:87vh;padding:10px;transition:opacity .6s,left .6s;position:fixed;top:70px;bottom:0;left:82px;overflow:hidden auto;box-shadow:2px 0 8px #0000001a}.side-panel.active{opacity:1;visibility:visible;pointer-events:auto}#roomPresetsPanel,#furniturePanel{transition:opacity .6s,left .6s}.side-panel.furniture-stacked{left:340px!important}.side-panel-header{justify-content:space-between;align-items:center;margin-bottom:6px;padding:4px 0;display:flex}.side-panel-header h3{color:#ff0404808;flex:1;margin:0;font-size:16px;font-weight:600}.back-header-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-right:8px;padding:4px 8px;font-size:18px;transition:background .2s;display:flex}.back-header-btn:hover{background:#f0f0f0}.close-panel-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:20px;transition:background .2s}.close-panel-btn:hover{background:#f0f0f0}.search-container{padding:0 0 10px}.furniture-search-input{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s}.furniture-search-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.furniture-search-input::placeholder{color:#999}.tool-section{margin-bottom:24px}.tool-icon-btn{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .2s;display:flex}.tool-icon-btn:hover{background:#f8f8f8;border-color:#999}.tool-icon-btn.active{color:#4a90e2;background:#e8f2ff;border-color:#4a90e2}.tool-icon-btn img{width:24px;height:24px}.tool-section h3{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.room-presets-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.room-preset-card{aspect-ratio:1;cursor:pointer;background:#f8f8f8;border:2px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.room-preset-card:hover{background:#f0f7ff;border-color:#4a90e2;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.room-preset-preview{width:100%;height:100%;position:relative}.room-texture-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:10px;padding:8px}.room-texture-title{color:#374151;margin:0;font-size:12px;font-weight:600}.room-texture-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.room-texture-toggle{cursor:pointer;color:#4b5563;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:28px;height:24px;font-size:12px;line-height:1}.room-texture-toggle:hover{color:#7c3aed;border-color:#a78bfa}.room-texture-grid{flex-wrap:wrap;gap:6px;display:flex}.room-texture-btn{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:calc(33.33% - 4px);min-height:45px;padding:6px 2px;transition:all .15s;display:flex}.room-texture-btn:hover{background:#ede9fe;border-color:#a78bfa;transform:translateY(-1px)}.room-texture-btn.active{background:#ede9fe;border-color:#7c3aed;box-shadow:inset 0 0 0 1px #7c3aed33}.room-texture-btn .icon{margin-bottom:2px;font-size:16px;line-height:1}.room-texture-btn .label{color:#4b5563;text-align:center;font-size:9px;line-height:1.1}.room-texture-library{border-top:1px dashed #d1d5db;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:180px;margin-top:8px;padding-top:8px;display:grid;overflow-y:auto}.room-texture-preview-item{cursor:pointer;aspect-ratio:1;background:#f3f4f6;border:2px solid #0000;border-radius:6px;padding:0;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.room-texture-preview-item:hover{border-color:#a78bfa;transform:translateY(-1px)}.room-texture-preview-item.active{border-color:#7c3aed;box-shadow:inset 0 0 0 1px #7c3aed33}.room-texture-preview-item img{object-fit:cover;width:100%;height:100%;display:block}.room-texture-preview-item .texture-name{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#000000b3;padding:2px;font-size:7px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.tool-btn{cursor:pointer;text-align:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;align-items:center;padding:8px;font-size:14px;transition:all .2s;display:flex}.tool-btn:hover{background:#f8f8f8;border-color:#999}.tool-btn.active{color:#4a90e2;background:#e8f2ff;border-color:#4a90e2}.furniture-grid{max-height:auto;grid-template-columns:repeat(2,1fr);gap:8px;display:grid;overflow-y:auto}.furniture-grid::-webkit-scrollbar{width:6px}.furniture-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.furniture-grid::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.furniture-grid::-webkit-scrollbar-thumb:hover{background:#555}.category-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;overflow:hidden}.category-section .category-section{background:#fafafa;border:1px solid #d0d0d0;margin-bottom:8px;margin-left:8px}.category-section .category-section .category-header{background:#f5f5f5;padding:8px 10px;font-size:12px}.category-section .category-section .category-header:hover{background:#eee}.category-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8f8f8;justify-content:space-between;align-items:center;padding:10px 12px;transition:background .2s;display:flex}.category-header:hover{background:#f0f0f0}.category-header.active{background:#e8f2ff}.category-header.search-match{background:#fff3cd;border-left:3px solid #ffc107}.category-title{color:#333;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.category-arrow{color:#666;font-size:12px;transition:transform .2s}.category-section.collapsed .category-arrow{transform:rotate(-90deg)}.category-count{color:#999;font-size:11px;font-weight:400}.category-content{max-height:500px;padding:8px;transition:max-height .3s;overflow-y:auto}.category-section.collapsed .category-content{max-height:0;padding:0 8px;overflow:hidden}.category-content::-webkit-scrollbar{width:6px}.category-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.category-content::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.category-content::-webkit-scrollbar-thumb:hover{background:#555}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px 0;display:grid}.category-box{aspect-ratio:1.2;cursor:pointer;text-align:center;background:#f8f8f8;border:2px solid #e0e0e0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex}.category-box:hover{background:#f0f7ff;border-color:#4a90e2;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.category-box-icon{margin-bottom:8px;font-size:32px}.category-box-name{color:#333;margin-bottom:4px;font-size:13px;font-weight:600}.category-box-count{color:#999;font-size:11px}.furniture-item{aspect-ratio:1;cursor:grab;background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:90px;margin-bottom:10px;padding:6px;font-size:10px;transition:all .2s;display:flex}.furniture-item>div:last-child{text-align:center;word-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:100%;margin-top:4px;line-height:1.2;display:-webkit-box;overflow:hidden}.furniture-item:hover{background:#f8f8f8;border-color:#4a90e2}.furniture-item:active{cursor:grabbing}.furniture-icon{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:4px;display:flex}.furniture-icon canvas,.furniture-icon img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}#canvasArea{background:#f5f5f5;flex:1;width:100%;min-width:0;position:relative;overflow:hidden}#editorCanvas{cursor:crosshair;width:calc(100% - 260px);height:calc(100% - 57px);display:block;position:fixed;top:57px;left:0}#rightSidebar{z-index:10;background:#fff;border-left:1px solid #ddd;width:275px;height:calc(100% - 57px);padding:16px;position:fixed;top:57px;right:0;overflow-y:auto}#rightSidebar.hidden{display:none}#bottomToolbar{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:58px;padding:0 8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(calc(-50% - 102px));box-shadow:0 4px 20px #00000026}.bottom-btn-group{background:#f3f4f6;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.bottom-btn{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.bottom-btn:hover{background:#e5e7eb}.bottom-btn .icon{font-size:14px}.bottom-divider{background:#e5e7eb;width:1px;height:24px;margin:0 8px}.placement-panel{padding:16px 0 8px}.placement-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.placement-header-title{color:#111;font-size:16px;font-weight:600}.placement-verified-badge{justify-content:center;align-items:center;display:flex}.placement-score-display{background:#f8f9fb;border:1px solid #eff0f2;border-radius:12px;margin-bottom:4px;padding:14px 16px 12px}.placement-score-number-row{align-items:baseline;gap:2px;margin-bottom:10px;display:flex}.placement-score-value{font-size:44px;font-weight:800;line-height:1}.placement-score-denominator{color:#bbb;font-size:22px;font-weight:400}.placement-progress-track{background:#e5e7eb;border-radius:99px;height:8px;overflow:hidden}.placement-progress-fill{border-radius:99px;height:100%;transition:width .4s,background .3s}.placement-section-title{color:#111;margin:14px 0 8px;font-size:14px;font-weight:600}.placement-feedback{flex-direction:column;gap:7px;display:flex}.pf-item{background:#fff5f5;border-radius:8px;align-items:flex-start;gap:10px;padding:10px;display:flex}.pf-item.ok{background:#f0faf0}.pf-item.tip{background:#fff5f5}.pf-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:15px;display:flex}.pf-body{flex:1;min-width:0}.pf-title{color:#e53e3e;margin-bottom:2px;font-size:12px;font-weight:600;line-height:1.3}.pf-fix{color:#555;font-size:11px;line-height:1.3}.placement-metric-card{background:#f8f9fb;border:1px solid #efefef;border-radius:8px;margin-bottom:6px;padding:9px 10px}.placement-metric-header{justify-content:space-between;align-items:center;display:flex}.pm-label-row{color:#222;align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.pm-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.pm-icon--bad{color:#e53e3e;background:#fee2e2}.pm-icon--good{color:#16a34a;background:#dcfce7}.pm-val{font-size:13px;font-weight:700}.pm-val--good{color:#16a34a}.pm-desc{color:#888;margin-top:5px;font-size:11px;line-height:1.4}.placement-toggles{flex-direction:column;gap:6px;margin-top:4px;display:flex}.placement-overlay-item{color:#333;cursor:pointer;align-items:center;gap:8px;padding:2px 0;font-size:12px;display:flex}.placement-overlay-item input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;width:16px;height:16px}#canvasArea{margin-right:260px}.layer-item:hover{background:#eee!important}.layer-btn:hover{background:#e0e0e0!important}.layer-item.dragging{opacity:.6}.layer-item.drag-over{outline:2px dashed #4a90e2}.layer-item.drag-over-above{outline:2px dashed #4a90e2;box-shadow:0 -2px #4a90e2}.layer-item.drag-over-below{outline:2px dashed #4a90e2;box-shadow:0 2px #4a90e2}.layer-toggle-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:3px;padding:2px 4px;font-size:11px}.layer-toggle-btn:hover{background:#f0f0f0}.property-group{margin-bottom:20px}.property-row{gap:12px;margin-bottom:20px;display:flex}.property-row .property-group{margin-bottom:0}.property-row .property-group input[type=number]{width:100%}.property-group label{color:#666;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.property-group input[type=number],.property-group input[type=range]{border:1px solid #ddd;border-radius:6px;width:100%;padding:8px;font-size:14px}.property-group input[type=range]{padding:0}.range-value{color:#666;margin-left:8px;font-size:13px;display:inline-block}input[type=file]{display:none}.icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}#status{color:#fff;pointer-events:none;background:#000000b3;border-radius:6px;padding:8px 12px;font-size:12px;position:absolute;bottom:16px;left:16px}#app.fade-out{opacity:0;pointer-events:none}