.ai-tutorial{--tutorial-line:#dce3ed;--tutorial-ink:#152b4a;--tutorial-muted:#63738b;--tutorial-accent:#3156cf;--tutorial-canvas:#f3f5f9;border:1px solid var(--tutorial-line);background:var(--tutorial-canvas);min-width:0;color:var(--tutorial-ink);border-radius:12px;flex-direction:column;gap:12px;margin:32px 0;padding:20px;display:flex}.ai-tutorial figcaption{gap:4px;display:grid}.ai-tutorial-provider{letter-spacing:.06em;text-transform:uppercase;color:var(--tutorial-muted);font-size:12px;font-weight:600}.ai-tutorial-title{font-size:18px;line-height:1.35}.ai-tutorial .ai-tutorial-instruction,.ai-tutorial .ai-tutorial-fallback,.ai-tutorial-start p,.ai-tutorial-note{margin:0}.ai-tutorial .ai-tutorial-instruction{white-space:pre-wrap}.ai-tutorial .ai-tutorial-fallback{font-size:14px}.ai-tutorial-start{border:1px dashed var(--tutorial-line);text-align:center;background:#fff;border-radius:8px;justify-items:center;gap:8px;padding:28px 16px;display:grid}.ai-tutorial-start p,.ai-tutorial-note,.ai-tutorial-bar{color:var(--tutorial-muted);font-size:13px}.ai-tutorial-load{background:var(--tutorial-accent);color:#fff;min-height:40px;font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-weight:600;display:inline-flex}.ai-tutorial-panel{outline:none;flex-direction:column;gap:8px;min-width:0;display:flex}.ai-tutorial-bar,.ai-tutorial-confirm{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ai-tutorial-bar>span{flex:1;min-width:0}.ai-tutorial-bar strong{color:var(--tutorial-ink);font-size:15px}.ai-tutorial-bar button,.ai-tutorial-confirm button{border:1px solid var(--tutorial-line);min-height:34px;color:var(--tutorial-ink);font:inherit;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.ai-tutorial-bar button:disabled{opacity:.5;cursor:default}.ai-tutorial-confirm{background:#fff7e6;border-radius:8px;padding:10px 12px;font-size:13px}.ai-tutorial-scroll{border:1px solid var(--tutorial-line);background:#fff;border-radius:8px;max-width:100%;overflow:auto}.ai-tutorial-scroll iframe{border:0;width:100%;min-width:1100px;height:780px;display:block}.ai-tutorial-video{aspect-ratio:16/9;background:#111;border-radius:8px;position:relative;overflow:hidden}.ai-tutorial-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.ai-tutorial-panel.is-expanded{z-index:1000;background:#fff;border-radius:12px;padding:12px 16px;position:fixed;inset:12px;box-shadow:0 0 0 100vmax #0a142899}.is-expanded .ai-tutorial-scroll{flex:1;min-height:0}.is-expanded .ai-tutorial-scroll iframe{height:100%;min-height:720px}@media (max-width:760px){.ai-tutorial{margin:24px 0;padding:14px}.ai-tutorial-panel.is-expanded{border-radius:0;padding:10px;inset:0}}
