.wg-board{container-type:inline-size;container-name:board;position:relative}.wg-grid{--wg-row:72px;--wg-gap:16px;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:var(--wg-row);grid-auto-flow:row dense;gap:var(--wg-gap)}.wg-item{position:relative;min-width:0;grid-column:span var(--c2) /span var(--c2);grid-row:span var(--h) /span var(--h)}@container board (min-width: 560px){.wg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wg-item{grid-column:span var(--c4) /span var(--c4)}}@container board (min-width: 880px){.wg-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.wg-item{grid-column:span var(--c8) /span var(--c8)}}@container board (min-width: 1100px){.wg-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.wg-item{grid-column:span var(--c12) /span var(--c12)}}.wg-guides{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-columns:inherit;gap:var(--wg-gap);opacity:0;transition:opacity .3s cubic-bezier(.2,0,0,1)}.wg-board[data-editing] .wg-guides{opacity:1}.wg-guides>span{border-radius:12px;background:repeating-linear-gradient(180deg,hsl(var(--foreground)/.035) 0 72px,transparent 72px 88px)}.wg-surface{--w-accent:var(--p-accent);--w-accent-ink:var(--p-ink);--w-c1:var(--p-c1);--w-c2:var(--p-c2);--w-c3:var(--p-c3);--w-c4:var(--p-c4);--w-c5:var(--p-c5);--w-bg:#fff;--w-fg:#1a1a1a;--w-muted:#737373;--w-faint:#a3a3a3;--w-sub:#f4f4f4;--w-sub2:#ebebeb;--w-line:rgba(0,0,0,.065);--w-line-strong:rgba(0,0,0,.12);--w-chip:#f1f1f1;--w-hatch:rgba(0,0,0,.16);--w-track:#eee;--w-seg:#1a1a1a;--w-seg-fg:#fff;--w-shadow:0 1px 2px rgba(0,0,0,.04),0 0 0 1px rgba(0,0,0,.045);--w-shadow-hover:0 1px 2px rgba(0,0,0,.04),0 0 0 1px rgba(0,0,0,.05),0 18px 40px -18px rgba(0,0,0,.22);position:relative;height:100%;width:100%;overflow:hidden;isolation:isolate;border-radius:var(--w-radius,18px);background:var(--w-bg);color:var(--w-fg);box-shadow:var(--w-shadow);transition:box-shadow .3s cubic-bezier(.2,0,0,1),background-color .3s cubic-bezier(.2,0,0,1)}.dark .wg-surface{--w-bg:#1b1b1b;--w-fg:#ededed;--w-muted:#9b9b9b;--w-faint:#6f6f6f;--w-sub:#242424;--w-sub2:#2c2c2c;--w-line:hsla(0,0%,100%,.07);--w-line-strong:hsla(0,0%,100%,.14);--w-chip:#2a2a2a;--w-hatch:hsla(0,0%,100%,.16);--w-track:#2a2a2a;--w-seg:#f1f1f1;--w-seg-fg:#111;--w-shadow:0 0 0 1px hsla(0,0%,100%,.07);--w-shadow-hover:0 0 0 1px hsla(0,0%,100%,.1),0 18px 40px -18px rgba(0,0,0,.7)}.dark .wg-surface[data-tone=dark],.wg-surface[data-tone=dark]{--w-bg:#131313;--w-fg:#f4f4f4;--w-muted:#8e8e8e;--w-faint:#5f5f5f;--w-sub:#1e1e1e;--w-sub2:#282828;--w-line:hsla(0,0%,100%,.075);--w-line-strong:hsla(0,0%,100%,.14);--w-chip:#252525;--w-hatch:hsla(0,0%,100%,.17);--w-track:#262626;--w-seg:#f4f4f4;--w-seg-fg:#111;--w-shadow:0 0 0 1px hsla(0,0%,100%,.05),0 1px 2px rgba(0,0,0,.2);--w-shadow-hover:0 0 0 1px hsla(0,0%,100%,.09),0 22px 44px -18px rgba(0,0,0,.55)}.dark .wg-surface:not([data-tone=accent]),.wg-surface[data-tone=dark]{--w-accent:var(--p-accent-d,var(--p-accent));--w-accent-ink:var(--p-ink-d,var(--p-ink));--w-c1:var(--p-c1-d,var(--p-c1));--w-c2:var(--p-c2-d,var(--p-c2));--w-c3:var(--p-c3-d,var(--p-c3));--w-c4:var(--p-c4-d,var(--p-c4));--w-c5:var(--p-c5-d,var(--p-c5))}.dark .wg-surface[data-tone=accent],.wg-surface[data-tone=accent]{--w-bg:var(--w-accent);--w-fg:var(--w-accent-ink);--w-muted:color-mix(in srgb,var(--w-accent-ink) 64%,var(--w-accent));--w-faint:color-mix(in srgb,var(--w-accent-ink) 42%,var(--w-accent));--w-sub:color-mix(in srgb,var(--w-accent-ink) 8%,var(--w-accent));--w-sub2:color-mix(in srgb,var(--w-accent-ink) 14%,var(--w-accent));--w-line:color-mix(in srgb,var(--w-accent-ink) 12%,transparent);--w-line-strong:color-mix(in srgb,var(--w-accent-ink) 22%,transparent);--w-chip:color-mix(in srgb,var(--w-accent-ink) 10%,var(--w-accent));--w-hatch:color-mix(in srgb,var(--w-accent-ink) 40%,transparent);--w-track:color-mix(in srgb,var(--w-accent-ink) 12%,var(--w-accent));--w-seg:var(--w-accent-ink);--w-seg-fg:var(--w-accent);--w-shadow:0 0 0 1px color-mix(in srgb,var(--w-accent-ink) 6%,transparent)}.wg-surface[data-tone=tint]{--w-bg:color-mix(in srgb,var(--w-accent) 16%,#fff);--w-sub:color-mix(in srgb,var(--w-accent) 10%,#fff);--w-chip:color-mix(in srgb,var(--w-accent) 22%,#fff)}.dark .wg-surface[data-tone=tint]{--w-bg:color-mix(in srgb,var(--w-accent) 14%,#1b1b1b);--w-sub:color-mix(in srgb,var(--w-accent) 10%,#1b1b1b);--w-chip:color-mix(in srgb,var(--w-accent) 20%,#1b1b1b)}.wg-surface[data-chrome=bare]{background:transparent;box-shadow:none;overflow:visible}.wg-panel{border-radius:calc(var(--w-radius, 18px) - 6px);background:var(--w-bg);box-shadow:0 0 0 1px var(--w-line),0 1px 2px rgba(0,0,0,.04)}.wg-hatch{background-image:repeating-linear-gradient(135deg,var(--w-hatch) 0 1px,transparent 1px 6px)}.wg-hatch-fine{background-image:repeating-linear-gradient(135deg,var(--w-hatch) 0 1px,transparent 1px 4px)}.wg-rise,.wg-tilt{height:100%}.wg-tilt{border-radius:var(--w-radius,18px);transition:transform .4s cubic-bezier(.2,0,0,1)}.wg-item[data-hover] .wg-tilt{transform:translateY(-2px);transition:transform .22s ease-out}.wg-item[data-hover] .wg-surface:not([data-chrome=bare]){box-shadow:var(--w-shadow-hover)}.wg-board{--wg-zoom:1.12}@media (max-width:640px){.wg-board{--wg-zoom:1}}.wg-scale{zoom:var(--wg-zoom,1);width:100%;height:100%}.wg-sheen{pointer-events:none;z-index:30;opacity:0;transition:opacity .4s cubic-bezier(.2,0,0,1);background:radial-gradient(520px circle at var(--mx,50%) var(--my,0),color-mix(in srgb,var(--w-fg) 4%,transparent),transparent 45%)}.wg-sheen,.wg-sheen:before{position:absolute;inset:0;border-radius:inherit}.wg-sheen:before{content:"";padding:1px;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0),color-mix(in srgb,var(--w-fg) 26%,transparent),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.wg-item[data-hover] .wg-sheen{opacity:1}.wg-surface[data-chrome=bare] .wg-sheen{display:none}.wg-controls{position:absolute;top:-12px;right:14px;z-index:40;opacity:0;transform:translateY(4px) scale(.96);pointer-events:none;transition:opacity .2s cubic-bezier(.2,0,0,1),transform .26s cubic-bezier(.2,0,0,1)}.wg-board[data-editing] .wg-controls,.wg-item:focus-within .wg-controls,.wg-item[data-hover] .wg-controls,.wg-item[data-open] .wg-controls{opacity:1;transform:none;pointer-events:auto}.wg-resize{position:absolute;right:2px;bottom:2px;z-index:40;width:22px;height:22px;cursor:nwse-resize;opacity:0;transition:opacity .2s;touch-action:none}.wg-resize:after{content:"";position:absolute;right:6px;bottom:6px;width:9px;height:9px;border-right:2px solid hsl(var(--foreground)/.45);border-bottom:2px solid hsl(var(--foreground)/.45);border-bottom-right-radius:4px}.wg-board[data-editing] .wg-resize,.wg-item[data-hover] .wg-resize,.wg-item[data-resizing] .wg-resize{opacity:1}@container board (max-width: 1099px){.wg-resize{display:none}}.wg-board[data-editing] .wg-item:not([data-dragging]) .wg-tilt{outline:1.5px dashed hsl(var(--foreground)/.18);outline-offset:4px}.wg-item[data-dragging] .wg-rise{visibility:hidden}.wg-placeholder{position:absolute;inset:0;border-radius:var(--w-radius,18px);border:1.5px dashed hsl(var(--foreground)/.28);background:hsl(var(--foreground)/.035);animation:wg-breathe 1.6s ease-in-out infinite}@keyframes wg-breathe{50%{background:hsl(var(--foreground)/.07)}}.wg-item[data-resizing] .wg-tilt{outline:2px solid hsl(var(--ring));outline-offset:3px}@keyframes wg-lift{0%{transform:scale(1) rotate(0deg);box-shadow:0 0 0 transparent}to{transform:scale(1.025) rotate(-1deg);box-shadow:0 32px 64px -24px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.05)}}.wg-overlay{height:100%;border-radius:var(--w-radius,18px);cursor:grabbing;animation:wg-lift .22s cubic-bezier(.2,0,0,1) forwards}@keyframes wg-arrive{0%{box-shadow:0 0 0 0 hsl(var(--ring)/.55)}to{box-shadow:0 0 0 14px hsl(var(--ring)/0)}}.wg-item[data-new] .wg-tilt{animation:wg-arrive 1.1s cubic-bezier(.2,0,0,1) 2}@media (prefers-reduced-motion:reduce){.wg-item[data-new] .wg-tilt,.wg-overlay,.wg-placeholder,.wg-rise{animation:none!important}.wg-item[data-hover] .wg-tilt{transform:none!important}}