#tutorialsButton {display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 128px;min-width:128px;letter-spacing:0;}
#tutorialsButton[hidden] {display:none;}
#tutorialsButton > svg {width:12.6px;height:12.6px;}
.tutorials-menu {position:fixed;right:auto;z-index:16000;box-sizing:border-box;width:296px;max-width:calc(100vw - 16px);}
.tutorials-menu[hidden] {display:none;}
.tutorials-submenu[hidden] {display:none;}
.tutorials-submenu {box-sizing:border-box;width:320px;max-width:calc(100vw - 16px);}
.tutorials-menu.opens-right .tutorials-submenu {left:calc(100% + 8px);right:auto;}
#tutorialsMenu button::before {display:none;}
#tutorialsMenu button > svg {position:absolute;left:8px;top:50%;transform:translateY(-50%);width:16px;height:16px;}
.tutorials-submenu button {white-space:normal;}
.tutorials-menu button:focus-visible {outline:2px solid var(--accent);outline-offset:-2px;}
@media(max-width:900px){
 .tutorials-submenu {position:static;width:100%;min-width:0;max-width:100%;margin:4px 0;transform:none;box-shadow:none;}
 .tutorials-menu {max-height:calc(100dvh - 100px);overflow-y:auto;}
}
.tutorial-player {position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#15191d;color:#f3f6f9;overflow:hidden;letter-spacing:0;}
.tutorial-player[open] {display:grid;grid-template-rows:auto minmax(0,1fr) min(232px,45dvh);}
.tutorial-player::backdrop {background:#15191d;}
.tutorial-player > header {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:8px 20px;background:#242b30;border-bottom:1px solid #536069;}
.tutorial-player header strong,.tutorial-player header small {display:block;}
.tutorial-player header strong {font-size:15px;line-height:1.3;}
.tutorial-player header small {font-size:11px;color:#afc0ca;margin-top:2px;}
.tutorial-controls {display:flex;align-items:center;gap:6px;flex-shrink:0;}
.tutorial-controls button,.tutorial-controls select {margin:0;box-sizing:border-box;min-height:34px;}
.tutorial-controls svg {display:block;}
.tutorial-controls .tutorial-skip {position:relative;padding:4px;font-size:8px;font-weight:700;}
.tutorial-controls .tutorial-skip svg {position:absolute;inset:4px;width:24px;height:24px;}
.tutorial-controls button {width:34px;height:34px;min-width:34px;padding:7px;border:1px solid #667985;border-radius:4px;background:#303c44;color:#fff;display:grid;place-items:center;}
.tutorial-controls button:hover {background:#41606f;}
.tutorial-controls button:disabled {opacity:.4;cursor:wait;}
.tutorial-controls select {height:34px;width:68px;padding:3px 6px;border-radius:4px;background:#303c44;border:1px solid #667985;color:#fff;font-size:12px;}
.tutorial-controls :focus-visible {outline:2px solid #59d5f5;outline-offset:2px;}
.tutorial-stage {position:relative;overflow:clip;min-height:0;background:#333e45;}
.tutorial-scene {position:absolute;left:0;top:0;transform-origin:0 0;border:0;pointer-events:none;}
.tutorial-loading {position:absolute;inset:0;display:grid;place-content:center;background:#202930e8;color:#f1f7fa;font-size:16px;z-index:8;}
.tutorial-loading[hidden] {display:none;}
.tutorial-highlight {position:absolute;box-sizing:border-box;border:2px solid #00bada;border-radius:5px;background:#4bdfff10;box-shadow:0 0 0 3000px #07131b33;z-index:3;pointer-events:none;}
.tutorial-cursor {position:absolute;left:0;top:0;width:28px;height:34px;z-index:5;pointer-events:none;color:#073c51;filter:drop-shadow(0 0 2px white);}
.tutorial-cursor svg {width:27px;height:27px;fill:#f0fcff;stroke-width:1.7;}
.tutorial-cursor::after {content:'';position:absolute;left:-11px;top:-11px;width:27px;height:27px;border:3px solid #00c6ed;border-radius:50%;opacity:0;}
.tutorial-cursor.is-clicking::after {animation:tutorial-click .65s ease-out;}
.tutorial-cursor.is-zooming::after {width:5px;height:14px;left:22px;top:6px;border-radius:3px;background:#00c6ed;animation:tutorial-wheel .6s ease-in-out infinite alternate;}
@keyframes tutorial-wheel {from{opacity:1;transform:translateY(-5px)}to{opacity:1;transform:translateY(5px)}}
.tutorial-file-dialog {width:430px;max-width:calc(100% - 32px);box-sizing:border-box;border:1px solid #b8c8d8;border-radius:6px;padding:20px;background:var(--panel-bg,#f5f8fc);color:inherit;}
.tutorial-file-dialog h2 {font-size:16px;margin:0 0 18px;}
.tutorial-file-dialog label {display:block;font-size:12px;}
.tutorial-file-dialog input {width:100%;box-sizing:border-box;}
.tutorial-file-dialog footer {display:flex;justify-content:flex-end;margin-top:20px;}
.tutorial-file-dialog button {min-width:76px;min-height:32px;padding:6px 14px;border:1px solid #b8c8d8;border-radius:4px;font:inherit;font-size:12px;background:#f5f8fc;color:#202830;}
body[data-theme="night"] .tutorial-file-dialog {background:#202830;color:#edf5fb;}
body[data-theme="night"] .tutorial-file-dialog button {background:#303c44;border-color:#667985;color:#fff;}
.tutorial-player.is-paused * {animation-play-state:paused!important;}
@keyframes tutorial-click {from{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2.1)}}
.tutorial-player > footer {display:grid;grid-template-rows:1fr auto 40px;gap:7px;padding:12px 24px 0;text-align:center;background:#15191d;}
.tutorial-subtitle {align-self:center;justify-self:center;max-width:950px;margin:0;font-family:Arial,sans-serif;font-size:40px;line-height:1.4;color:#fff;text-shadow:0 2px 2px #000;letter-spacing:0;overflow-wrap:anywhere;}
.tutorial-step {font-size:11px;color:#abc2cd;line-height:16px;}
.tutorial-position {display:flex;justify-content:center;align-items:center;gap:16px;}
.tutorial-time {font-size:11px;line-height:16px;color:#abc2cd;font-variant-numeric:tabular-nums;min-width:84px;}
.tutorial-player .tutorial-progress {box-sizing:border-box;width:100%;height:20px;min-height:20px;appearance:none;border:0;margin:0;padding:0;cursor:pointer;background:transparent;}
.tutorial-progress::-webkit-slider-runnable-track {height:4px;border-radius:2px;background:linear-gradient(to right,#4bd1df var(--tutorial-progress,0%),#36454e var(--tutorial-progress,0%));}
.tutorial-progress::-webkit-slider-thumb {appearance:none;width:14px;height:14px;border:2px solid #e3fbff;border-radius:50%;background:#29a6b5;margin-top:-5px;}
.tutorial-progress::-moz-range-track {height:4px;background:#36454e;}
.tutorial-progress::-moz-range-progress {height:4px;background:#4bd1df;}
.tutorial-progress::-moz-range-thumb {width:10px;height:10px;border:2px solid #e3fbff;border-radius:50%;background:#29a6b5;}
.tutorial-progress:focus-visible {outline:2px solid #59d5f5;outline-offset:2px;}
.tutorial-timeline {position:relative;min-width:0;height:40px;}
.tutorial-timeline .tutorial-progress {position:absolute;left:0;bottom:0;}
.tutorial-chapters {position:absolute;inset:0 7px;pointer-events:none;}
.tutorial-player .tutorial-chapter {position:absolute;bottom:18px;transform:translateX(-50%);box-sizing:border-box;width:24px;height:22px;min-width:24px;margin:0;padding:0;border:0;border-radius:3px;background:transparent;color:#b8cbd3;pointer-events:auto;cursor:pointer;}
.tutorial-chapter::before {content:'';position:absolute;left:9px;top:5px;width:6px;height:6px;border-radius:50%;background:currentColor;}
.tutorial-chapter::after {content:'';position:absolute;left:11px;top:10px;width:2px;height:21px;background:currentColor;pointer-events:none;}
.tutorial-player .tutorial-chapter[aria-current],.tutorial-player .tutorial-chapter:hover {color:#62e1ed;}
.tutorial-chapter:focus-visible {outline:2px solid #62e1ed;outline-offset:-1px;}
.tutorial-chapter-tooltip {position:absolute;bottom:42px;z-index:10;box-sizing:border-box;max-width:min(300px,100%);padding:5px 8px;border:1px solid #667985;border-radius:4px;background:#26343d;color:#fff;font-size:12px;line-height:1.35;white-space:normal;pointer-events:none;}
.tutorial-chapter-tooltip[hidden] {display:none;}
.tutorial-proposal {position:absolute;inset:0;width:100%;height:100%;border:0;background:white;z-index:6;pointer-events:none;}
[data-tutorial-scene="true"] #tutorialsButton {visibility:visible;text-transform:uppercase;}
[data-tutorial-scene="true"] #projectPricePanel {display:none!important;}
[data-tutorial-scene="true"] .welcome-dialog,[data-tutorial-scene="true"] .welcome-modal {display:none!important;}
@media(max-width:700px){
 #tutorialsButton{flex:0 0 auto;min-width:82px;width:auto;padding:4px 8px;}
 .tutorial-player[open]{grid-template-rows:auto minmax(0,1fr) min(270px,45dvh);}
 .tutorial-player > header{padding:8px 10px;flex-wrap:wrap;gap:6px;}
 .tutorial-player header strong{font-size:13px;}
 .tutorial-player header small{font-size:10px;}
 .tutorial-controls{margin-left:auto;}
 .tutorial-player > footer{padding:10px 14px 0;}
 .tutorial-subtitle{font-size:34px;line-height:1.35;}
}
@media(prefers-reduced-motion:reduce){.tutorial-cursor.is-clicking::after{animation:none;opacity:.8;}}