.hp-root{flex-direction:column;min-width:0;display:flex}.hp-top-strip{margin:8px 8px 0}.hp-mtabs{background:var(--page);border-bottom:1px solid color-mix(in srgb, var(--white) 5%, transparent);gap:6px;padding:8px 12px;display:none;overflow-x:auto}.hp-main{box-sizing:border-box;gap:8px;height:calc(100dvh - 92px);min-height:520px;padding:8px;display:flex;overflow:auto hidden}.hp-none{color:var(--zinc-400);margin:auto;font-size:13px;font-weight:700}.hp-col{flex-direction:column;flex:1 0 360px;gap:8px;min-width:360px;height:100%;display:flex}.hp-panel{background:var(--panel);border:1px solid color-mix(in srgb, var(--white) 6%, transparent);outline-offset:2px;border-radius:16px;outline:0 solid #0000;flex-direction:column;flex:1 1 0;min-height:0;transition:opacity .2s;display:flex;overflow:hidden}.hp-panel.is-dragged{opacity:.4}.hp-panel.is-over{outline:2px solid var(--brand)}.hp-head{box-sizing:border-box;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:6px;height:44px;padding:0 8px;display:flex}.hp-ico{width:28px;height:28px;color:var(--zinc-400);border-radius:6px;justify-content:center;align-items:center;display:flex}.hp-ico:hover:not(:disabled){background:color-mix(in srgb, var(--white) 5%, transparent);color:var(--white)}.hp-ico:disabled{opacity:.35;cursor:default}.hp-ico:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.hp-body{scrollbar-width:thin;scrollbar-color:var(--zinc-800) transparent;flex:auto;min-height:0;overflow-y:auto}.hp-tail{height:56px;color:var(--error-text);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.hp-tail.is-over{background:color-mix(in srgb, var(--brand) 15%, transparent)}.hp-newcol{box-sizing:border-box;border:1px dashed color-mix(in srgb, var(--white) 15%, transparent);height:100%;color:var(--error-text);writing-mode:vertical-rl;border-radius:16px;flex:0 0 72px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.hp-newcol.is-over{border:2px dashed var(--brand)}.hp-extras{padding:16px 8px 8px}@media (max-width:900px){.hp-mtabs{display:flex}.hp-main{height:auto;min-height:0;display:block;overflow:visible}.hp-col{display:contents}.hp-panel{display:none}.hp-panel.is-m-on{display:flex}.hp-head,.hp-tail,.hp-newcol{display:none}.hp-body{overflow:visible}}@container mp-col (max-width:640px){.hp-mtabs{display:flex}.hp-main{height:auto;min-height:0;display:block;overflow:visible}.hp-col{display:contents}.hp-panel{display:none}.hp-panel.is-m-on{display:flex}.hp-head,.hp-tail,.hp-newcol{display:none}.hp-body{overflow:visible}}@media (prefers-reduced-motion:reduce){.hp-panel{transition:none}}