@layer legacy{.help-tutorial-panel,.help-tutorial-highlight{--help-tutorial-accent:var(--vm-action);--help-tutorial-soft:var(--vm-tint);--help-tutorial-paper:var(--vm-surface);--help-tutorial-ink:var(--vm-text);--help-tutorial-muted:var(--vm-text-muted)}.help-tutorial-highlight{outline-offset:4px;box-shadow:0 0 0 7px color-mix(in srgb, var(--help-tutorial-accent) 10%, transparent);scroll-margin-block:16px;outline:2px solid var(--help-tutorial-accent)!important}.help-tutorial-panel{box-sizing:border-box;z-index:85;width:min(336px,100vw - 24px);color:var(--help-tutorial-ink);font-size:.9375rem;line-height:1.5;position:fixed;overflow:visible}.help-tutorial-surface{box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--help-tutorial-accent);background:var(--help-tutorial-paper);box-shadow:3px 4px 0 color-mix(in srgb, var(--help-tutorial-accent) 6%, transparent), var(--vm-shadow-md);border-radius:20px 20px 18px;padding:18px;position:relative;overflow:visible}.help-tutorial-surface:before{content:"";background:var(--help-tutorial-soft);pointer-events:none;border-radius:0 19px 0 22px;width:32px;height:32px;position:absolute;inset:0 0 auto auto}.help-tutorial-heading{align-items:center;gap:12px;display:flex;position:relative}.help-tutorial-symbol{background:var(--help-tutorial-soft);width:38px;height:38px;color:var(--help-tutorial-accent);border-radius:12px 14px 10px;flex:0 0 38px;place-items:center;display:grid;transform:rotate(-6deg)}.help-tutorial-symbol svg{transform:rotate(6deg)}.help-tutorial-panel h2{min-width:0;color:var(--help-tutorial-accent);overflow-wrap:anywhere;flex:1;margin:0;font-size:.875rem;font-weight:600;line-height:1.4}.help-tutorial-panel h3{letter-spacing:-.02em;margin:16px 0 8px;font-size:1.2rem;line-height:1.3}.help-tutorial-panel p{font-size:inherit;line-height:inherit;margin:8px 0}.help-tutorial-body{min-width:0;padding-inline:1px}.help-tutorial-panel button{box-sizing:border-box;border:1px solid var(--vm-line);background:var(--vm-surface);min-width:44px;min-height:44px;color:var(--help-tutorial-ink);cursor:pointer;font:inherit;overflow-wrap:anywhere;border-radius:12px;padding:8px 12px;font-weight:600}.help-tutorial-heading button{background:0 0;border-color:#0000;align-self:flex-start;padding:8px;font-size:1.25em;font-weight:400}.help-tutorial-panel button:hover:not(:disabled){background:var(--help-tutorial-soft);border-color:var(--help-tutorial-accent)}.help-tutorial-panel button:disabled{background:var(--vm-surface-muted);color:var(--vm-text-muted);border-color:var(--vm-line);cursor:default;opacity:1}.help-tutorial-panel button:focus-visible,.help-tutorial-panel summary:focus-visible,.help-tutorial-panel h2:focus-visible{outline:3px solid var(--help-tutorial-accent);outline-offset:3px}.help-tutorial-panel .help-tutorial-controls{border-top:1px solid var(--vm-line);font-size:inherit;line-height:inherit;flex-flow:wrap;align-items:stretch;gap:8px;margin-top:14px;padding:12px 0 0;display:flex}.help-tutorial-controls button{flex:auto;margin-left:0}.help-tutorial-panel .help-tutorial-primary:not(:disabled){background:var(--help-tutorial-accent);border-color:var(--help-tutorial-accent);color:#fff}.help-tutorial-panel .help-tutorial-primary:hover:not(:disabled){background:var(--vm-action-hover);border-color:var(--vm-action-hover)}.help-tutorial-support{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:12px;display:flex}.help-tutorial-progress{color:var(--help-tutorial-muted);flex-wrap:wrap;flex:150px;align-items:center;gap:8px 12px;margin-top:0;font-size:.8125rem;display:flex}.help-tutorial-progress progress{appearance:none;background:var(--help-tutorial-soft);width:92px;min-width:60px;max-width:140px;height:8px;accent-color:var(--help-tutorial-accent);border:0;border-radius:6px;flex:92px;overflow:hidden}.help-tutorial-progress progress::-webkit-progress-bar{background:var(--help-tutorial-soft);border-radius:6px}.help-tutorial-progress progress::-webkit-progress-value{background:var(--help-tutorial-accent);border-radius:6px}.help-tutorial-progress progress::-moz-progress-bar{background:var(--help-tutorial-accent);border-radius:6px}.help-tutorial-panel .help-tutorial-note,.help-tutorial-action{color:var(--help-tutorial-muted);font-size:.8125rem}.help-tutorial-tip{background:0 0;border:0;border-radius:12px;flex:none;margin:0;padding:0}.help-tutorial-tip[open]{border:1px solid var(--vm-line);background:var(--vm-surface);flex-basis:100%;padding:0 10px}.help-tutorial-check summary,.help-tutorial-tip summary{cursor:pointer;min-height:44px;color:var(--help-tutorial-accent);align-items:center;font-size:.875rem;font-weight:600;display:flex}.help-tutorial-tip summary:before{content:"+";margin-right:8px;font-size:1.25em}.help-tutorial-tip[open] summary:before{content:"−"}.help-tutorial-panel [hidden]{display:none!important}.help-tutorial-arrow{pointer-events:none;border:10px solid #0000;width:0;height:0;display:block;position:absolute}.help-tutorial-panel[data-placement=right]>.help-tutorial-arrow{left:-18px;top:var(--help-arrow-offset,32px);border-right-color:var(--help-tutorial-accent);transform:translateY(-50%)}.help-tutorial-panel[data-placement=left]>.help-tutorial-arrow{right:-18px;top:var(--help-arrow-offset,32px);border-left-color:var(--help-tutorial-accent);transform:translateY(-50%)}.help-tutorial-panel[data-placement=below]>.help-tutorial-arrow{top:-18px;left:var(--help-arrow-offset,32px);border-bottom-color:var(--help-tutorial-accent);transform:translate(-50%)}.help-tutorial-panel[data-placement=above]>.help-tutorial-arrow{bottom:-18px;left:var(--help-arrow-offset,32px);border-top-color:var(--help-tutorial-accent);transform:translate(-50%)}.help-tutorial-panel[data-placement=fallback]>.help-tutorial-arrow,.help-tutorial-panel[data-placement=unavailable]>.help-tutorial-arrow{display:none}@media (width<=759px){.help-tutorial-panel{width:min(336px,100vw - 16px)}.help-tutorial-surface{padding:12px}.help-tutorial-panel{line-height:1.45}.help-tutorial-panel h3{margin:8px 0 6px;font-size:1.125rem}.help-tutorial-support{margin-top:8px}.help-tutorial-controls{margin-top:8px;padding-top:8px}.help-tutorial-heading{gap:8px}.help-tutorial-symbol{flex-basis:32px;width:32px;height:32px}body.help-tutorial-running .portal-workspace .portal-feature-heading{position:static}}@media (width<=759px) and (height<=600px){body.help-tutorial-running .portal-app-shell .portal-topbar{position:static}}@media (prefers-reduced-motion:reduce){.help-tutorial-panel,.help-tutorial-highlight{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.help-tutorial-panel[data-compact] .help-tutorial-surface{border-radius:14px;padding:10px}.help-tutorial-panel[data-compact] .help-tutorial-heading h2{font-size:.75em;line-height:1.2}.help-tutorial-panel[data-compact] .help-tutorial-symbol{display:none}.help-tutorial-panel[data-compact] h3{margin:4px 0;font-size:1em}.help-tutorial-panel[data-compact] p{margin:4px 0;line-height:1.3}.help-tutorial-panel[data-compact] .help-tutorial-progress progress{display:none}.help-tutorial-panel[data-compact] .help-tutorial-support{margin-top:4px}.help-tutorial-panel[data-compact] .help-tutorial-controls{gap:4px;margin-top:6px;padding-top:6px;font-size:.8125em}.help-tutorial-panel[data-compact] .help-tutorial-heading h2{display:none}.help-tutorial-panel[data-compact] .help-tutorial-heading{justify-content:flex-end;height:30px}.help-tutorial-panel[data-compact] .help-tutorial-heading button{min-height:30px;padding:0 6px}.help-tutorial-panel[data-compact] .help-tutorial-support{margin:0}.help-tutorial-panel[data-compact] .help-tutorial-progress,.help-tutorial-panel[data-compact] .help-tutorial-body>.help-tutorial-note{display:none}.help-tutorial-panel[data-compact] .help-tutorial-tip,.help-tutorial-panel[data-compact] .help-tutorial-tip[open]{background:0 0;border:0;margin:0;padding:0;position:absolute;top:10px;left:12px}.help-tutorial-panel[data-compact] .help-tutorial-tip summary{min-height:30px;font-size:.7em}.help-tutorial-panel[data-compact] .help-tutorial-controls{flex-wrap:nowrap;font-size:.875em}.help-tutorial-panel[data-compact] .help-tutorial-controls button{min-width:44px;padding:6px}.help-tutorial-panel[data-compact] h3{font-size:.875em}@media (width<=759px){body.help-tutorial-running:has(.help-tutorial-panel[data-compact]) textarea.help-tutorial-highlight{min-height:48px!important;height:clamp(48px, calc(100dvh - var(--help-tutorial-card-height,260px) - 140px), 160px)!important}body.help-tutorial-running:has(.help-tutorial-panel[data-compact]) .help-tutorial-highlight textarea:focus{min-height:48px!important;height:clamp(48px, calc(100dvh - var(--help-tutorial-card-height,260px) - 140px), 160px)!important}body.help-tutorial-running:has(.help-tutorial-panel[data-compact]) .portal-app-shell .portal-topbar{position:static}body.help-tutorial-running .studio-result-preview.help-tutorial-highlight .studio-preview-open{margin-inline:auto;width:min(100%,calc(clamp(100px,calc(100dvh - var(--help-tutorial-card-height,300px) - 120px),380px) * var(--preview-aspect,1)))!important}}.help-tutorial-panel[data-compact] .help-tutorial-heading button{box-sizing:border-box;width:30px;height:30px;min-height:30px;padding:0;font-size:20px;line-height:1}@media (width<=759px){.help-tutorial-panel[data-compact] .help-tutorial-controls{font-size:inherit}}body.help-tutorial-running:has(.help-tutorial-panel[data-compact]) .portal-workspace .portal-feature-heading{position:static}.help-tutorial-spotlight{z-index:84;box-shadow:0 0 0 200vmax var(--vm-backdrop);pointer-events:none;border-radius:12px;transition:left .18s,top .18s,width .18s,height .18s;position:fixed}@media (prefers-reduced-motion:reduce){.help-tutorial-spotlight{transition:none}}.help-tutorial-highlight{outline-offset:3px;box-shadow:none;outline-width:3px!important}.help-tutorial-surface:before,.help-tutorial-symbol{display:none}.help-tutorial-panel h2{letter-spacing:.04em;text-transform:uppercase;color:var(--help-tutorial-muted);font-size:.75rem;font-weight:700}.help-tutorial-panel h3{margin:6px 0 4px;font-size:1.125rem}.help-tutorial-surface{box-shadow:var(--vm-shadow-lg);border-radius:16px}.help-tutorial-more{grid-template-columns:auto 1fr;gap:4px 10px;margin:0 0 10px;font-size:.875rem;display:grid}.help-tutorial-more dt{color:var(--help-tutorial-accent);font-weight:700}.help-tutorial-more dd{color:var(--help-tutorial-ink);margin:0}.help-tutorial-panel[data-compact] .help-tutorial-tip,.help-tutorial-panel[data-compact] .help-tutorial-tip[open]{margin:0;position:static}.help-tutorial-panel[data-compact] .help-tutorial-tip>summary{white-space:nowrap;align-items:center;max-width:calc(100% - 76px);height:32px;min-height:0;display:flex;position:absolute;top:12px;left:14px;overflow:hidden}.help-tutorial-panel[data-compact] .help-tutorial-tip[open]{border:1px solid var(--vm-line);background:var(--vm-surface);padding:0 10px}.help-tutorial-panel[data-compact] .help-tutorial-more{overscroll-behavior:contain;max-height:28dvh;overflow-y:auto}.help-tutorial-panel[data-placement=docked]{width:auto}.help-tutorial-panel[data-placement=docked]>.help-tutorial-arrow{display:none}@media (width<=759px){.help-tutorial-panel[data-placement=docked] .help-tutorial-surface{padding:12px 14px}.help-tutorial-panel[data-placement=docked] .help-tutorial-controls button{min-height:42px}}body.help-tutorial-docked .portal-workspace main,body.help-tutorial-docked .bo-content{padding-bottom:calc(var(--help-tutorial-card-height,220px) + 96px + 40dvh)!important}}body.help-tutorial-docked:not(.help-tutorial-docked-beside) dialog[open]:not(.content-focus-dialog,.vm-post-dialog){max-height:calc(100dvh - var(--help-tutorial-card-height,220px) - 24px);margin-block:12px auto}body.help-tutorial-docked:not(.help-tutorial-docked-beside) dialog[open].vm-post-dialog:after{content:"";height:var(--help-tutorial-card-height,220px);display:block}body.help-tutorial-docked:not(.help-tutorial-docked-beside) :is(.content-focus-body,.content-focus-actions):after,body.help-tutorial-docked:not(.help-tutorial-docked-beside) .studio-result-centered.is-flow:after{content:"";height:var(--help-tutorial-card-height,220px);flex:none;display:block}