/* Spacevia v8.7.3 — mouse-first editor and collision-safe toolbar */
.hc-editor-topbar{
  height:64px!important;
  min-height:64px;
  display:grid!important;
  grid-template-columns:minmax(190px,250px) minmax(230px,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:7px 10px!important;
  overflow:visible!important;
  position:relative;
  z-index:1100;
}
.hc-editor-brand{min-width:0}.hc-editor-brand .brand-copy{min-width:0}.hc-editor-brand strong,.hc-editor-brand small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-project-title{
  min-width:0!important;
  width:100%!important;
  max-width:520px!important;
  justify-self:center;
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto minmax(110px,1fr) auto!important;
  align-items:center!important;
  gap:7px!important;
  padding:5px 8px!important;
  overflow:hidden!important;
}
.hc-project-title input{min-width:0!important;width:100%!important;border:0!important;outline:0!important;background:transparent!important;text-overflow:ellipsis!important}
.hc-project-title .save-state{position:static!important;white-space:nowrap!important;font-size:9px!important}
.hc-top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;min-width:0!important;white-space:nowrap!important;position:relative}
.hc-short-action{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:9px!important}
.hc-save-action{background:#111827!important;color:#fff!important}
.hc-history-control{display:flex;gap:2px;position:relative;padding:2px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc}
.hc-history-dropdown{position:absolute;right:0;top:42px;width:285px;max-height:390px;background:#fff;border:1px solid #dfe4eb;border-radius:14px;box-shadow:0 20px 60px rgba(15,23,42,.22);z-index:5000;overflow:hidden}
.hc-history-head{padding:11px 12px;border-bottom:1px solid #eef1f5;display:grid}.hc-history-head strong{font-size:11px}.hc-history-head small{font-size:8px;color:#8b95a7}
.hc-history-list{max-height:330px;overflow:auto;padding:6px}.hc-history-item{width:100%;border:0;background:transparent;border-radius:9px;padding:8px 9px;display:grid;grid-template-columns:24px 1fr auto;gap:7px;align-items:center;text-align:left;color:#445066}.hc-history-item:hover{background:#f3f6fa}.hc-history-item.active{background:#eef2ff;color:#3730a3}.hc-history-item i{font-size:13px}.hc-history-item b{font-size:9px;display:block}.hc-history-item small{font-size:7.5px;color:#96a0b0}.hc-history-item em{font-style:normal;font-size:8px}
.hc-workspace-toolbar{grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important;min-width:0!important;padding:0 10px!important}
.hc-canvas-tools{min-width:0!important;max-width:100%!important;overflow-x:auto!important;scrollbar-width:none!important;justify-self:center!important}.hc-canvas-tools::-webkit-scrollbar{display:none}
.hc-canvas-tools .mini-btn{white-space:nowrap!important;height:34px!important;padding:0 9px!important;display:flex!important;gap:5px!important;align-items:center!important}
.hc-toolbar-separator{width:1px;height:22px;background:#e1e5eb;flex:0 0 1px;margin:0 2px}
.hc-workspace-status{justify-self:end;font-size:9px;color:#788396;white-space:nowrap}.hc-workspace-status i{color:#4f46e5}
.hc-transform-palette{display:none!important;position:absolute!important;top:58px!important;left:50%!important;transform:translateX(-50%)!important;width:min(520px,calc(100% - 26px))!important;padding:10px!important;border:1px solid #dfe4ec!important;border-radius:14px!important;background:#fff!important;box-shadow:0 16px 55px rgba(15,23,42,.18)!important;z-index:950!important}
.hc-transform-palette.open{display:block!important}
.hc-transform-palette .tp-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 8px}.hc-transform-palette .tp-title{display:flex;align-items:center;gap:7px;font-weight:800;font-size:11px}.hc-transform-palette .tp-title small{font-weight:500;color:#8993a3}
.hc-transform-quick{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.hc-transform-quick button{border:1px solid #e0e5ec;background:#fafbfc;border-radius:9px;min-height:44px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;font-size:8px;color:#536074}.hc-transform-quick button i{font-size:15px}.hc-transform-quick button.active,.hc-transform-quick button:hover{background:#111827;color:#fff;border-color:#111827}
.hc-transform-tip{font-size:8px;color:#8490a2;margin-top:8px;padding:7px 8px;background:#f8fafc;border-radius:8px}
#canvas2d{cursor:default}.hc-mouse-transforming #canvas2d{cursor:grabbing}
.hc-direct-handle{pointer-events:none}
.mode-rail,.catalog-panel,.workspace,.properties{min-width:0}
.studio-shell>*{min-width:0}
@media(max-width:1280px){
 .hc-editor-topbar{grid-template-columns:180px minmax(190px,1fr) auto!important}
 .hc-editor-brand small{display:none!important}
 .hc-top-actions .hc-short-action{width:31px!important;height:31px!important;min-width:31px!important}
 .hc-project-title .save-state{display:none!important}
}
@media(max-width:1060px){
 .hc-editor-topbar{grid-template-columns:52px minmax(180px,1fr) minmax(340px,auto)!important}
 .hc-editor-brand .brand-copy{display:none!important}
 .hc-top-actions{overflow-x:auto!important;max-width:100%!important;scrollbar-width:none}.hc-top-actions::-webkit-scrollbar{display:none}
}
@media(max-width:780px){
 .hc-editor-topbar{grid-template-columns:44px minmax(130px,1fr) minmax(220px,auto)!important}
 .hc-top-actions .hc-short-action:nth-of-type(n+8):not(.hc-save-action){display:none!important}
 .hc-workspace-status{display:none!important}
 .hc-canvas-tools .mini-btn span{display:none!important}
 .hc-canvas-tools .mini-btn{width:34px!important;justify-content:center!important;padding:0!important}
 .hc-transform-quick{grid-template-columns:repeat(5,minmax(0,1fr))}
}

.hc-help-action{text-decoration:none!important;color:inherit!important}.hc-help-action:hover{color:#4f46e5!important}