.tips.svelte-l7bojk{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tips.svelte-l7bojk li:where(.svelte-l7bojk){color:var(--text-2);background:var(--fill-1);border-radius:14px;align-items:flex-start;gap:10px;padding:14px;font-size:13.5px;line-height:1.6;display:flex}.tips.svelte-l7bojk b:where(.svelte-l7bojk){width:22px;height:22px;color:var(--on-primary);background:var(--primary-bg);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.work.svelte-l7bojk{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.editor.svelte-l7bojk,.output.svelte-l7bojk{gap:14px;padding:18px;display:grid}.layouts.svelte-l7bojk{justify-self:start;max-width:100%;overflow-x:auto}.frame.svelte-l7bojk{background:var(--fill-2);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;position:relative;overflow:hidden}.frame.svelte-l7bojk:active{cursor:grabbing}canvas.svelte-l7bojk{width:100%;height:100%;display:block}.lines.svelte-l7bojk{pointer-events:none;display:grid;position:absolute;inset:0}.lines.svelte-l7bojk span.r:where(.svelte-l7bojk){border-right:1px solid #ffffffe6;box-shadow:1px 0 #0003}.lines.svelte-l7bojk span.b:where(.svelte-l7bojk){border-bottom:1px solid #ffffffe6}.lines.svelte-l7bojk span.r.b:where(.svelte-l7bojk){box-shadow:1px 0 #0003,0 1px #0003}.lines.svelte-l7bojk span.b:where(.svelte-l7bojk):not(.r){box-shadow:0 1px #0003}.drag-tip.svelte-l7bojk{color:#fff;pointer-events:none;background:#00000073;border-radius:99px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;display:inline-flex;position:absolute;bottom:10px;left:10px}.zoom.svelte-l7bojk{color:var(--text-3);align-items:center;gap:12px;font-size:13px;display:flex}.zoom.svelte-l7bojk input:where(.svelte-l7bojk){accent-color:var(--text-1);flex:1}.zoom.svelte-l7bojk b:where(.svelte-l7bojk){text-align:right;font-variant-numeric:tabular-nums;min-width:36px;color:var(--text-1)}.row-actions.svelte-l7bojk{gap:8px;display:flex}.out-grid.svelte-l7bojk{gap:4px;display:grid}figure.svelte-l7bojk{margin:0;position:relative}figure.svelte-l7bojk img:where(.svelte-l7bojk){aspect-ratio:1;object-fit:cover;border-radius:4px;width:100%;display:block}figcaption.svelte-l7bojk{color:#fff;background:#0000008c;border-radius:99px;place-items:center;min-width:20px;height:20px;font-size:11px;font-weight:700;display:grid;position:absolute;top:6px;left:6px}.order.svelte-l7bojk{text-align:center;color:var(--text-3);font-size:12.5px}.out-empty.svelte-l7bojk{text-align:center;color:var(--text-3);justify-items:center;gap:14px;padding:18px 0;font-size:13px;display:grid}.mini.svelte-l7bojk{gap:4px;width:min(220px,70%);display:grid}.mini.svelte-l7bojk span:where(.svelte-l7bojk){aspect-ratio:1;color:var(--text-4);background:var(--fill-2);border-radius:6px;place-items:center;font-size:12px;font-weight:600;display:grid}.sr-only.svelte-l7bojk{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}@media (width<=900px){.work.svelte-l7bojk,.tips.svelte-l7bojk{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.editor.svelte-l7bojk,.output.svelte-l7bojk{padding:14px}}