#hub-layout{--hub-shadow:0 8px 24px rgba(28,35,41,.06)}
#hub-layout [draggable="true"]{cursor:grab;user-select:none;-webkit-user-drag:element}#hub-layout .has-active-drag .hub-tile-select{pointer-events:none}#hub-layout .is-dragging{opacity:.45}#hub-layout .is-drop-target{outline:2px solid var(--red);outline-offset:2px;background:#fff8f8}
.hub-layout-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 18px}.hub-layout-heading .eyebrow,.hub-layout-heading h2,.hub-layout-heading p{margin:0}.hub-layout-heading h2{font-size:25px;letter-spacing:-.025em}.hub-layout-heading .layout-help{margin-top:7px}.hub-heading-actions{display:flex;gap:8px;flex:none}
.hub-layout-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:15px 18px;border-left:4px solid var(--red)}.hub-layout-state{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.hub-layout-state span{color:var(--muted);font-size:13px}.hub-draft-badge{display:inline-block;padding:4px 7px;border-radius:4px;background:#fff1cc;color:#694d00;font-size:10px;font-weight:800;letter-spacing:.09em;white-space:nowrap}
.hub-builder{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;align-items:start}.hub-library{min-width:0;padding:5px 0}.hub-library h3{margin:0;font-size:14px}.hub-library>div>p,.hub-library-note{margin:4px 0 14px;color:var(--muted);font-size:12px;line-height:1.5}.hub-library-note{margin-top:14px}.hub-library-list{display:grid;gap:8px}.hub-library-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 8px 9px 11px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 2px 6px rgba(28,35,41,.04)}.hub-library-drag{display:flex;align-items:center;gap:8px;min-width:0}.hub-library-drag>span:last-child{overflow:hidden;text-overflow:ellipsis;font-size:13px}.hub-library-item button{min-width:38px;min-height:38px;padding:6px}.hub-library .state{padding:14px 4px;text-align:left}
.hub-canvas-wrap{min-width:0}.hub-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--muted);font-size:12px}.hub-canvas-toolbar .layout-actions{display:flex;gap:6px}.hub-canvas-toolbar button{min-height:34px;padding:6px 11px}.hub-canvas-toolbar button[aria-pressed="true"]{border-color:var(--red);background:#fff7f7;color:#7b0000}
.hub-canvas{max-width:980px;margin:0 auto;padding:22px;box-shadow:var(--hub-shadow);transition:max-width .16s ease}.hub-canvas.phone{max-width:370px}.hub-canvas-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:13px}.hub-canvas-title strong{font-size:19px;letter-spacing:-.02em}.hub-canvas-title span{color:var(--muted);font-size:11px}.hub-department{padding:18px 0;border-top:1px solid var(--line)}.hub-department:last-child{padding-bottom:0}.hub-department-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}.hub-drag-handle{color:#8b9399;font-size:17px;line-height:1;letter-spacing:-2px}.hub-department-title{font-weight:700}.hub-department-count{margin-left:7px;color:var(--muted);font-size:11px;font-weight:400}.hub-department-actions{display:flex;gap:5px;margin-left:auto}.hub-department-actions button{min-width:38px;min-height:38px;padding:5px 8px}.hub-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:52px}.hub-canvas.phone .hub-tile-grid{grid-template-columns:1fr}.hub-app-tile{position:relative;width:100%;min-height:70px;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--ink);box-shadow:0 2px 6px rgba(28,35,41,.04)}.hub-app-tile.is-selected{border-color:var(--red);box-shadow:0 0 0 2px rgba(204,0,0,.09)}.hub-tile-select{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:68px;padding:10px 38px 10px 10px;text-align:left;background:transparent;border:0;color:inherit}.hub-tile-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#f3f4f5;color:#606971;font-size:18px}.hub-app-tile.is-selected .hub-tile-mark{background:#fff0f0;color:var(--red)}.hub-tile-copy{min-width:0}.hub-tile-copy strong,.hub-tile-copy small{display:block;overflow:hidden;text-overflow:ellipsis}.hub-tile-copy strong{white-space:nowrap;font-size:13px}.hub-tile-copy small{margin-top:3px;color:var(--muted);white-space:nowrap;font-size:10px}.hub-tile-drag{position:absolute;display:grid;place-items:center;width:24px;height:24px;top:5px;right:6px;border-radius:5px;font-size:15px}.hub-tile-drag:hover{background:#f1f2f3;color:#4f565c}.hub-drop-empty{display:grid;place-items:center;min-height:54px;border:1px dashed #cbd0d4;border-radius:8px;color:var(--muted);font-size:12px}
.hub-inspector{display:grid;grid-template-columns:minmax(140px,1fr) minmax(170px,.65fr) auto;gap:12px;align-items:end;max-width:980px;margin:12px auto 0;padding:15px 17px}.hub-inspector>p{grid-column:1/-1;margin:0;color:var(--muted);font-size:13px}.hub-inspector label{font-size:11px;font-weight:700}.hub-inspector input,.hub-inspector select{width:100%;margin-top:5px}.hub-inspector-actions{display:flex;gap:6px}.hub-inspector-actions button{min-height:42px;white-space:nowrap}.hub-inspector-meta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.hub-inspector-remove{color:#970000}
.hub-save-bar{display:grid;grid-template-columns:auto minmax(360px,1fr);gap:0;margin-top:20px;padding:0;overflow:hidden}.hub-draft-actions{display:flex;align-items:center;gap:8px;padding:15px 18px;background:#fafafa}.hub-publish-step{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-left:1px solid #efc0c0;background:#fff8f8}.hub-publish-step strong{color:#7b0000}.hub-publish-step p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.hub-publish-step button{white-space:nowrap}
@media(max-width:1120px){.hub-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-save-bar{grid-template-columns:1fr}.hub-publish-step{border-left:0;border-top:1px solid #efc0c0}}
@media(max-width:760px){.hub-layout-heading{align-items:flex-start;flex-direction:column}.hub-heading-actions{width:100%}.hub-heading-actions button{flex:1}.hub-layout-status{align-items:flex-start}.hub-layout-state{display:grid;gap:3px}.hub-builder{grid-template-columns:1fr}.hub-library{padding:0}.hub-library-list{display:flex;gap:8px;overflow:auto;padding:2px 2px 8px}.hub-library-item{min-width:170px}.hub-canvas{padding:15px}.hub-canvas-title{align-items:flex-start;flex-direction:column}.hub-tile-grid{grid-template-columns:1fr}.hub-inspector{grid-template-columns:1fr}.hub-inspector-actions{display:grid;grid-template-columns:1fr 1fr}.hub-inspector-actions .hub-inspector-remove{grid-column:1/-1}.hub-save-bar{margin-top:14px}.hub-draft-actions{display:grid;grid-template-columns:1fr 1fr}.hub-publish-step{align-items:stretch;flex-direction:column}.hub-publish-step button{width:100%}}