.hb-designer-wrap{max-width:1280px;margin:20px auto;padding:0 16px;}
.hb-designer-grid{display:grid;grid-template-columns: 2fr 1fr;gap:16px;align-items:start;}
.hb-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;align-items:center;}
.hb-btn{padding:8px 10px;border:1px solid #ddd;background:#fff;border-radius:10px;cursor:pointer;}
.hb-btn:hover{background:#f7f7f7}
.hb-btn.danger{border-color:#f1b3b3}
.hb-file{display:inline-flex;align-items:center;gap:8px;}
.hb-file input{display:none;}
.hb-spacer{flex:1 1 auto;}
.hb-zoom{display:flex;gap:6px;align-items:center;margin-left:auto;}
#hb-zoom-label{min-width:52px;text-align:center;font-size:13px;color:#444;}
.hb-canvas-wrap{background:#fff;border:1px solid #ddd;border-radius:16px;padding:10px;overflow:auto;}
#hb-canvas{background:#f5f5f5;display:block;border-radius:10px;}
.hb-actions{margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.hb-designer-right{background:#fff;border:1px solid #ddd;border-radius:16px;padding:12px;}
.description{color:#666;font-size:13px;margin:0;}
.hb-rights{display:flex;gap:8px;align-items:flex-start;font-size:14px;}
.hb-layers{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow:auto;padding-right:4px;}
.hb-layer{display:flex;gap:8px;align-items:center;border:1px solid #eee;border-radius:12px;padding:8px 10px;cursor:pointer;}
.hb-layer.active{border-color:#b9d3ff;background:#f3f7ff;}
.hb-layer small{color:#666}
@media (max-width: 980px){
  .hb-designer-grid{grid-template-columns: 1fr;}
}