.grid.svelte-9b7pj{--gap:1rem;gap:var(--gap);flex-direction:column;display:flex}@media (width>=768px){.grid.svelte-9b7pj{grid-template-columns:repeat(6,1fr);display:grid}}.box.svelte-9b7pj{z-index:2;box-shadow:var(--shadow);border-radius:var(--border-radius);background-color:var(--bg-l1);border:1px solid #d0d0d0;flex-direction:column;gap:12px;width:100%;padding:2rem;display:flex;position:relative}.grabbable.svelte-9b7pj{cursor:grab}.box-header.svelte-9b7pj{flex-direction:row;justify-content:space-between;gap:4px;width:100%;display:flex}.box-header.svelte-9b7pj span:where(.svelte-9b7pj){flex-direction:row;display:flex}.box-header.svelte-9b7pj:active{cursor:grabbing}button.close.svelte-9b7pj{cursor:pointer;border-radius:var(--round);background-color:var(--bg-l1);color:#000;border:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;display:flex}button.close.svelte-9b7pj:hover{background-color:lch(from var(--primary) calc(l - 10) c h);color:#fff}.resize-handle.svelte-9b7pj{opacity:0;cursor:pointer;cursor:ew-resize;border:var(--border);border-radius:var(--border-radius);background:#78787859;width:18px;height:18px;transition:opacity .2s;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.box-body.svelte-9b7pj{flex:1;min-height:0;display:flex}.box.svelte-9b7pj:hover .resize-handle:where(.svelte-9b7pj){opacity:1}.preview-box.svelte-9b7pj{z-index:3;border:var(--border-dashed);border-radius:var(--border-radius);pointer-events:none;background:#a0a0a01a}button.add.svelte-9b7pj{z-index:1;cursor:pointer;border:var(--border);border-radius:var(--border-radius);background:var(--bg-l1);color:#1f1f1f;text-align:center;place-items:center;padding:10px 16px;transition:background .2s,border-color .2s;display:grid}button.add.svelte-9b7pj:hover{background:rgba(from var(--bg-l1), r g b .1)}