.templateTutorialStart { background:transparent; color:inherit; border:0; text-decoration:underline; cursor:pointer; padding:8px; font:inherit; font-size:13px; }
.templateTutorialTarget { outline:3px solid #ffca28 !important; outline-offset:4px; }
.templateTutorial { position:fixed; z-index:10000; width:300px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); overflow:auto; box-sizing:border-box; padding:18px; border:1px solid #ffca28; border-radius:16px; background:#18181b; color:#fff; box-shadow:0 8px 32px #0006; font:14px/1.5 Arial,sans-serif; }
.templateTutorial[hidden] { display:none; }
.templateTutorial h2 { margin:4px 0 8px; color:#fff; font-size:18px; }
.templateTutorial p { margin:0 0 16px; color:#eee; }
.templateTutorialStep { color:#ffdc70; font-size:12px; }
.templateTutorialActions { display:flex; justify-content:space-between; gap:12px; }
.templateTutorial button { padding:9px 14px; border:1px solid #71717a; border-radius:8px; background:transparent; color:#fff; cursor:pointer; font:inherit; }
.templateTutorial button[data-next] { background:#ffca28; border-color:#ffca28; color:#18181b; font-weight:700; }
.templateTutorial button:focus-visible,.templateTutorialStart:focus-visible { outline:3px solid #ffca28; outline-offset:3px; }