#help-tour{width:28px;height:28px;padding:0;border-radius:50%;flex-shrink:0;font-size:13px;font-weight:700;background:transparent;color:inherit;border:1px solid currentColor;opacity:.8}
#help-tour:hover{opacity:1}
#product-tour{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;color:var(--ink)}
#product-tour::backdrop{background:transparent;backdrop-filter:none}
#product-tour .tour-shade{position:absolute;inset:0;background:rgba(7,7,12,.64)}
#product-tour:not([data-step="0"]) .tour-shade{background:transparent}
.tour-spotlight{position:fixed;border:2px solid var(--tour-accent,#c6f34d);border-radius:22px;box-shadow:0 0 0 200vmax rgba(7,7,12,.66);pointer-events:none;transition:left .25s,top .25s,width .25s,height .25s}
#product-tour .tour-card{--tour-accent:#c6f34d;position:fixed;left:50%;top:50%;transform:none;width:400px;max-width:calc(100vw - 32px);padding:26px;max-height:calc(100dvh - 32px);overflow:auto;border-radius:28px;border:1px solid #45434f;background:#24232d;color:#faf9ff;box-shadow:0 24px 90px #0005;font-family:Manrope,system-ui,sans-serif}
#product-tour[data-step="0"] .tour-card{transform:translate(-50%,-50%);width:440px}
.tour-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}
#tour-eyebrow{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#c6c1d4;font-weight:700}
#tour-skip{border:0;background:transparent;color:#d0ccdb;padding:6px 0 6px 8px;font-size:11px;white-space:nowrap}
#product-tour h2{font-size:28px;line-height:1.17;letter-spacing:-1.2px;margin:0 0 14px;font-weight:650;color:inherit}
#tour-copy{font-size:14px;line-height:1.75;color:#d7d3e1;margin:0}
#tour-example{margin:20px 0 0;padding:16px;border:1px solid #8b6ac373;border-radius:17px;background:linear-gradient(125deg,#8055c746,#39313f);font-size:13px;line-height:1.7;color:#f1e9ff}
.tour-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:26px}
.tour-tracker{display:flex;flex-direction:column;gap:8px}#tour-progress{font-size:10px;color:#aaa4b8}
#tour-dots{display:flex;gap:5px}#tour-dots span{width:5px;height:5px;border-radius:5px;background:#5a5567;transition:width .2s}#tour-dots span.active{width:22px;background:var(--tour-accent)}
.tour-actions{display:flex;align-items:center;gap:12px}#tour-back{border:0;background:transparent;padding:10px 0;color:#d7d3e1;font-size:12px}#tour-next{border:0;border-radius:40px;background:var(--tour-accent);color:#1d2215;padding:13px 18px;font-size:12px;font-weight:750;white-space:nowrap}
#tour-art{position:relative;height:130px;margin:0 0 25px;border-radius:22px;background:linear-gradient(125deg,#7650c8,#a787e7);overflow:hidden;display:flex;align-items:center;justify-content:center;gap:9px;transform:rotate(-2deg)}
.tour-mini-day{width:51px;height:88px;border:1px solid #fff4;border-radius:23px;background:#ffffff20;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:13px;font-size:10px;color:white}.tour-mini-day strong{font-size:17px;font-weight:600}.tour-mini-day.active{background:#c6f34d;color:#252b1c;transform:translateY(-7px);border-color:transparent}.tour-mini-day i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.tour-mini-note{position:absolute;bottom:9px;right:9px;border-radius:20px;padding:6px 10px;background:#24232d;color:#faf9ff;font-size:9px;transform:rotate(2deg)}
body[data-palette="mono"] #product-tour .tour-card{--tour-accent:#fff;background:#fff;color:#191919;border-color:#ddd}body[data-palette="mono"] #tour-copy,body[data-palette="mono"] #tour-back,body[data-palette="mono"] #tour-skip,body[data-palette="mono"] #tour-eyebrow{color:#666}body[data-palette="mono"] #tour-example{background:#eee;color:#222;border-color:#ddd}body[data-palette="mono"] #tour-next{background:#171717;color:white}body[data-palette="mono"] #tour-art{background:linear-gradient(125deg,#777,#bbb)}body[data-palette="mono"] .tour-mini-day.active{background:#fff;color:#111}body[data-palette="mono"] #tour-dots span.active{background:#171717}
body[data-palette="dark"] #product-tour .tour-card{--tour-accent:#fff;background:#181818}body[data-palette="dark"] #tour-example{background:#303030;border-color:#555}body[data-palette="dark"] #tour-art{background:linear-gradient(125deg,#444,#777)}body[data-palette="dark"] .tour-mini-day.active{background:#fff;color:#111}
body[data-palette="studio"] #product-tour .tour-card{--tour-accent:#c7b0fc;background:#252435}
@media(max-width:820px){header{gap:8px}#help-tour{width:28px;height:28px}#product-tour .tour-card{left:12px!important;top:auto!important;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);max-width:none;padding:22px;border-radius:26px}#product-tour[data-step="0"] .tour-card{left:50%!important;top:50%!important;bottom:auto;transform:translate(-50%,-50%);width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}#product-tour h2{font-size:26px}#tour-copy{font-size:13px}.tour-topline{margin-bottom:18px}#tour-art{height:116px;margin-bottom:22px}#tour-example{padding:13px;font-size:12px;margin-top:14px}.tour-footer{margin-top:20px}#tour-next{padding:13px 15px}.tour-spotlight{border-radius:17px}}
@media(prefers-reduced-motion:reduce){.tour-spotlight,#tour-dots span{transition:none}}

body[data-palette="mono"] .tour-spotlight,body[data-palette="dark"] .tour-spotlight{border-color:#fff}
@media(max-width:380px){header{gap:6px;padding-left:12px;padding-right:12px}header .logo{font-size:15px;letter-spacing:-.7px}header .logo:before{width:24px;height:24px;font-size:15px;margin-right:5px}header .account-button{padding:7px 8px;font-size:10px}header>#mobile-more{width:32px;min-width:32px;margin-left:0;flex-shrink:0}#help-tour{width:26px;height:26px}}