/* Chopper's illustrated onboarding. Scoped to its guide; the studio keeps its own layout. */
.ct-guide-open{font:500 12px 'DM Sans',sans-serif;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 13px;border:1px solid #d4b8f038;border-radius:999px;background:#ffffff06;color:#e6daef;cursor:pointer;white-space:nowrap}
.ct-guide-open[hidden]{display:none}.ct-guide-open svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.ct-guide-open:hover{background:#c4a7ff18;border-color:#c4a7ff77}
html.ct-open{overflow:hidden}
dialog.ct-tour{--ct-line:#ffffff16;--ct-muted:#b8afc6;box-sizing:border-box;width:min(570px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:1px solid #d5bafa3d;border-radius:28px;background:radial-gradient(ellipse at 50% 0,#4d305635,transparent 58%),#15131c;color:#f8f5fc;box-shadow:0 35px 120px #000a,0 0 90px #ba83ef12;font:400 16px/1.5 'DM Sans',sans-serif;overflow:hidden;margin:auto}
dialog.ct-tour[open]{display:flex;flex-direction:column}dialog.ct-tour::backdrop{background:#06050bc9;backdrop-filter:blur(10px)}
.ct-tour *{box-sizing:border-box}.ct-tour button{font:inherit;cursor:pointer}.ct-tour button:focus-visible{outline:2px solid #d9bafa;outline-offset:4px}.ct-tour [hidden]{display:none!important}
.ct-tour .ct-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 25px 6px;flex:none}
.ct-brand{font-size:11px;letter-spacing:2px;font-weight:700;color:#d6bdf0}.ct-brand>span{display:inline-block;letter-spacing:1.2px;font-weight:400;color:#9e94ad;margin-left:12px}
.ct-tour .ct-skip{display:flex;align-items:center;gap:12px;color:var(--ct-muted);background:none;border:0;min-height:44px;padding:0 0 0 8px;font-size:13px}.ct-skip span{font-size:26px;font-weight:300;line-height:1}
.ct-main{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:0 32px 20px}.ct-main::-webkit-scrollbar{display:none}
.ct-tour .ct-figure{margin:0 0 19px}.ct-art{isolation:isolate;border-bottom:1px solid var(--ct-line);background:radial-gradient(ellipse,#b087e811,transparent 70%);overflow:hidden}.ct-art svg{display:block;width:100%;height:auto;overflow:visible}
.ct-figure figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:34px;color:#9c92aa;font-size:10px;letter-spacing:.3px}
.ct-tour .ct-motion{border:0;background:none;color:#d4b8f0;padding:0;min-width:44px;min-height:34px;font-size:17px}
.ct-tour .ct-count{font-size:11px;font-weight:500;color:#b79ad1;letter-spacing:2px;margin:0 0 10px}
.ct-tour h2{font-size:34px;line-height:1.08;letter-spacing:-1.2px;font-weight:500;margin:0 0 15px;max-width:15ch;color:#fff;outline:0}
.ct-tour #ct-description{font-size:16px;line-height:1.6;color:var(--ct-muted);max-width:44ch;margin:0;min-height:52px}
.ct-tour .ct-footer{padding:0 32px 25px;flex:none}.ct-pages{display:flex;gap:8px;margin-bottom:13px}.ct-tour .ct-pages button{display:block;flex:1;border:0;padding:10px 0;background:none;min-height:26px}.ct-pages span{display:block;height:3px;border-radius:3px;background:#ffffff1f;transition:background .25s}.ct-pages [aria-current] span{background:linear-gradient(115deg,#c4a7ff,#e9a9e0,#ffad8e)}
.ct-actions{display:flex;gap:16px;justify-content:space-between;align-items:center}.ct-tour .ct-back{border:0;background:none;color:#c4b9ce;padding:0 6px;min-height:46px;font-size:14px}.ct-tour .ct-next{margin-left:auto;display:flex;justify-content:center;align-items:center;gap:23px;border:0;border-radius:999px;padding:13px 24px;min-height:48px;background:linear-gradient(115deg,#c4a7ff,#e9a9e0 48%,#ffad8e);color:#251829;font-weight:650;font-size:14px;box-shadow:0 7px 24px #c4a7ff14}.ct-next span{font-size:22px;line-height:1}.ct-next:hover{filter:brightness(1.08)}
.ct-art *{animation-play-state:paused!important}.ct-running .ct-art *{animation-play-state:running!important}
.ct-moving-file{animation:ct-file-drag 6s ease-in-out infinite;transform-origin:52px 67px}.ct-cursor{animation:ct-cursor-drag 6s ease-in-out infinite}.ct-upload-zone{animation:ct-zone 6s ease-in-out infinite}.ct-drag-path{animation:ct-dashes 1.8s linear infinite}
.ct-other-track{animation:ct-fade-track 5s ease-in-out infinite}.ct-drum-track{animation:ct-feature-track 5s ease-in-out infinite;transform-origin:280px 124px}.ct-scanner{animation:ct-scan 5s ease-in-out infinite}
.ct-preview-loop{animation:ct-loop-select 8s ease-in-out infinite}.ct-preview-1{animation-delay:2s}.ct-preview-2{animation-delay:4s}.ct-preview-3{animation-delay:6s}
.ct-export-file{animation:ct-export 4s ease-in-out infinite}.ct-export-1{animation-delay:.18s}.ct-export-2{animation-delay:.36s}.ct-saved-file{animation:ct-saved 5s ease-in-out infinite}.ct-payment-options{animation:ct-payment 5s ease-in-out infinite}
@keyframes ct-file-drag{0%,15%,100%{transform:translate(0) rotate(-6deg)}40%,75%{transform:translate(190px,-6px) rotate(0)}}
@keyframes ct-cursor-drag{0%,15%,100%{transform:translate(0);opacity:.8}40%,72%{transform:translate(190px,-6px);opacity:1}78%,90%{opacity:0}}
@keyframes ct-zone{0%,20%,100%{opacity:.6}45%,75%{opacity:1}}@keyframes ct-dashes{to{stroke-dashoffset:-22}}
@keyframes ct-fade-track{0%,100%{opacity:.9}35%,80%{opacity:.25}}@keyframes ct-feature-track{0%,100%{transform:scale(1)}40%,78%{transform:scale(1.025)}}@keyframes ct-scan{0%,8%{transform:translateX(0);opacity:0}15%{opacity:.9}75%{transform:translateX(367px);opacity:.9}85%,100%{transform:translateX(367px);opacity:0}}
@keyframes ct-loop-select{0%,20%{opacity:1;transform:translateY(-2px)}25%,95%{opacity:.42;transform:translateY(0)}100%{opacity:1}}
@keyframes ct-export{0%,100%{transform:translateY(0);opacity:.7}25%,65%{transform:translateY(-9px);opacity:1}}
@keyframes ct-saved{0%,12%,100%{opacity:.4;transform:translateX(10px)}40%,80%{opacity:1;transform:translateX(0)}}@keyframes ct-payment{0%,15%,100%{opacity:1}45%,80%{opacity:.65}}
@media(max-width:600px){.chopper-page .tw-appbar{flex-wrap:wrap}.chopper-page .tw-engine{order:3;width:100%;max-width:none;margin:0}.ct-guide-open{margin-left:auto}}
@media(max-width:420px){dialog.ct-tour{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:22px}.ct-tour .ct-header{padding:10px 19px 0}.ct-brand{font-size:10px;letter-spacing:1.5px}.ct-brand>span{font-size:9px;margin-left:8px;letter-spacing:.8px}.ct-main{padding:0 22px 17px}.ct-tour .ct-figure{margin-bottom:14px}.ct-tour h2{font-size:30px;letter-spacing:-1px;margin-bottom:12px}.ct-tour #ct-description{font-size:14px;min-height:66px;line-height:1.55}.ct-tour .ct-footer{padding:0 22px 21px}.ct-tour .ct-count{margin-bottom:9px}.ct-figure figcaption{font-size:9px}.ct-tour .ct-next{padding:12px 19px;gap:18px}}
@media(max-height:580px){.ct-art{max-height:160px}.ct-art svg{height:160px}.ct-tour .ct-figure{margin-bottom:7px}.ct-tour h2{font-size:27px}.ct-tour #ct-description{min-height:0}.ct-tour .ct-footer{padding-bottom:14px}}
@media(prefers-reduced-motion:reduce){.ct-art *{animation:none!important;transition:none!important}.ct-preview-loop,.ct-other-track,.ct-saved-file{opacity:1}}