*{box-sizing:border-box}html,body,#root{margin:0;padding:0}.app{font-family:PingFang TC,Microsoft JhengHei,system-ui,sans-serif}.brandbar{white-space:nowrap;background:#fff;border-bottom:1px solid #f0f0f0;align-items:center;gap:6px;height:46px;padding:0 12px;display:flex}.brandbar button{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:6px;height:30px;padding:0 12px;font-size:13px}.brandbar button:hover{color:#1677ff;border-color:#1677ff}.toolbar{z-index:10;white-space:nowrap;background:#fff;border-bottom:1px solid #e5e5e5;align-items:center;gap:4px;height:44px;padding:0 12px;display:flex;position:sticky;top:0;overflow-x:auto}.brand{color:#333;white-space:nowrap;align-items:center;gap:10px;margin-right:8px;text-decoration:none;display:inline-flex}.brand img{height:32px;display:block}.toolbar .brand:hover strong{color:#00b0ba}.spacer{flex:1}.toolbar button{color:#333;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:6px;height:30px;padding:0 9px;font-size:14px}.toolbar button:hover{color:#1677ff;border-color:#1677ff}.toolbar button.active{color:#fff;background:#1677ff;border-color:#1677ff}.toolbar button:disabled{opacity:.4;cursor:not-allowed}.toolbar .spacer{flex:1}.canvas-wrap{height:calc(100vh - 130px);overflow:hidden}.brand-footer{color:#666;white-space:nowrap;background:#fff;border-top:1px solid #e5e5e5;align-items:center;gap:10px;height:40px;padding:0 14px;font-size:13px;display:flex;overflow:hidden}.brand-footer img{height:24px;display:block}.brand-footer a{color:#1677ff;text-decoration:none}.brand-footer a:hover{text-decoration:underline}.brand-footer .brand-more{margin-left:0}.canvas-wrap{position:relative}.prop-panel{background:#fff;border:1px solid #e5e5e5;border-radius:10px;flex-direction:column;gap:10px;width:220px;max-height:calc(100vh - 120px);padding:14px;font-size:13px;display:flex;position:absolute;overflow-y:auto;box-shadow:0 4px 16px #00000014}.prop-panel h4{margin:0;font-size:14px}.prop-panel label{color:#555;flex-direction:column;gap:4px;display:flex}.prop-panel label.prop-check{flex-direction:row;align-items:center;gap:6px}.prop-panel input,.prop-panel select{border:1px solid #d9d9d9;border-radius:6px;padding:5px 8px;font-size:13px}.prop-readonly{color:#888}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;width:24px;height:24px;padding:0}.swatch.active{border-color:#1677ff}.prop-panel .danger{color:#ff4d4f;cursor:pointer;background:#fff;border:1px solid #ff4d4f;border-radius:6px;padding:6px}.ai-btn:not(:disabled){color:#fff;background:#52c41a;border-color:#52c41a}.modal-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:min(440px,92vw);max-height:88vh;padding:20px;display:flex;overflow-y:auto}.modal h3{margin:0}.modal .hint{color:#666;margin:0;font-size:13px;line-height:1.6}.upload-drop{color:#666;cursor:pointer;background:#fafafa;border:2px dashed #bbb;border-radius:10px;padding:40px 16px;font-size:14px}.upload-drop:hover{color:#1677ff;border-color:#1677ff}.upload-preview{object-fit:contain;border:1px solid #eee;border-radius:8px;max-width:100%;max-height:40vh}.modal .error{color:#ff4d4f;margin:0;font-size:13px}.modal .success{color:#52c41a;margin:0;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-actions button{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:6px;height:34px;padding:0 14px;font-size:14px}.modal-actions button.primary{color:#fff;background:#1677ff;border-color:#1677ff}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.furniture-menu{display:inline-block;position:relative}.furniture-panel{z-index:20;background:#fff;border:1px solid #e5e5e5;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:4px;width:220px;padding:8px;display:grid;position:fixed;top:48px;left:auto;box-shadow:0 4px 16px #0000001a}.wall-menu{z-index:30;background:#fff;border:1px solid #e5e5e5;border-radius:8px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;box-shadow:0 4px 16px #00000026}.wall-menu button{text-align:left;cursor:pointer;background:#fff;border:none;border-radius:6px;height:30px;padding:0 14px;font-size:13px}.wall-menu button:hover{color:#1677ff;background:#e6f4ff}.wall-menu button.muted{color:#999}.region-bar{z-index:30;background:#fff;border:1px solid #e5e5e5;border-radius:8px;gap:2px;padding:4px;display:flex;position:absolute;box-shadow:0 4px 16px #00000026}.region-bar button{cursor:pointer;background:#fff;border:none;border-radius:6px;height:30px;padding:0 14px;font-size:13px}.region-bar button:hover{color:#1677ff;background:#e6f4ff}.region-bar button.muted{color:#999}.share-row{border-top:1px solid #f0f0f0;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding-top:12px;font-size:13px;display:flex}.quota-note{color:#888}.share-btn{color:#1677ff;cursor:pointer;background:#e6f4ff;border:1px solid #b7d3f5;border-radius:6px;height:30px;padding:0 12px;font-size:13px}.share-btn:hover{background:#d3eafd}.share-msg{color:#2f9e44}.register-form{background:#f7fafd;border:1px solid #e0ecf7;border-radius:8px;flex-direction:column;gap:8px;margin-top:10px;padding:12px;font-size:13px;display:flex}.register-form label{color:#555;align-items:center;gap:8px;display:flex}.register-form input{border:1px solid #d9d9d9;border-radius:6px;flex:1;height:30px;padding:0 8px;font-size:13px}.register-form .primary{align-self:flex-start}.region-bar.region-hint{color:#1677ff;background:#e6f4ff;border-color:#b7d3f5;padding:8px 14px;font-size:13px}.thickness-chips{border:1px dashed #b7d3f5;border-radius:8px;gap:2px;padding:2px;display:inline-flex}.thickness-chips button{color:#555;cursor:pointer;background:#fff;border:none;border-radius:6px;height:26px;padding:0 8px;font-size:12px}.thickness-chips button.active{color:#fff;background:#1677ff}.furniture-panel-icons{grid-template-columns:repeat(3,1fr);width:300px;max-height:60vh;overflow-y:auto}.furniture-thumb{flex-direction:column;align-items:center;gap:2px;font-size:12px;display:flex;padding:6px 2px!important}.furniture-thumb.active{outline:2px solid #1677ff}.thickness-chips .zone-chip{border:2px solid #0000;border-radius:6px;width:22px;height:22px;padding:0}.thickness-chips .zone-chip.active{border-color:#1677ff}.tool-slot{align-items:center;gap:6px;display:inline-flex}.chip-popup{z-index:25;background:#fff;border:1px solid #e5e5e5;border-radius:0 0 8px 8px;gap:4px;padding:6px;display:flex;position:fixed;top:48px;box-shadow:0 4px 12px #0000001a}.chip-popup .zone-chip{cursor:pointer;border:2px solid #0000;border-radius:6px;width:22px;height:22px;padding:0}.chip-popup .zone-chip.active{border-color:#1677ff}.subbar{z-index:24;white-space:nowrap;background:#e8f3fc;border-bottom:1px solid #e5e5e5;align-items:center;gap:6px;padding:6px 12px;display:flex;position:fixed;top:48px;left:0;right:0;overflow-x:auto;box-shadow:0 4px 12px #0000000f}.subbar button{color:#333;cursor:pointer;background:#fff;border:1px solid #c4ddf2;border-radius:6px;flex:none;height:32px;padding:0 12px;font-size:13px}.subbar button:hover{color:#1677ff;border-color:#1677ff}.subbar button.furniture-thumb{flex-direction:column;align-items:center;gap:2px;height:auto;padding:4px 8px;font-size:12px;display:inline-flex}.toolbar .divider{background:#e2e2e2;flex:none;width:1px;height:22px;margin:0 4px;display:inline-block}.empty-hint{text-align:center;background:#fff;border:1px solid #e5e5e5;border-radius:14px;max-width:90vw;padding:26px 32px;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 28px #0000001a}.empty-hint h2{color:#222;margin:0 0 8px;font-size:20px}.empty-hint p{color:#666;margin:0 0 16px;font-size:14px}.empty-hint-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.empty-hint-actions button{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:8px;height:38px;padding:0 18px;font-size:14px}.empty-hint-actions button.primary{color:#fff;background:#1677ff;border-color:#1677ff}.empty-hint-actions button:hover{border-color:#1677ff}.hint-bar{color:#666;pointer-events:none;background:#ffffffeb;border:1px solid #e8e8e8;border-radius:8px;align-items:center;gap:14px;max-width:86vw;padding:6px 12px;font-size:12px;display:flex;position:absolute;bottom:12px;left:12px}.brand-strip{color:#888;white-space:nowrap;pointer-events:auto;border-left:1px solid #e0e0e0;align-items:center;gap:4px;padding-left:14px;display:inline-flex}.brand-strip a{color:#1677ff;font-weight:600;text-decoration:none}.brand-strip a:hover{text-decoration:underline}.brand-more{color:#1677ff;cursor:pointer;background:#e6f4ff;border:1px solid #b7d3f5;border-radius:6px;height:22px;margin-left:6px;padding:0 8px;font-size:12px}.zoom-controls{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:12px;right:12px}.zoom-controls button{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:8px;width:34px;height:34px;font-size:16px;box-shadow:0 2px 6px #0000000f}.zoom-controls button:hover{color:#1677ff;border-color:#1677ff}.toolbar{box-shadow:0 1px 4px #0000000a}.toolbar button:not(.active):hover{background:#f0f7ff}.subbar .subbar-label{color:#5a7fa6;margin-right:2px;font-size:12px}.subbar button.active{color:#fff;background:#1677ff;border-color:#1677ff}.wall-menu-sep{background:#eee;height:1px;margin:2px 0}.wall-menu-row{gap:2px;display:flex}.wall-menu-row button{padding:0 8px;font-size:12px}.wall-menu-row button.active{color:#fff;background:#1677ff}.chip-popup .chip-sep{background:#e2e2e2;align-self:stretch;width:1px;margin:0 3px}.chip-popup .pattern-chip.tile{background-image:linear-gradient(#0000002e 1px,#0000 1px),linear-gradient(90deg,#0000002e 1px,#0000 1px);background-size:7px 7px}.chip-popup .pattern-chip.wood{background-image:linear-gradient(#00000029 1px,#0000 1px);background-size:100% 5px}.prop-panel details{border-left:2px solid #e8f0fb}.prop-panel summary{color:#444;cursor:pointer;-webkit-user-select:none;user-select:none;padding-left:6px;font-size:13px;font-weight:600}.prop-panel .prop-indent{flex-direction:column;gap:8px;padding:8px 0 4px 14px;display:flex}.prop-panel .prop-btn-row{flex-wrap:wrap;gap:4px;display:flex}.prop-panel .prop-btn-row button{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:6px;padding:4px 10px;font-size:12px}.prop-panel .prop-btn-row button.active{color:#fff;background:#1677ff;border-color:#1677ff}.prop-panel .prop-btn-row button:hover{border-color:#1677ff}.thickness-slider{accent-color:#1677ff;width:160px}.subbar .subbar-note{color:#8aa8c5}.prop-panel input[type=range]{accent-color:#1677ff;width:100%}.zoom-controls button:disabled{opacity:.35;cursor:not-allowed}.wall-style-cards{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.wall-style-card{color:#444;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:12px;display:flex}.wall-style-card:hover{border-color:#1677ff}.wall-style-card.active{background:#f0f7ff;border-color:#1677ff;outline:1.5px solid #1677ff}.save-slot{flex:none;display:inline-flex}.save-slot button:first-child{border-radius:6px 0 0 6px}.save-slot .save-del{color:#c00;border-left:none;border-radius:0 6px 6px 0;padding:0 8px}.area-badge{color:#2c5a8a;pointer-events:none;background:#e8f3fcf2;border:1px solid #c4ddf2;border-radius:8px;padding:5px 12px;font-size:12px;position:absolute;bottom:48px;left:12px}@media (width<=640px){.hint-bar{display:none}.area-badge{bottom:12px}.prop-panel{width:200px;font-size:12px}}.chip-popup .stripes-chip{color:#0000;background:#fff repeating-linear-gradient(45deg,#0000 0 4px,#00000073 4px 5.5px)}.subbar-with-nav{padding-left:4px;padding-right:4px;overflow:hidden}.subbar-with-nav .subbar-scroll{scrollbar-width:thin;flex:1;align-items:center;gap:6px;display:flex;overflow-x:auto}.subbar-with-nav .subnav{color:#2c5a8a;cursor:pointer;background:#fff;border:1px solid #c4ddf2;border-radius:6px;flex:none;width:28px;height:44px;padding:0;font-size:18px}.toolbar button svg{margin:0 auto;display:block}