/* A transparent top layer: only the SVG outside the real controls is dimmed. */
html.tutorial-running{overflow:hidden;scroll-behavior:auto}
#tutorial.tutorial-dialog{--tour-accent:#6240cc;--tour-ink:#272137;--tour-muted:#6b637b;--tour-surface:#fff;--tour-line:#e8e1f0;box-sizing:border-box;position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:transparent;color:var(--tour-ink);box-shadow:none;font:14px/1.6 system-ui,sans-serif;text-align:start;color-scheme:light}
#tutorial::backdrop{background:transparent;backdrop-filter:none}
#tutorial *{box-sizing:border-box}
#tutorial .tutorial-spotlight{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;overflow:visible;pointer-events:auto}
#tutorial .tutorial-shade{fill:#181123a6}
#tutorial .tutorial-ring{fill:none;stroke:#d5c5ff;stroke-width:3;filter:drop-shadow(0 0 4px #ab87fb66);pointer-events:none}
#tutorial .tutorial-tooltip{position:fixed;display:flex;flex-direction:column;width:min(336px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:0;padding:18px;border:1px solid var(--tour-line);border-radius:16px;background:var(--tour-surface);color:var(--tour-ink);box-shadow:0 12px 40px #10081f40;isolation:isolate}
#tutorial[data-ready=false] .tutorial-tooltip{visibility:hidden}
#tutorial .tutorial-tooltip::before{content:"";position:absolute;z-index:-1;width:12px;height:12px;border:1px solid var(--tour-line);background:var(--tour-surface);transform:rotate(45deg)}
#tutorial [data-side=right]::before{left:-7px;top:calc(var(--arrow-y) - 6px);border-top:0;border-right:0}
#tutorial [data-side=left]::before{right:-7px;top:calc(var(--arrow-y) - 6px);border-bottom:0;border-left:0}
#tutorial [data-side=bottom]::before{top:-7px;left:calc(var(--arrow-x) - 6px);border-bottom:0;border-right:0}
#tutorial [data-side=top]::before{bottom:-7px;left:calc(var(--arrow-x) - 6px);border-top:0;border-left:0}
#tutorial button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:40px;margin:0;padding:9px 12px;border:1px solid var(--tour-line);border-radius:9px;background:var(--tour-surface);color:var(--tour-ink);box-shadow:none;font:600 12px/1.4 system-ui,sans-serif;text-decoration:none;letter-spacing:0;cursor:pointer}
#tutorial button:disabled{opacity:.4;cursor:default}
#tutorial svg:not(.tutorial-spotlight){display:block;flex-shrink:0;width:17px;height:17px;max-width:100%}
#tutorial .tutorial-top{display:flex;align-items:center;gap:10px;flex-shrink:0;margin:0 0 12px}
#tutorial .tutorial-brand{color:var(--tour-accent);font-size:10px;font-weight:750;letter-spacing:.7px}
#tutorial .tutorial-progress{margin-inline-start:auto;color:var(--tour-muted);font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
#tutorial .tutorial-close{width:28px;min-height:28px;margin:-5px -5px -5px 0;padding:5px;border:0;border-radius:50%;background:transparent;color:var(--tour-muted)}
#tutorial .tutorial-close:hover{background:var(--tour-line);color:var(--tour-ink)}
#tutorial .tutorial-copy{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#tutorial h2{margin:0 0 8px;color:var(--tour-ink);font:750 19px/1.25 system-ui,sans-serif;letter-spacing:-.5px;overflow-wrap:anywhere}
#tutorial #tutorial-body{margin:0;color:var(--tour-muted);font:400 13px/1.65 system-ui,sans-serif;overflow-wrap:anywhere}
#tutorial .tutorial-segments{display:flex;flex-shrink:0;gap:4px;margin:16px 0}
#tutorial .tutorial-segments span{flex:1;height:3px;border-radius:3px;background:var(--tour-line)}
#tutorial .tutorial-segments .is-complete{background:var(--tour-accent)}
#tutorial .tutorial-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
#tutorial [data-tour-next]{max-width:75%;border-color:var(--tour-accent);background:var(--tour-accent);color:#fff}
#tutorial [data-tour-next]:hover{background:#5132b1;border-color:#5132b1}
#tutorial [data-tour-back]{padding-inline:0;border-color:transparent;background:transparent;color:var(--tour-muted)}
#tutorial [data-tour-back]>svg{transform:rotate(180deg)}
#tutorial[dir=rtl] [data-tour-next]>svg{transform:rotate(180deg)}
#tutorial[dir=rtl] [data-tour-back]>svg{transform:none}
#tutorial .tutorial-language{display:flex;align-items:center;gap:6px;align-self:flex-start;flex-shrink:0;min-width:0;max-width:100%;margin:12px 0 -5px;color:var(--tour-muted);font-size:10px;font-weight:400}
#tutorial .tutorial-language>svg{width:13px;height:13px}
#tutorial .tutorial-language select{width:auto;max-width:210px;min-width:0;min-height:28px;margin:0;padding:4px 20px 4px 2px;border:0;border-radius:5px;background:var(--tour-surface);color:var(--tour-muted);font:400 10px/1.4 system-ui,sans-serif;cursor:pointer}
#tutorial .tutorial-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#tutorial :focus-visible,[data-open-tutorial]:focus-visible{outline:3px solid #ad8bea;outline-offset:3px}
#tutorial h2:focus{outline:none}
[data-open-tutorial]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:40px;white-space:nowrap;text-decoration:none;font-weight:750;font-size:13px;padding:8px 14px;border:1px solid #5b3df5;border-radius:9px;background:#5b3df5;color:#fff;box-shadow:0 2px 6px #5b3df526}
[data-open-tutorial]:hover{border-color:#4528d8;background:#4528d8;color:#fff}
@media(max-width:600px){#tutorial .tutorial-tooltip{width:min(320px,calc(100vw - 24px));padding:16px}#tutorial h2{font-size:18px}#tutorial #tutorial-body{font-size:12px;line-height:1.6}#tutorial .tutorial-segments{margin-block:13px}#tutorial button{min-height:40px}}
@media(max-height:440px){#tutorial .tutorial-tooltip{width:min(310px,calc(100vw - 24px));padding:13px}#tutorial .tutorial-top{margin-bottom:8px}#tutorial h2{font-size:17px}#tutorial #tutorial-body{font-size:12px;line-height:1.5}#tutorial .tutorial-segments{margin-block:10px}#tutorial .tutorial-language{margin-top:7px}#tutorial button{min-height:36px;padding-block:7px}}
:root[data-theme=dark] #tutorial{--tour-accent:#7953dd;--tour-ink:#f1ebfc;--tour-muted:#c9bedc;--tour-surface:#251e35;--tour-line:#493b61;color-scheme:dark}
:root[data-theme=dark] #tutorial .tutorial-brand{color:#d0baf4}
:root[data-theme=dark] [data-open-tutorial]{background:#b9a3ff;border-color:#b9a3ff;color:#241533}
:root[data-theme=dark] [data-open-tutorial]:hover{background:#cdbdff;border-color:#cdbdff;color:#241533}

.app-explainer{scroll-margin-top:80px;padding-block:50px;border-top:1px solid #ded9e8;line-height:1.75}.app-explainer>h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.03em;line-height:1.25}.app-explainer h3{line-height:1.4}.app-explainer>p{max-width:78ch}.app-explainer .guides,.app-explainer .guide,.app-explainer .faq{margin-top:24px}.app-explainer .guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.app-explainer .faq details{padding-block:14px}.app-explainer summary{cursor:pointer;font-weight:650}.app-explainer .w-formula{overflow-wrap:anywhere}.app-explainer .w-related{display:flex;flex-wrap:wrap;gap:12px}.app-explainer .explainer-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;align-items:center}
@media screen and (min-width:1000px){body.workspace-ready>.app-explainer{box-sizing:border-box;width:calc(100% - var(--sidebar-width,216px));margin-inline:var(--sidebar-width,216px) 0;padding-inline:32px;max-width:none;overflow-wrap:anywhere}body.workspace-ready>.site-footer,body.workspace-ready>.footer{box-sizing:border-box;display:block;width:calc(100% - var(--sidebar-width,216px));margin-inline:var(--sidebar-width,216px) 0}.tool-page>.footer{display:block}.app-page .app-explainer{padding-inline:14px}}
@media(max-width:600px){.app-explainer{padding-block:30px}.app-explainer .guide-grid{grid-template-columns:1fr;gap:16px}.workspace-topbar [data-open-workspace-help],.workspace-topbar .header-library{display:none}}
@media print{.tutorial-dialog,.app-explainer,[data-open-tutorial]{display:none!important}.tutorial-target{outline:0!important}}
@media(max-width:600px){.topbar .topbar-inner{gap:8px}.topbar [data-open-tutorial]{font-size:12px;padding:6px}.topbar .lang-menu{min-width:0;flex-shrink:1;margin-inline-start:auto}.topbar .lang-menu summary{font-size:11px;max-width:86px}.topbar .tool-menu>summary{font-size:0;gap:0;min-width:36px;padding:6px}.topbar .tool-menu>summary [aria-hidden]{font-size:20px}.topbar .lang-menu nav{position:fixed!important;inset:65px 14px auto auto;max-width:calc(100vw - 28px)}}