#workspace{display:flex;flex-direction:column;min-height:0}#frames{flex:1;min-height:0;height:auto}.hub-split-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 14px;background:#f4f6f1;border-bottom:1px solid var(--border)}.hub-split-controls[hidden]{display:none}.hub-split-controls>div{display:flex;align-items:center;gap:7px;flex:1;min-width:190px}.hub-split-controls select{padding:7px;border-radius:7px;min-width:0}.hub-split-controls label{display:flex;align-items:center;gap:7px;margin:0;font-size:12px}.hub-split-controls button[aria-pressed=true]{background:var(--green);color:white}.hub-split{display:grid;grid-template-columns:minmax(0,var(--hub-split-left,50%)) 10px minmax(0,1fr);overflow:hidden}.hub-split>.framepane{min-width:0;min-height:0;overflow:hidden;grid-row:1}.hub-pane-left{grid-column:1}.hub-pane-right{grid-column:3}.hub-split-divider{grid-column:2;grid-row:1;background:#e4e9df;cursor:col-resize;touch-action:none;position:relative}.hub-split-divider[hidden]{display:none}.hub-split-divider:after{content:"";position:absolute;width:3px;height:44px;background:#89967f;border-radius:3px;left:3px;top:calc(50% - 22px)}.hub-split-divider:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.hub-split-resizing iframe{pointer-events:none}.tab.split-visible{box-shadow:inset 0 -3px #89967f}.stat-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.stat-open:hover{filter:none;text-decoration:underline}.hub-split-divider{min-height:100%}@media(max-width:760px){.hub-split{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(250px,1fr) 8px minmax(250px,1fr);overflow:auto}.hub-split>.hub-pane-left{grid-row:1;grid-column:1}.hub-split>.hub-pane-right{grid-row:3;grid-column:1}.hub-split-divider{grid-row:2;grid-column:1;min-height:8px;cursor:row-resize}.hub-split-divider:after{width:44px;height:3px;left:calc(50% - 22px);top:2px}.hub-split-controls{gap:7px}.hub-split-controls>div{min-width:150px}#hub-split-toggle{font-size:11px;padding:7px}}

.hub-drop-zone{display:none;position:absolute;top:8px;bottom:8px;z-index:35;align-items:center;justify-content:center;font-size:19px;font-weight:700;color:#31482b;background:#e9f1e4ed;border:3px dashed #6d845e;border-radius:12px;pointer-events:auto}.hub-drop-left{left:8px;width:calc(50% - 16px)}.hub-drop-right{right:8px;width:calc(50% - 16px)}.hub-drop-active .hub-drop-zone{display:flex}.hub-drop-active iframe{pointer-events:none}.headtabs .tab[draggable=true]{cursor:grab}.headtabs .tab[draggable=true]:active{cursor:grabbing}@media(max-width:760px){.hub-drop-left{left:8px;right:8px;top:8px;bottom:auto;width:auto;height:calc(50% - 16px)}.hub-drop-right{left:8px;right:8px;bottom:8px;top:auto;width:auto;height:calc(50% - 16px)}}

.hub-subtabs{display:flex;align-items:center;gap:6px;padding:7px 18px;background:#edf0e8;border-bottom:1px solid #d8dfd1;overflow-x:auto;flex-shrink:0;min-height:45px}.hub-subtabs .tab{border-radius:7px;background:white;color:var(--ink);padding:7px 11px;font-size:12px;border:1px solid #d7dfcf;flex-shrink:0}.hub-subtabs .tab.active{background:var(--green);color:white;border-color:var(--green)}.hub-subtab-label{font-size:12px;color:#56684b;white-space:nowrap;margin-right:7px}.hub-subtabs .tab[draggable=true]{cursor:grab}