.wf-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.wf-body[hidden]{display:none}.wf-preview{border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:var(--card);min-width:0;box-shadow:var(--edge);gap:12px;padding:clamp(12px,2vw,18px);display:grid;position:sticky;top:90px}.wf-frame{border-radius:var(--radius);background:repeating-conic-gradient(#80808029 0 25%, transparent 0 50%) 0 0 / 18px 18px, var(--bg-soft);place-items:center;min-height:200px;max-height:62vh;padding:10px;display:grid;overflow:hidden}.wf-frame canvas{border-radius:6px;max-width:100%;display:block;box-shadow:0 6px 30px -12px #00000080}.wf-dims{font-family:var(--font-mono);color:var(--muted);text-align:center;margin:0;font-size:.8rem}.wf-export{flex-wrap:wrap;gap:10px;display:flex}.wf-export .btn{flex:160px}.wf-side{gap:16px;min-width:0;display:grid}.wf-gram{grid-column:1/-1}.wf-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);min-width:0;box-shadow:var(--edge);gap:14px;padding:clamp(14px,2.4vw,20px);display:grid}.wf-h{margin:0;font-size:1.05rem}.wf-opt{color:var(--muted);font-size:.8rem;font-weight:500}.wf-hint{color:var(--muted);margin:0;font-size:.88rem}.wf-hint:empty{display:none}.wf-row{flex-wrap:wrap;align-items:flex-end;gap:12px 18px;display:flex}.wf-field{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;display:flex}.wf-field[hidden]{display:none}.wf-field>label{font-size:.92rem;font-weight:650}.wf-grow{flex-direction:column;flex:220px;align-items:stretch}.wf-card select,.wf-card input[type=text],.wf-card input[type=number],.wf-preview input[type=text]{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);min-width:0;max-width:100%;height:42px;padding:0 12px}.wf-card select{width:100%}.wf-card input:focus-visible,.wf-card select:focus-visible,.wf-preview input:focus-visible{border-color:var(--sky);outline:none;box-shadow:0 0 0 4px #7cc4ff2e}.wf-pair{align-items:center;gap:6px;display:inline-flex}.wf-card .wf-pair input{width:9ch;font-family:var(--font-mono)}.wf-card input.wf-time,.wf-preview input.wf-time{width:9ch;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.wf-colour input[type=color]{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);cursor:pointer;width:46px;height:42px;padding:3px}.wf-colour[hidden]{display:none}.wf-styles{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.wf-style{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg-soft);cursor:pointer;justify-items:center;gap:6px;padding:10px 4px;font-size:.85rem;display:grid;position:relative}.wf-style input{opacity:0;pointer-events:none;position:absolute}.wf-style:hover{border-color:var(--sky)}.wf-style:has(input:checked){background:var(--primary-soft);border-color:var(--sky);box-shadow:inset 0 0 0 1px var(--sky)}.wf-style:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.wf-ico{width:40px;height:26px;color:var(--electric)}.wf-ico-bars{background:linear-gradient(currentColor 0 0) 2px/4px 40% no-repeat,linear-gradient(currentColor 0 0) 9px/4px 80% no-repeat,linear-gradient(currentColor 0 0) 16px/4px 55% no-repeat,linear-gradient(currentColor 0 0) 23px/4px 100% no-repeat,linear-gradient(currentColor 0 0) 30px/4px 45% no-repeat}.wf-ico-mirror{background:linear-gradient(currentColor 0 0) 2px 70% / 4px 40% no-repeat, linear-gradient(currentColor 0 0) 9px 70% / 4px 70% no-repeat, linear-gradient(currentColor 0 0) 16px 70% / 4px 50% no-repeat, linear-gradient(currentColor 0 0) 23px 70% / 4px 70% no-repeat, linear-gradient(currentColor 0 0) 30px 70% / 4px 35% no-repeat, linear-gradient(to bottom, color-mix(in srgb, currentColor 40%, transparent), transparent) 0 100% / 100% 26% no-repeat}.wf-ico-line{border-block:2px solid;border-radius:50%/40%;transform:scaleY(.7)}.wf-ico-dots{background:radial-gradient(circle,currentColor 2px,#0000 2.5px) 0 0/7px 7px;mask:linear-gradient(90deg,#0003,#000 30% 70%,#0003)}.wf-ico-circle{border:3px dashed;border-radius:50%;width:26px}.wf-themes{flex-wrap:wrap;gap:8px;display:flex}.wf-theme{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface);min-height:36px;color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:0 12px 0 6px;font-size:.88rem;font-weight:600;display:inline-flex}.wf-theme:hover,.wf-theme.is-on{border-color:var(--sky);box-shadow:inset 0 0 0 1px var(--sky)}.wf-swatch{border:1px solid var(--line-strong);border-radius:50%;width:24px;height:24px}.wf-more summary{cursor:pointer;color:var(--primary);width:max-content;padding:4px 0;font-weight:650}.wf-more[open] summary{margin-bottom:12px}.wf-more>div+div{margin-top:14px}.wf-sliders{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 18px;display:grid}.wf-slider{grid-template-columns:78px 1fr 6ch;align-items:center;gap:10px;font-size:.9rem;font-weight:600;display:grid}.wf-slider input{width:100%;min-width:0;accent-color:var(--electric)}.wf-slider output{font-family:var(--font-mono);color:var(--ink-2);text-align:right;font-size:.8rem}.wf-gbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wf-gbar .go .spin{display:none}.wf-gram.is-making .go .spin{display:inline-grid}.wf-gram.is-making .go .ico{display:none}.wf-video{border-radius:var(--radius);background:#000;width:100%;max-height:70vh}.wf-video[hidden]{display:none}@media (width<=900px){.wf-body{grid-template-columns:minmax(0,1fr)}.wf-preview{position:static}}@media (width<=520px){.wf-styles{grid-template-columns:repeat(3,minmax(0,1fr))}.wf-gbar .btn{flex:100%}.wf-frame{max-height:55vh}.file-card[data-astro-cid-5d6j6xbw]{grid-template-columns:auto 1fr}.file-card[data-astro-cid-5d6j6xbw] .btn[data-astro-cid-5d6j6xbw]{grid-column:1/-1}}