.pr-page{padding-bottom:80px}.pr-page em{color:var(--c-mint);font-style:normal}.pr-page h1{letter-spacing:-.055em;font-size:clamp(36px,5.5vw,70px);font-weight:650;line-height:1.06}.pr-page h2{letter-spacing:-.04em;font-size:clamp(29px,3.4vw,45px);font-weight:600;line-height:1.12}.pr-page h3{letter-spacing:-.025em;font-size:21px;line-height:1.3}.pr-page p{color:var(--c-muted);line-height:1.75}.pr-page a:focus-visible,.pr-page button:focus-visible,.pr-page input:focus-visible,.pr-page textarea:focus-visible,.pr-page summary:focus-visible{outline:2px solid var(--c-mint);outline-offset:4px}.pr-breadcrumb{color:var(--c-muted);flex-wrap:wrap;gap:10px;padding-top:28px;font-size:12px;display:flex}.pr-breadcrumb a{text-decoration:none}.pr-hub-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding:46px 0 56px;display:grid}.pr-hub-hero h1{margin:22px 0}.pr-hub-hero>div>p{max-width:540px;font-size:17px}.pr-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:25px 0;display:flex}.pr-facts{color:var(--c-muted);gap:34px;margin-top:32px;font-size:12px;display:flex}.pr-facts strong{color:var(--c-text);margin-bottom:3px;font-size:23px;display:block}.pr-hero-board{background:linear-gradient(140deg,#9aa5ff17,#6ee7d708);border:1px solid #9aa5ff33;border-radius:25px;padding:25px;transform:rotate(1deg);box-shadow:0 30px 80px #0004}.pr-board-top{font:10px var(--font-jetbrains),monospace;letter-spacing:.14em;color:var(--c-mint);justify-content:space-between;margin-bottom:22px;display:flex}.pr-filmstrip{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.pr-filmstrip>div{border-radius:8px;position:relative;overflow:hidden}.pr-filmstrip img{aspect-ratio:9/16;object-fit:cover;width:100%;height:auto;display:block}.pr-filmstrip span{background:#0a0b0fc9;padding:2px 5px;font:10px monospace;position:absolute;bottom:8px;left:7px}.pr-board-timeline{gap:5px;height:25px;margin-top:20px;display:flex;position:relative}.pr-board-timeline i{border-top:2px solid var(--c-accent);background:#9aa5ff40;border-radius:4px;flex:1}.pr-board-timeline i:nth-child(2n){border-color:var(--c-mint);background:#6ee7d733}.pr-board-timeline b{background:#fff;width:2px;animation:7s ease-in-out 2 pr-scan;position:absolute;top:-7px;bottom:-7px;left:36%}.pr-hero-board p{font-size:16px;margin:24px 0 10px!important}.pr-hero-board strong{color:var(--c-text)}.pr-hero-board>small{color:var(--c-muted);font-size:10px}.pr-path{border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);grid-template-columns:repeat(4,1fr);gap:28px;padding:32px 0;display:grid}.pr-path span{color:var(--c-mint);font:12px monospace}.pr-path h2{letter-spacing:-.02em;margin:14px 0 8px;font-size:17px}.pr-path p{margin:0;font-size:13px;line-height:1.6}.pr-section{padding:66px 0;scroll-margin-top:95px}.pr-section>.course-kicker{margin-bottom:18px}.pr-section>h2{margin:0 0 25px}.pr-lead{max-width:740px;font-size:17px}.pr-small{color:var(--c-muted);font-size:12px!important;line-height:1.6!important}.pr-project-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.pr-project-card{border:1px solid var(--c-line);background:#ffffff05;border-radius:20px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.pr-project-card:hover{border-color:var(--c-accent);transform:translateY(-3px)}.pr-card-picture{height:210px;position:relative;overflow:hidden}.pr-card-picture img{object-fit:cover;object-position:50% 45%;width:100%;height:100%}.pr-card-picture:after{content:"";background:linear-gradient(#0000,#0a0b0fe6);position:absolute;inset:50% 0 0}.pr-card-picture>span{z-index:1;color:var(--c-mint);font:11px monospace;position:absolute;bottom:18px;left:22px}.pr-card-copy{flex-direction:column;flex:1;padding:22px;display:flex}.pr-card-copy small{color:var(--c-muted);font-size:11px}.pr-card-copy h3{margin:13px 0 10px}.pr-card-copy p{margin:0 0 24px;font-size:14px}.pr-card-copy b{color:var(--c-mint);margin-top:auto;font-size:13px}.pr-reading{max-width:760px;margin-inline:auto}.pr-reading a:not(.course-button){color:var(--c-mint);text-underline-offset:4px}.pr-callout{border-left:2px solid var(--c-accent);background:#9aa5ff0f;border-radius:0 16px 16px 0;margin:28px 0;padding:24px 28px}.pr-callout b{color:var(--c-accent)}.pr-callout p{margin:8px 0 0}.pr-project-heading{max-width:910px;padding:45px 0 36px}.pr-project-heading h1{max-width:900px;margin:21px 0}.pr-project-heading>p{font-size:20px}.pr-jump{border-block:1px solid var(--c-line);flex-wrap:wrap;gap:8px;padding:16px 0;display:flex}.pr-jump a{border:1px solid var(--c-line);border-radius:30px;min-height:42px;padding:10px 15px;font-size:12px;text-decoration:none}.pr-jump a:hover{background:#9aa5ff16}.pr-compare-videos{grid-template-columns:1fr 1fr;gap:26px;max-width:760px;margin:35px auto;display:grid}.pr-compare-videos figure{min-width:0;margin:0}.pr-compare-videos video{aspect-ratio:9/16;background:#000;border-radius:18px;width:100%;max-height:460px;display:block}.pr-compare-videos figcaption{flex-direction:column;gap:6px;padding:16px 0;font-size:14px;display:flex}.pr-compare-videos figcaption span{color:var(--c-muted);font-size:13px}.pr-watch{padding-left:25px}.pr-watch li{color:var(--c-muted);padding:7px 0 7px 8px;line-height:1.7}.pr-license{border:1px solid var(--c-line);border-radius:12px;padding:17px;font-size:12px}.pr-license summary{font-size:13px}.pr-license p{margin:14px 0 0}.pr-editor{border:1px solid var(--c-line);background:#101218;border-radius:22px;overflow:hidden}.pr-editor-bar{border-bottom:1px solid var(--c-line);font:11px var(--font-jetbrains),monospace;justify-content:space-between;gap:20px;padding:18px 25px;display:flex}.pr-editor-bar span{align-items:center;gap:9px;display:flex}.pr-editor-bar i{background:var(--c-mint);border-radius:50%;width:6px;height:6px}.pr-editor-bar small{color:var(--c-muted);font:11px inherit}.pr-editor-grid{grid-template-columns:.9fr 1.1fr;gap:35px;padding:30px;display:grid}.pr-screen{aspect-ratio:9/16;background:#000;border:1px solid #ffffff1a;border-radius:14px;max-width:250px;margin:auto;position:relative;overflow:hidden}.pr-screen video{object-fit:cover;width:100%;height:100%;display:block}.pr-video-caption{border-left:2px solid var(--c-mint);overflow-wrap:anywhere;text-align:center;background:#0a0b0fe6;padding:10px 12px;font-size:16px;font-weight:600;line-height:1.25;position:absolute;bottom:14%;left:7%;right:7%}.pr-transport{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin:18px 0;display:flex}.pr-transport .course-button{gap:8px;min-height:44px;padding:10px 15px;font-size:12px}.pr-transport output{font:11px monospace}.pr-controls h3{margin:17px 0 12px;font-size:25px}.pr-controls>p{font-size:14px}.pr-trim-fields{gap:24px;margin:25px 0;display:grid}.pr-trim-fields label{font-size:13px;display:block}.pr-trim-fields output{float:right;color:var(--c-mint);font:12px monospace}.pr-trim-fields input{width:100%;height:32px;accent-color:var(--c-mint);cursor:ew-resize;margin-top:7px;display:block}.pr-label{color:var(--c-text);font-size:13px;line-height:1.5;display:block}.pr-label input,.pr-label textarea{border:1px solid var(--c-line);width:100%;color:var(--c-text);resize:vertical;background:#0a0b0f;border-radius:10px;margin-top:9px;padding:13px;font:16px/1.5 inherit;display:block}.pr-soft{border:1px solid var(--c-line);color:var(--c-text);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 14px;font-size:12px;text-decoration:none;display:inline-flex}.pr-soft:hover{background:#9aa5ff14}.pr-page button:disabled{opacity:.35;cursor:not-allowed}.pr-editor>.pr-actions,.pr-editor>.pr-status{margin:24px 30px}.pr-status{min-height:20px;font-size:12px!important}.pr-timeline-label{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;padding:0 30px 15px;display:flex}.pr-timeline-label h3{font-size:17px}.pr-timeline-label>span{color:var(--c-muted);font-size:11px}.pr-timeline{gap:8px;margin:0;padding:0 30px;list-style:none;display:grid}.pr-timeline li{border:1px solid var(--c-line);background:#0a0b0f;border-radius:12px;gap:12px;display:flex;overflow:hidden}.pr-timeline li.selected{border-color:var(--c-mint);background:#6ee7d70a}.pr-shot{text-align:left;min-width:0;color:var(--c-text);cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:13px;padding:8px;display:flex}.pr-shot img{object-fit:cover;border-radius:5px;width:38px;height:56px}.pr-shot span{min-width:0}.pr-shot b{font-size:13px;line-height:1.4;display:block}.pr-shot small{color:var(--c-muted);text-overflow:ellipsis;white-space:nowrap;max-width:500px;margin-top:5px;font-size:11px;display:block;overflow:hidden}.pr-shot-buttons{align-items:center;gap:1px;padding-right:8px;display:flex}.pr-shot-buttons button{width:44px;height:44px;color:var(--c-text);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.pr-shot-buttons button:hover{background:#ffffff12}.pr-source-bin{border:1px dashed var(--c-line);border-radius:10px;margin:20px 30px;padding:14px}.pr-source-bin summary{justify-content:space-between;align-items:center;min-height:25px;font-size:13px;display:flex}.pr-source-bin>div{flex-wrap:wrap;gap:8px;padding:14px 0;display:flex}.pr-source-bin button{color:var(--c-text);border:1px solid var(--c-line);background:0 0;border-radius:7px;align-items:center;gap:10px;min-height:44px;padding:10px;font-size:12px;display:flex}.pr-source-bin small{color:var(--c-muted);font-size:11px}.pr-file{position:relative;overflow:hidden}.pr-file input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.pr-file:focus-within{outline:2px solid var(--c-mint)}.pr-feedback{background:#9aa5ff0b;border:1px solid #9aa5ff33;border-radius:12px;margin:20px 30px;padding:22px}.pr-feedback h3{font-size:17px}.pr-feedback li{color:var(--c-muted);margin-top:12px;font-size:14px;line-height:1.6}.pr-feedback ul{padding-left:18px}.pr-self-review{border-top:1px solid var(--c-line);padding:30px}.pr-self-review h3{margin:15px 0 24px}.pr-self-review>label:not(.pr-label){cursor:pointer;align-items:flex-start;gap:14px;min-height:44px;padding-block:7px;font-size:14px;line-height:1.6;display:flex}.pr-self-review input[type=checkbox]{width:20px;height:20px;accent-color:var(--c-mint);flex-shrink:0;margin-top:2px}.pr-self-review .pr-label{margin-top:23px}.pr-complete{border:1px solid #6ee7d74a;border-radius:10px;padding:15px;font-size:14px;color:var(--c-mint)!important}.pr-steps{padding:0;list-style:none}.pr-steps>li{border-bottom:1px solid var(--c-line);gap:25px;padding:30px 0;display:flex}.pr-steps>li>span{color:var(--c-accent);margin-top:6px;font:12px monospace}.pr-steps h3{margin:0 0 15px}.pr-steps p{margin:0}.pr-solution{grid-template-columns:1fr 1fr;gap:18px;display:grid}.pr-solution article{border:1px solid var(--c-line);border-radius:14px;gap:20px;padding:22px;display:flex}.pr-solution img{object-fit:cover;border-radius:8px;flex-shrink:0;width:76px;height:135px}.pr-solution small{color:var(--c-accent);font:10px monospace}.pr-solution h3{margin:12px 0;font-size:18px}.pr-solution p{margin:0;font-size:13px}.pr-errors details{border-bottom:1px solid var(--c-line);padding:20px 0}.pr-errors summary{font-weight:550;line-height:1.5}.pr-errors p{margin:15px 0 0}.pr-reading li{color:var(--c-muted);margin-block:12px;line-height:1.7}.pr-next{background:linear-gradient(110deg,#6ee7d70a,#9aa5ff08);border:1px solid #6ee7d733;border-radius:20px;justify-content:space-between;align-items:center;gap:30px;margin-top:30px;padding:36px;display:flex}.pr-next h2{margin:15px 0;font-size:27px}.pr-next p{max-width:650px;font-size:14px}.pr-next>.course-button{flex-shrink:0}.pr-kit{border-top:1px solid var(--c-line);grid-template-columns:1fr 1fr;gap:70px;display:grid}.pr-kit h2{margin:18px 0}.pr-kit p,.pr-kit li{font-size:15px;line-height:1.7}.pr-kit li{color:var(--c-muted);margin:14px 0}.pr-techniques{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:32px;margin-top:32px;display:grid}.pr-technique-list{gap:6px;max-height:calc(100svh - 115px);padding-right:4px;display:grid;position:sticky;top:95px;overflow-y:auto}.pr-technique-list button{text-align:left;color:var(--c-text);background:0 0;border:1px solid #0000;border-radius:10px;min-height:60px;padding:13px 15px}.pr-technique-list button[aria-pressed=true]{background:#9aa5ff12;border-color:#9aa5ff50}.pr-technique-list small{color:var(--c-muted);margin-bottom:7px;font:9px monospace;display:block}.pr-technique-list span{font-size:13px}.pr-technique-detail{border:1px solid var(--c-line);background:#ffffff04;border-radius:20px;min-width:0;padding:32px}.pr-technique-detail h3{margin:15px 0;font-size:30px}.pr-technique-detail h4{margin:25px 0 12px;font-size:18px}.pr-technique-detail>p,.pr-technique-detail li{font-size:15px;line-height:1.75}.pr-technique-detail ol{padding-left:22px}.pr-technique-detail li{color:var(--c-muted);margin:15px 0;padding-left:5px}.pr-technique-detail aside{border-left:2px solid var(--c-accent);background:#9aa5ff09;padding:22px}.pr-technique-detail aside p{margin:7px 0 0;font-size:14px}.pr-technique-task{border:1px solid #6ee7d72e;border-radius:12px;padding:20px}.pr-technique-task strong{color:var(--c-mint)}.pr-technique-task p{margin:8px 0 0;font-size:14px}.pr-compare-copy{border-block:1px solid var(--c-line);grid-template-columns:1fr 1fr;gap:25px;margin-top:24px;padding:20px 0;display:grid}.pr-compare-copy small{color:var(--c-accent);font:10px monospace}.pr-compare-copy p{margin:8px 0 0;font-size:14px}.pr-demo{background:#090a0d;border-radius:14px;justify-content:center;align-items:center;height:260px;margin-top:22px;display:flex;position:relative;overflow:hidden}.pr-demo-photo{width:100%;height:100%;position:relative;overflow:hidden}.pr-demo-photo img{object-fit:cover;object-position:50% 42%;opacity:.82;width:100%;height:100%}.pr-demo-photo>span{border-left:3px solid var(--c-mint);background:#0a0b0fdf;padding:12px 16px;font-size:19px;position:absolute;bottom:22px;left:22px;right:22px}.pr-demo-zoom.running img{animation:2s ease-out forwards pr-zoom}.pr-demo-text.running .pr-demo-photo>span{animation:.5s ease-out both pr-label}.pr-demo-cut.running .pr-demo-photo img{animation:2.5s step-end pr-cut}.pr-demo-freeze.running .pr-demo-photo img{animation:3s step-end pr-cut}.pr-demo-split .pr-demo-photo:after{content:"";left:50%;background:#fff;width:2px;position:absolute;inset-block:0}.pr-demo-split.running .pr-demo-photo:after{animation:3s ease-in-out pr-divider}.pr-audio-demo{background:#0a0b0fe6;border-radius:10px;padding:12px;position:absolute;bottom:20px;left:20px;right:20px}.pr-demo-audio .pr-demo-photo>span{display:none}.pr-audio-demo>span{color:var(--c-muted);align-items:center;gap:5px;height:33px;font:9px monospace;display:flex}.pr-audio-demo i{background:var(--c-accent);border-radius:3px;width:34%;height:21px;margin-left:12px;display:inline-block}.pr-audio-demo>span+span i{background:var(--c-mint);width:65%;margin-left:0}.pr-demo-audio.running .pr-audio-demo>span+span i{animation:2s ease-in-out pr-audio}.pr-teaser{background:linear-gradient(110deg,#9aa5ff0c,#6ee7d706);border:1px solid #6ee7d738;border-radius:18px;justify-content:space-between;align-items:center;gap:26px;margin:35px 0;padding:30px;display:flex}.pr-teaser h2{margin:14px 0 10px;font-size:25px;line-height:1.2}.pr-teaser p{color:var(--c-muted);max-width:660px;margin:0;font-size:14px;line-height:1.7}.pr-teaser>a{flex-shrink:0}.pr-demo button{font-size:inherit}@keyframes pr-scan{0%,to{left:5%}50%{left:90%}}@keyframes pr-zoom{to{transform:scale(1.08)}}@keyframes pr-label{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pr-cut{0%{transform:scale(1)}50%,to{transform:scale(1.35)}}@keyframes pr-divider{0%{left:15%}60%{left:85%}to{left:50%}}@keyframes pr-audio{50%{transform:translate(-12px)}}@media (max-width:1000px){.pr-hub-hero{gap:30px}.pr-techniques{grid-template-columns:210px minmax(0,1fr);gap:20px}.pr-solution{grid-template-columns:1fr}.pr-next{flex-direction:column;align-items:flex-start}.pr-editor-grid{gap:24px;padding:24px}.pr-project-grid{gap:12px}.pr-card-copy{padding:18px}.pr-card-picture{height:180px}.pr-path{gap:18px}.pr-teaser{flex-direction:column;align-items:flex-start}}@media (max-width:700px){.pr-hub-hero{grid-template-columns:1fr;gap:35px;padding:35px 0}.pr-hub-hero h1{font-size:46px}.pr-hub-hero>div>p{font-size:15px}.pr-hero-board{width:100%;max-width:440px;padding:20px;transform:none}.pr-filmstrip{max-height:185px}.pr-filmstrip img{height:100%;min-height:150px}.pr-hub-hero .pr-facts{gap:25px}.pr-path{grid-template-columns:1fr 1fr;gap:25px 20px}.pr-project-grid{grid-template-columns:1fr;gap:20px}.pr-project-card{border-radius:16px;grid-template-columns:90px minmax(0,1fr);display:grid}.pr-card-picture{height:100%;min-height:230px}.pr-card-picture>span{font-size:9px;bottom:16px;left:10px}.pr-card-copy h3{font-size:22px}.pr-card-copy p{margin-bottom:15px;font-size:13px}.pr-project-heading{padding:34px 0 22px}.pr-project-heading h1{font-size:38px}.pr-project-heading>p{font-size:17px}.pr-project-heading>.course-kicker{font-size:9px}.pr-section{padding:42px 0}.pr-jump{gap:7px}.pr-jump a{min-height:40px;padding:9px 12px;font-size:11px}.pr-compare-videos{gap:13px;margin:25px auto}.pr-compare-videos figcaption b{font-size:13px}.pr-compare-videos figcaption span{font-size:11px}.pr-compare-videos video{border-radius:10px}.pr-lead{font-size:15px}.pr-editor{border-radius:15px}.pr-editor-grid{grid-template-columns:1fr;padding:20px}.pr-editor-bar{flex-wrap:wrap;gap:9px;padding:16px}.pr-editor-bar small{font-size:9px}.pr-screen{max-width:205px}.pr-controls h3{font-size:22px}.pr-editor>.pr-actions,.pr-editor>.pr-status{margin:20px 16px}.pr-timeline{padding:0 12px}.pr-timeline-label{padding:0 16px 15px}.pr-timeline li{flex-wrap:wrap;gap:0}.pr-shot{flex-basis:100%;padding:10px}.pr-shot small{white-space:normal;overflow-wrap:anywhere;line-height:1.4}.pr-shot-buttons{justify-content:flex-end;width:100%;padding:0 6px 4px}.pr-source-bin{margin:20px 12px}.pr-feedback{margin:20px 12px;padding:17px}.pr-self-review{padding:23px 16px}.pr-self-review>label:not(.pr-label){font-size:13px}.pr-steps>li{gap:17px;padding:24px 0}.pr-steps p{font-size:15px}.pr-solution article{gap:14px;padding:16px}.pr-solution img{width:60px;height:110px}.pr-solution h3{font-size:17px}.pr-solution small{font-size:9px}.pr-solution p{font-size:13px}.pr-callout{padding:20px;font-size:15px}.pr-kit{grid-template-columns:1fr;gap:30px}.pr-techniques{grid-template-columns:1fr;gap:20px}.pr-technique-list{border:1px solid var(--c-line);border-radius:12px;grid-template-columns:1fr 1fr;gap:5px;max-height:240px;padding:8px;position:static}.pr-technique-list button{min-height:70px;padding:12px 10px}.pr-technique-list span{font-size:12px;line-height:1.35;display:block}.pr-technique-detail{padding:20px 17px}.pr-technique-detail h3{font-size:25px}.pr-technique-detail>p,.pr-technique-detail li{font-size:14px}.pr-demo{height:220px}.pr-demo-photo>span{font-size:17px;bottom:15px;left:15px;right:15px}.pr-compare-copy{gap:17px}.pr-next{padding:24px}.pr-next h2{font-size:25px}.pr-teaser{padding:23px}.pr-label input,.pr-label textarea{font-size:16px}.pr-facts strong{font-size:21px}}@media (prefers-reduced-motion:reduce){.pr-page *{transition:none!important;animation:none!important}.pr-project-card:hover,.pr-hero-board{transform:none}}.pr-technique-detail ol,.pr-watch{list-style:decimal}.pr-reading ul,.pr-kit ul,.pr-feedback ul{padding-left:22px;list-style:outside}.pr-technique-detail li::marker{color:var(--c-accent)}.pr-watch li::marker{color:var(--c-accent)}.pr-visual{border:1px solid var(--c-line);background:#090a0d;border-radius:14px;height:280px;margin-top:25px;position:relative;overflow:hidden}.pr-image-demo{height:100%;position:relative;overflow:hidden}.pr-image-demo>img{object-fit:cover;object-position:50% 42%;opacity:.7;width:100%;height:100%;position:absolute;inset:0}.pr-good-title,.pr-bad-title,.pr-caption-sequence span{border-left:3px solid var(--c-mint);background:#0a0b0fe8;padding:12px 16px;font-size:18px;font-weight:550;position:absolute;bottom:22px;left:20px;right:20px}.pr-second-frame{opacity:0!important}.is-playing .pr-second-frame{animation:3s step-end forwards pr-frame-switch}.pr-visual-punch.is-playing img{animation:2s ease-out forwards pr-zoom}.pr-visual-text.is-playing .pr-good-title{animation:.5s ease-out forwards pr-label}.pr-bad-title{border-color:#9aa5ff;top:40%;bottom:auto}.pr-visual-before .pr-good-title{opacity:0;top:25px;bottom:auto}.pr-visual-before.is-playing .pr-good-title{animation:2s step-end forwards pr-frame-switch}.pr-visual-before.is-playing .pr-bad-title{animation:2s step-end forwards pr-bad-out}.pr-split-label{letter-spacing:.08em;background:#0a0b0fd9;padding:7px;font:10px monospace;position:absolute;bottom:20px;left:20px}.pr-caption-sequence span{opacity:0}.pr-caption-sequence span:first-child{opacity:1}.is-playing .pr-caption-sequence span:first-child{animation:6s step-end forwards pr-phrase-one}.is-playing .pr-caption-sequence span:nth-child(2){animation:6s step-end forwards pr-phrase-two}.is-playing .pr-caption-sequence span:nth-child(3){animation:6s step-end forwards pr-phrase-three}.pr-audio-chart{padding:24px 20px}.pr-chart-scale{color:var(--c-muted);justify-content:space-between;margin-bottom:22px;font:9px monospace;display:flex}.pr-chart-row{align-items:center;gap:4px;height:44px;display:flex;position:relative}.pr-chart-row>b{color:var(--c-muted);flex-shrink:0;width:54px;font:9px monospace}.pr-chart-row>i{text-align:center;background:#9aa5ff46;border-radius:4px;flex:1;padding:9px;font:12px/1.3 inherit}.pr-voice-row>i{background:#6ee7d733;font-size:10px}.pr-visual-jcut .pr-voice-row>i{margin-left:18%}.pr-visual-lcut .pr-voice-row>i{margin-right:15%}.pr-visual-duck .pr-music-row>i{background:#9aa5ff29;height:17px;padding:3px;font-size:10px;line-height:1}.pr-visual-duck .pr-voice-row{height:54px}.pr-audio-chart p{margin:20px 0 0;font-size:12px;line-height:1.5}.pr-audio-chart:after{content:"";background:#fff8;width:1px;position:absolute;top:50px;bottom:60px;left:55%}.pr-audio-chart .pr-chart-row:after{content:"";background:var(--c-mint);opacity:0;width:2px;height:37px;position:absolute;left:12%}.is-playing .pr-audio-chart .pr-chart-row:after{opacity:1;animation:3s linear forwards pr-playhead}.pr-folder-demo{padding:27px}.pr-folder-demo>span,.pr-speed-demo>span{color:var(--c-accent);letter-spacing:.08em;font:10px monospace}.pr-folder-demo p{margin:12px 0 20px;font-size:14px}.pr-folder-demo>b{color:var(--c-mint);font-size:14px}.pr-folder-demo>div{flex-wrap:wrap;gap:7px;margin:17px 0;display:flex}.pr-folder-demo i{border:1px solid var(--c-line);border-radius:5px;padding:8px;font-size:11px;font-style:normal}.pr-folder-demo small{color:var(--c-muted);font-size:11px}.is-playing .pr-folder-demo>div{animation:.6s ease-out both pr-label}.pr-speed-demo{padding:28px 20px}.pr-speed-demo>div{gap:5px;height:35px;margin:16px 0 24px;display:flex}.pr-speed-demo i{background:#9aa5ff38;border-radius:4px;flex:1;place-items:center;font:10px inherit;display:grid}.pr-speed-demo b{background:#6ee7d737;border-radius:4px;place-items:center;padding:8px;font-size:11px;display:grid}.pr-short{max-width:70%}.pr-speed-demo p{font-size:12px}.pr-visual-speed.is-playing .pr-short{animation:.5s ease-out both pr-label}.pr-freeze-demo{height:100%;position:relative}.pr-freeze-demo img{object-fit:cover;opacity:.65;width:100%;height:100%}.pr-freeze-demo>span{background:#0a0b0fdc;padding:10px;font-size:15px;position:absolute;top:22px;left:15px}.pr-freeze-demo>div{gap:4px;display:flex;position:absolute;bottom:25px;left:15px;right:15px}.pr-freeze-demo i,.pr-freeze-demo b{text-align:center;background:#0a0b0fdc;flex:1;padding:11px 5px;font:10px monospace}.pr-freeze-demo b{color:var(--c-mint);border:1px solid #6ee7d755}.pr-freeze-demo em{background:#fff;width:2px;position:absolute;top:0;bottom:0;left:0}.is-playing .pr-freeze-demo em{animation:4s linear forwards pr-freeze}@keyframes pr-frame-switch{0%{opacity:0}50%,to{opacity:1}}@keyframes pr-bad-out{0%{opacity:1}50%,to{opacity:0}}@keyframes pr-playhead{0%{left:12%}to{left:95%}}@keyframes pr-freeze{0%{left:0}25%{left:50%}65%{left:50%}to{left:100%}}@keyframes pr-phrase-one{0%{opacity:1}33%,to{opacity:0}}@keyframes pr-phrase-two{0%{opacity:0}33%{opacity:1}66%,to{opacity:0}}@keyframes pr-phrase-three{0%,65%{opacity:0}66%,to{opacity:1}}@media (max-width:700px){.pr-visual{height:280px}.pr-chart-scale{font-size:8px}.pr-chart-row>b{width:42px;font-size:8px}.pr-chart-row>i{font-size:10px}.pr-voice-row>i{font-size:9px}.pr-audio-chart p{font-size:11px}.pr-good-title,.pr-bad-title,.pr-caption-sequence span{font-size:15px;left:14px;right:14px}.pr-folder-demo{padding:24px 18px}.pr-speed-demo b{font-size:10px}.pr-short{max-width:85%}}