:root{--qhf-bg: #fafafa;--qhf-panel: #fff;--qhf-border: #d8d8d8;--qhf-ink: #1a1a1a;--qhf-muted: #666;--qhf-accent: #b89968;--qhf-accent-ink: #fff;--qhf-danger: #b14b4b;--qhf-wall: #2a2a2a;--qhf-floor: #f4ede1}.qhf-rp{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--qhf-ink);background:var(--qhf-bg);display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:280px 1fr;grid-template-areas:"header header" "room   room" "palette canvas" "footer  footer";gap:12px;padding:16px;min-height:600px}.qhf-rp__header{grid-area:header;display:flex;align-items:baseline;gap:12px}.qhf-rp__header h2{margin:0;font-size:20px;font-weight:600}.qhf-rp__header p{margin:0;color:var(--qhf-muted);font-size:13px}.qhf-rp__room{grid-area:room;display:flex;flex-wrap:wrap;gap:12px;align-items:end;background:var(--qhf-panel);border:1px solid var(--qhf-border);border-radius:6px;padding:10px 12px}.qhf-rp__field{display:flex;flex-direction:column;gap:4px}.qhf-rp__field label{font-size:12px;color:var(--qhf-muted)}.qhf-rp__field-row{display:flex;gap:6px;align-items:center}.qhf-rp__field input{width:60px;padding:6px 8px;border:1px solid var(--qhf-border);border-radius:4px;font-size:14px}.qhf-rp__field span{color:var(--qhf-muted);font-size:12px}.qhf-rp__btn{padding:8px 14px;border:1px solid var(--qhf-border);background:var(--qhf-panel);color:var(--qhf-ink);border-radius:4px;font-size:14px;cursor:pointer}.qhf-rp__btn:hover{background:#f0f0f0}.qhf-rp__btn--primary{background:var(--qhf-accent);color:var(--qhf-accent-ink);border-color:var(--qhf-accent)}.qhf-rp__btn--primary:hover{filter:brightness(.95)}.qhf-rp__btn--danger{background:var(--qhf-danger);color:#fff;border-color:var(--qhf-danger)}.qhf-rp__palette{grid-area:palette;background:var(--qhf-panel);border:1px solid var(--qhf-border);border-radius:6px;display:flex;flex-direction:column;min-height:400px;max-height:75vh}.qhf-rp__palette-search{padding:10px;border-bottom:1px solid var(--qhf-border)}.qhf-rp__palette-search input{width:100%;padding:8px 10px;border:1px solid var(--qhf-border);border-radius:4px;font-size:14px;box-sizing:border-box}.qhf-rp__palette-list{overflow-y:auto;flex:1;padding:6px}.qhf-rp__palette-empty{padding:16px;color:var(--qhf-muted);font-size:13px;text-align:center}.qhf-rp__palette-item{display:flex;gap:10px;align-items:center;padding:8px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.qhf-rp__palette-item:hover{background:#f4efe5}.qhf-rp__palette-item img{width:44px;height:44px;object-fit:cover;border-radius:3px;background:#eee;flex-shrink:0}.qhf-rp__palette-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.qhf-rp__palette-item-title{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qhf-rp__palette-item-dims{font-size:11px;color:var(--qhf-muted)}.qhf-rp__canvas-wrap{grid-area:canvas;background:var(--qhf-panel);border:1px solid var(--qhf-border);border-radius:6px;position:relative;min-height:480px;overflow:hidden}.qhf-rp__canvas{width:100%;height:100%;display:block}.qhf-rp__footer{grid-area:footer;display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--qhf-panel);border:1px solid var(--qhf-border);border-radius:6px;padding:8px 12px;font-size:13px}.qhf-rp__footer-status{color:var(--qhf-muted);flex:1 1 200px;min-width:0}@media (max-width: 720px){.qhf-rp{grid-template-columns:1fr;grid-template-areas:"header" "room" "palette" "canvas" "footer";padding:10px;gap:8px}.qhf-rp__palette{max-height:220px}.qhf-rp__canvas-wrap{min-height:360px}.qhf-rp__room{padding:8px}.qhf-rp__btn{padding:10px 14px}.qhf-rp__field input{width:56px;padding:8px;font-size:16px}}