/* Deliberate grab areas stay visible without putting a handle on every card. */
.ss-layout-ready .ss-sidebar,.ss-layout-ready .ss-context{position:relative;min-width:0}
.ss-layout-ready .ss-sidebar-head{gap:8px;flex-wrap:wrap}
.ss-layout-ready .ss-main{min-width:0;overflow-x:clip}
.ss-shell.ss-layout-ready{transition:none}
.ss-resize-handle{touch-action:none;user-select:none}
.ss-resize-handle[data-axis=x]{cursor:col-resize}
.ss-resize-handle[data-axis=y]{cursor:row-resize}
.ss-resize-handle:focus-visible{outline:2px solid var(--ss-blue);outline-offset:2px}
.ss-resize-handle[aria-disabled=true]{pointer-events:none;opacity:.25}
html.ss-resizing,html.ss-resizing *{user-select:none!important}
html.ss-resizing .ss-shell,html.ss-resizing .ss-composer,html.ss-resizing .ss-sidebar,html.ss-resizing .ss-context{transition:none!important}
.ss-layout-edge{position:absolute;z-index:6;touch-action:none;user-select:none;cursor:col-resize;outline:0}
.ss-layout-edge:before{content:'';position:absolute;background:var(--ss-line);border-radius:4px;transition:background .12s ease,opacity .12s ease;pointer-events:none}
.ss-layout-edge:hover:before,.ss-layout-edge:focus-visible:before,.ss-layout-dragging .ss-layout-edge:focus:before{background:var(--ss-blue);opacity:1}
.ss-layout-edge:focus-visible{outline:1px solid var(--ss-blue);outline-offset:-2px;border-radius:5px}
.ss-list-edge,.ss-context-edge{top:0;bottom:0;width:10px}
.ss-list-edge{right:-5px}
.ss-context-edge{left:-5px}
.ss-list-edge:before,.ss-context-edge:before{left:4px;top:0;bottom:0;width:2px;opacity:.45}
.ss-list-edge:after,.ss-context-edge:after{content:'';position:absolute;left:3px;top:calc(50% - 21px);width:4px;height:42px;border:1px solid var(--ss-muted);border-radius:4px;background:var(--ss-panel);opacity:.7;pointer-events:none}
.ss-layout-edge:hover:after,.ss-layout-edge:focus-visible:after{border-color:var(--ss-blue);background:var(--ss-blue);opacity:1}
.ss-measure-edge{width:12px;height:44px;top:12px;opacity:.6}
.ss-measure-start{left:calc(50% - var(--ss-measure) / 2 - 16px)}
.ss-measure-end{right:calc(50% - var(--ss-measure) / 2 - 16px)}
.ss-measure-edge:before{left:5px;top:8px;bottom:8px;width:2px;background:var(--ss-muted)}
.ss-measure-edge:after{content:'';position:absolute;top:18px;width:5px;height:8px;border-top:1px solid var(--ss-muted);border-bottom:1px solid var(--ss-muted);pointer-events:none}
.ss-measure-start:after{left:6px}.ss-measure-end:after{right:6px}
.ss-measure-edge:hover,.ss-measure-edge:focus-visible{opacity:1;background:var(--ss-panel);border-radius:5px}
.ss-layout-menu{position:fixed;z-index:1100;width:min(310px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow:auto;overscroll-behavior:contain;padding:16px;box-sizing:border-box;color:var(--ss-text);background:var(--ss-panel);border:1px solid var(--ss-line);border-radius:13px;box-shadow:0 12px 42px #0004;font-size:12px;line-height:1.5}
.ss-layout-menu[hidden]{display:none}
.ss-layout-menu>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
.ss-layout-menu>header>b{font-size:13px;font-weight:600}
.ss-layout-menu>p,.ss-layout-hint{color:var(--ss-muted);font-size:11px;line-height:1.6}
.ss-layout-menu .ss-layout-close{width:28px;min-width:28px;min-height:28px;padding:2px;background:transparent;border:0;border-radius:6px;color:var(--ss-muted);font-size:19px;line-height:1;cursor:pointer}
.ss-layout-menu .ss-layout-close:hover{color:var(--ss-text);background:var(--ss-raised)}
.ss-layout-field{display:block;margin:17px 0;color:var(--ss-text)}
.ss-layout-field>span{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;margin-bottom:5px}
.ss-layout-field output{color:var(--ss-muted);font-size:11px;font-variant-numeric:tabular-nums}
.ss-layout-menu .ss-layout-field>input[type=range]{display:block;width:100%;min-width:0;min-height:24px;height:24px;padding:0;margin:0;cursor:ew-resize;accent-color:var(--ss-blue);border:0;background:transparent;box-shadow:none}
.ss-layout-menu .ss-layout-field>input:disabled{opacity:.45;cursor:default}
.ss-layout-reset{display:block;width:100%;min-height:34px;margin-top:13px;padding:7px 10px;border:1px solid var(--ss-line);border-radius:7px;background:var(--ss-raised);color:var(--ss-text);font-size:11px;cursor:pointer}
.ss-layout-reset:hover{border-color:var(--ss-muted)}
.ss-layout-dragging,.ss-layout-dragging *{cursor:col-resize!important;user-select:none!important}
@media(min-width:1101px){
  .ss-shell.ss-layout-ready{grid-template-columns:var(--ss-list-width) minmax(0,1fr) var(--ss-context-width)}
  .ss-shell.ss-layout-ready.ss-hide-list{grid-template-columns:0 minmax(0,1fr) var(--ss-context-width)}
  .ss-shell.ss-layout-ready.ss-hide-context{grid-template-columns:var(--ss-list-width) minmax(0,1fr) 0}
  .ss-shell.ss-layout-ready.ss-hide-list.ss-hide-context{grid-template-columns:0 minmax(0,1fr) 0}
  .ss-layout-ready.ss-hide-context .ss-context-edge{display:none}
}
@media(min-width:641px){.ss-layout-ready.ss-hide-list .ss-list-edge{display:none}}
@media(min-width:641px) and (max-width:1100px){
  .ss-shell.ss-layout-ready,.ss-shell.ss-layout-ready.ss-hide-context{grid-template-columns:var(--ss-list-width) minmax(0,1fr)}
  .ss-shell.ss-layout-ready.ss-hide-list,.ss-shell.ss-layout-ready.ss-hide-list.ss-hide-context{grid-template-columns:0 minmax(0,1fr)}
}
@media(max-width:1100px){
  .ss-layout-ready .ss-context{position:absolute;width:var(--ss-context-width);max-width:calc(100% - 20px)}
}
@media(max-width:640px){
  .ss-layout-ready .ss-sidebar{position:absolute;width:100%;max-width:100%;right:0;box-shadow:none}
  .ss-layout-ready .ss-list-edge{display:none}
  .ss-layout-menu{font-size:13px}
  .ss-layout-field>span{font-size:13px}
  .ss-layout-menu .ss-layout-field>input[type=range]{height:32px;min-height:32px}
  .ss-layout-menu .ss-layout-close{width:34px;min-width:34px;min-height:34px}
  .ss-layout-reset{min-height:40px}
  .ss-measure-edge{top:8px}
}
@media(prefers-reduced-motion:reduce){.ss-layout-edge:before{transition:none}}