.dash-grid{width:100%}.dash-grid.is-editing{border-radius:var(--radius-lg);background-image:linear-gradient(90deg,#4793560d 1px,#0000 1px),linear-gradient(#4793560d 1px,#0000 1px);background-image:linear-gradient(90deg,lab(55.1026% -35.1619 25.2506/.05) 1px,#0000 1px),linear-gradient(lab(55.1026% -35.1619 25.2506/.05) 1px,#0000 1px);background-size:calc(8.33333% + 1.33333px) 80px}.dash-frame{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);contain:layout paint;flex-direction:column;display:flex;overflow:hidden}.dash-frame.is-editing{border-color:var(--color-border-strong);box-shadow:var(--shadow-pop)}.dash-frame.is-dragging{box-shadow:var(--shadow-drag);border-color:var(--color-accent-subtle);opacity:.97;cursor:grabbing}.dash-body{flex:1;min-height:0;overflow:hidden}.dash-scroll{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.dash-scroll::-webkit-scrollbar{width:6px}.dash-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.dash-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.dash-grip{background:var(--color-subtle);border-bottom:1px solid var(--color-border);height:28px;color:var(--color-faint);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;gap:6px;padding:0 10px;display:flex}.dash-grip:active{cursor:grabbing}.dash-grip-title{letter-spacing:.1em;text-transform:uppercase;color:var(--color-faint);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.62rem}.dash-remove{color:var(--color-faint);transition:color var(--duration-fast) var(--ease-out-quart);place-items:center;margin-left:auto;display:grid}.dash-remove:hover{color:var(--color-danger)}.dash-resize{cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg, transparent 50%, var(--color-border-strong) 50%, var(--color-border-strong) 62%, transparent 62%, transparent 74%, var(--color-border-strong) 74%, var(--color-border-strong) 86%, transparent 86%);border-bottom-right-radius:var(--radius-lg);width:18px;height:18px;position:absolute;bottom:0;right:0}.dash-resize:hover{background:linear-gradient(135deg, transparent 50%, var(--color-accent) 50%, var(--color-accent) 62%, transparent 62%, transparent 74%, var(--color-accent) 74%, var(--color-accent) 86%, transparent 86%)}.dash-btn{border-radius:var(--radius-md);height:34px;transition:background var(--duration-fast) var(--ease-out-quart), border-color var(--duration-fast) var(--ease-out-quart), color var(--duration-fast) var(--ease-out-quart);align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.dash-btn-ghost{color:var(--color-muted);border:1px solid var(--color-border)}.dash-btn-ghost:hover{color:var(--color-foreground);border-color:var(--color-border-strong);background:var(--color-subtle)}.dash-btn-accent{color:var(--color-accent-foreground);background:var(--color-accent)}.dash-btn-accent:hover{background:var(--color-accent-hover)}.dash-scrim{z-index:50;background:var(--color-overlay);animation:dash-fade var(--duration-normal) var(--ease-out-quart);position:fixed;inset:0}.dash-drawer{z-index:51;background:var(--color-surface-raised);border-left:1px solid var(--color-border);width:min(420px,92vw);box-shadow:var(--shadow-drag);animation:dash-slide-in var(--duration-normal) var(--ease-out-expo);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes dash-fade{0%{opacity:0}to{opacity:1}}@keyframes dash-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.dash-frame,.dash-scrim,.dash-drawer{transition:none!important;animation:none!important}}