.tutorial.svelte-tmel3b{position:relative}.start.svelte-tmel3b{margin:24px 0 32px;border-left:3px solid var(--color-accent)}.start.svelte-tmel3b>div:where(.svelte-tmel3b){flex:1 1 260px}.label.svelte-tmel3b{font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--color-accent)}.line.svelte-tmel3b{font-size:14px}.slot.svelte-tmel3b button:where(.svelte-tmel3b){font:600 14px var(--font-sans)}.task.svelte-tmel3b{background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-panel);padding:12px 16px;font:15px/1.5 var(--font-sans);border-left:3px solid var(--color-accent)}.slot.svelte-tmel3b{width:min(1100px,100vw - 24px);position:relative;left:50%;transform:translate(-50%);height:min(82vh,820px);margin:1.2em 0 2.4em;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--color-panel);border:1px dashed var(--color-line);font-family:var(--font-sans);color:var(--color-muted)}.slot.svelte-tmel3b span:where(.svelte-tmel3b){font-size:18px;font-weight:600}.tutorial.svelte-tmel3b .live{position:absolute;z-index:2;border-radius:10px;overflow:hidden;background:var(--color-panel)}.tutorial.svelte-tmel3b .live iframe{display:block;width:100%;height:100%;border:0}.tutorial.svelte-tmel3b .live .status{position:absolute;inset:auto 0 0;margin:0;padding:10px 14px;text-align:center;font:13px var(--font-sans);color:var(--color-muted);background:var(--color-panel)}.tutorial.svelte-tmel3b .live .status:empty{display:none}