*{margin:0;padding:0;box-sizing:border-box}:root{--header-bg: #2c3e50;--panel-bg: #f7f8fa;--border: #dde1e6;--accent: #4a90d9;--accent-hover: #357abd;--danger: #e74c3c;--text: #333;--text-muted: #777}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:#eef1f5;overflow:hidden;height:100vh}#root{height:100vh}.app{display:flex;flex-direction:column;height:100vh}.app-header{background:var(--header-bg);color:#fff;padding:10px 24px;display:flex;align-items:baseline;gap:16px;flex-shrink:0}.app-header h1{font-size:18px;font-weight:600}.app-header .subtitle{font-size:13px;color:#adb5bd}.view-toggle-btn{margin-left:auto;background:#fff;color:var(--header-bg);border:2px solid #fff;padding:5px 16px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.view-toggle-btn:hover{background:transparent;color:#fff}.floor-plan-3d{background:#e8e8e8}.floor-plan-3d canvas{display:block;width:100%!important;height:100%!important}.app-body{display:flex;flex:1;min-height:0}.panel-left{width:260px;flex-shrink:0;background:var(--panel-bg);border-right:1px solid var(--border);overflow-y:auto;padding:16px}.panel-center{flex:1;min-width:0;position:relative}.panel-right{width:260px;flex-shrink:0;background:var(--panel-bg);border-left:1px solid var(--border);overflow-y:auto;padding:16px;display:flex;flex-direction:column}.app-footer{flex-shrink:0;border-top:1px solid var(--border);background:var(--panel-bg)}.floor-plan-container{width:100%;height:100%;position:relative;background:#fafafa}.floor-plan-container canvas{display:block}.reset-view-btn{position:absolute;top:8px;right:8px;background:var(--accent);color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;opacity:.8}.reset-view-btn:hover{opacity:1}.add-item-panel h3{font-size:15px;margin-bottom:12px;color:var(--header-bg)}.presets{margin-bottom:16px}.presets label{font-size:12px;color:var(--text-muted);display:block;margin-bottom:6px}.preset-btns{display:flex;flex-wrap:wrap;gap:4px}.preset-btn{background:#e8ecf1;border:1px solid var(--border);border-radius:4px;padding:3px 8px;font-size:11px;cursor:pointer;color:var(--text)}.preset-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.form-group{margin-bottom:10px}.form-group label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:3px}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:4px;font-size:13px}.form-group input[type=color]{width:40px;height:28px;border:1px solid var(--border);border-radius:4px;cursor:pointer}.form-row{display:flex;gap:6px}.form-row .form-group{flex:1}.btn-add{width:100%;background:var(--accent);color:#fff;border:none;padding:8px 0;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer}.btn-add:hover{background:var(--accent-hover)}.item-list-panel{display:flex;flex-direction:column;height:100%}.item-list-panel h3{font-size:15px;margin-bottom:12px;color:var(--header-bg)}.empty-msg{font-size:12px;color:var(--text-muted);line-height:1.5}.item-list{flex:1;overflow-y:auto;margin-bottom:12px}.item-card{display:flex;align-items:center;gap:8px;padding:8px;margin-bottom:6px;background:#fff;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:border-color .15s}.item-card:hover{border-color:var(--accent)}.item-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #4a90d933}.item-color{width:12px;height:36px;border-radius:3px;flex-shrink:0}.item-info{flex:1;min-width:0}.item-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-dims,.item-pos{font-size:11px;color:var(--text-muted)}.btn-delete{background:none;border:none;color:var(--danger);font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.btn-delete:hover{color:#c0392b}.export-buttons{display:flex;flex-direction:column;gap:8px;margin-top:auto}.btn-export{width:100%;background:#27ae60;color:#fff;border:none;padding:10px 0;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer}.btn-export:hover{background:#219a52}.btn-screenshot{width:100%;background:#8e44ad;color:#fff;border:none;padding:10px 0;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer}.btn-screenshot:hover{background:#7d3c98}.prompt-output{padding:12px 24px;max-height:120px;overflow:hidden;transition:max-height .3s ease}.prompt-output.expanded{max-height:500px;overflow-y:auto}.prompt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.prompt-header h3{font-size:14px;color:var(--header-bg)}.btn-toggle{background:none;border:1px solid var(--border);padding:3px 10px;border-radius:4px;font-size:11px;cursor:pointer;color:var(--text-muted)}.design-brief{margin-bottom:8px}.design-brief label{font-size:12px;color:var(--text-muted);display:block;margin-bottom:4px}.design-brief textarea{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:4px;font-size:13px;resize:vertical;font-family:inherit}.prompt-content{position:relative}.prompt-content pre{background:#1e1e1e;color:#d4d4d4;padding:12px;border-radius:6px;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:350px;overflow-y:auto}.btn-copy{position:absolute;top:8px;right:8px;background:var(--accent);color:#fff;border:none;padding:4px 12px;border-radius:4px;font-size:11px;cursor:pointer}.btn-copy:hover{background:var(--accent-hover)}