.draft-demo.svelte-vkxz16{margin:2rem auto;max-width:16rem}.draft-panel.svelte-vkxz16{--rail: color-mix(in srgb, currentColor 22%, transparent);--branch: rgb(251 191 36 / .85);--muted: color-mix(in srgb, currentColor 38%, transparent);--label: color-mix(in srgb, currentColor 62%, transparent);background:var(--surface-2, rgb(0 0 0 / .035));border:1px solid var(--border, rgb(0 0 0 / .07));border-radius:.7rem;padding:.5rem .4rem;-webkit-user-select:none;user-select:none}.draft-panel__head.svelte-vkxz16{display:flex;align-items:center;gap:.4rem;padding:.1rem .5rem .5rem;font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.draft-panel.svelte-vkxz16{--col0: .95rem;--col: 1rem}.draft-row.svelte-vkxz16{position:relative;display:flex;align-items:center;gap:.55rem;padding:.36rem .4rem .36rem calc(.85rem + var(--d, 0) * var(--col));border-radius:.45rem;font-size:.9rem;color:var(--label)}.draft-row--active.svelte-vkxz16{background:var(--surface, #fff);color:var(--text-strong, rgb(0 0 0 / .85));font-weight:600;box-shadow:0 1px 3px #00000014}.draft-dot.svelte-vkxz16{width:.42rem;height:.42rem;border-radius:50%;background:var(--rail);flex-shrink:0}.draft-dot--active.svelte-vkxz16{background:#f59e0b}.draft-label.svelte-vkxz16{flex:0 0 auto}.draft-fill.svelte-vkxz16{flex:1 1 auto}.draft-lock.svelte-vkxz16{color:var(--muted);flex-shrink:0}.draft-rail.svelte-vkxz16{position:absolute;width:1px;background:var(--rail);left:calc(var(--col0) + var(--c, 0) * var(--col))}.draft-rail--full.svelte-vkxz16{top:0;bottom:0}.draft-rail--above.svelte-vkxz16{top:0;height:50%}.draft-rail--below.svelte-vkxz16{top:50%;bottom:0}.draft-elbow.svelte-vkxz16{position:absolute;top:0;bottom:0;width:1px;background:var(--branch);left:calc(var(--col0) + var(--c, 0) * var(--col))}.draft-elbow.svelte-vkxz16:after{content:"";position:absolute;left:0;top:50%;width:var(--col);height:1px;background:var(--branch)}.draft-demo.svelte-vkxz16 figcaption:where(.svelte-vkxz16){margin-top:.6rem;font-size:.8rem;font-style:italic;text-align:center;color:var(--text-soft, var(--muted))}.draft-demo.svelte-vkxz16 figcaption:where(.svelte-vkxz16) code:where(.svelte-vkxz16){font-style:normal;font-size:.85em;background:var(--surface-2);padding:.05rem .2rem;border-radius:.2rem}