/* One continuous illustrated walkthrough. No simulated drag/drop controls. */
.motion-section{padding-bottom:65px}.product-film{border:1px solid #d7d8ca;border-radius:22px;background:#fbfaf5;overflow:hidden;box-shadow:0 30px 70px -45px #3a422a65}.film-top,.film-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 28px}.film-top>span,.film-bottom>span{font:9px ui-monospace,monospace;letter-spacing:1.3px;display:flex;align-items:center;gap:9px}.film-top i,.film-local i{width:6px;height:6px;border-radius:50%;background:#eb622f}.film-top button{border:0;background:transparent;color:#686d5f;font-size:11px;padding:5px}.film-top button span{margin-left:10px}.film-screen{height:510px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 45%,#f6e9db,transparent 65%),radial-gradient(ellipse at 80% 65%,#e1e8cc,transparent 60%),#eeeee3;border-top:1px solid #e3e3d7;border-bottom:1px solid #e3e3d7}.film-grid{position:absolute;inset:0;background-image:linear-gradient(#acb09d15 1px,transparent 1px),linear-gradient(90deg,#acb09d15 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(transparent,#000)}.film-notch{position:absolute;z-index:5;top:0;left:50%;transform:translateX(-50%);width:150px;height:22px;border-radius:0 0 14px 14px;background:#000;color:white;display:flex;align-items:center;justify-content:center;gap:9px;overflow:hidden;animation:film-notch 12s ease-in-out infinite}.film-notch img{width:23px}.film-notch span{font-size:11px}.film-notch>*{opacity:0;animation:notch-content 12s infinite}.motion-scene{position:absolute;inset:0;opacity:0;animation:film-scene 36s linear infinite;pointer-events:none}.scene-pdf{animation-delay:12s}.scene-trim{animation-delay:24s}.scene-copy{position:absolute;top:43px;left:38px}.scene-copy>span{font:9px ui-monospace,monospace;letter-spacing:1.5px;color:#777a6b}.scene-copy h2{font-size:39px;font-weight:500;letter-spacing:-1.5px;line-height:1.12;margin:12px 0 0}.scene-copy h2 em{color:#be552e}.film-input,.film-output{position:absolute;top:208px;left:18%;width:138px;height:160px;transform:translateX(-50%)}.film-input{animation:input-drift 12s cubic-bezier(.2,.7,.2,1) infinite}.film-output{left:82%;animation:output-arrive 12s cubic-bezier(.2,.7,.2,1) infinite}.art-card{position:absolute;inset:0;background:#fffdf8;border:1px solid #d9d8cb;border-radius:12px;box-shadow:0 13px 24px -15px #40452a66;padding:10px}.back-three{transform:translate(-19px,-9px) rotate(-14deg);background:#e0dbf1}.back-two{transform:translate(-12px,-6px) rotate(-9deg);background:#ebe6f4}.back-one{transform:translate(-6px,-3px) rotate(-4deg)}.film-output .back-two{background:#ccdbb8;transform:translate(13px,-7px) rotate(9deg)}.film-output .back-one{transform:translate(7px,-3px) rotate(4deg)}.photo-card{display:flex;flex-direction:column;gap:4px}.photo-card b{font-size:11px;margin-top:5px;font-weight:600}.photo-card small{font:7px ui-monospace,monospace;color:#8a8e7b;letter-spacing:1px}.mini-landscape{height:98px;border-radius:5px;position:relative;overflow:hidden;background:linear-gradient(#c3dae1 0%,#f6dbb2 70%)}.mini-landscape:before{content:"";position:absolute;right:19px;top:17px;width:25px;height:25px;background:#f9bb61;border-radius:50%}.mini-landscape:after{content:"";position:absolute;width:130px;height:100px;border-radius:60% 65% 0 0;transform:rotate(-12deg);left:-35px;top:55px;background:#8caa82}.mini-landscape i{position:absolute;width:120px;height:90px;border-radius:60%;right:-35px;top:51px;background:#b7ba80}.file-count{position:absolute;top:180px;left:50%;transform:translateX(-50%);white-space:nowrap;font:10px ui-monospace,monospace;color:#686e5e}.ready-count{color:#427045}.done-tick{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#487b47;color:white;font:13px sans-serif;position:absolute;right:5px;top:5px;z-index:2;box-shadow:0 0 0 3px #fffdf8}.film-dial{position:absolute;left:50%;top:181px;width:200px;height:200px;transform:translateX(-50%);border-radius:50%;background:#fffdf5b3;border:1px solid #fdfcf7;box-shadow:0 13px 35px -12px #49503425;animation:dial-arrive 12s cubic-bezier(.2,.7,.2,1) infinite}.dial-core{position:absolute;inset:68px;display:grid;place-items:center;border-radius:50%;background:#fbf8eb;box-shadow:0 3px 14px #9a94431c}.dial-core img{width:42px;height:42px}.dial-format{position:absolute;display:grid;place-items:center;width:65px;height:37px;border-radius:8px;background:#fffef9;color:#717665;font-size:11px;box-shadow:0 2px 6px #6d73450a}.format-top{top:16px;left:67px}.format-left{left:8px;top:83px}.format-right{right:8px;top:83px}.format-bottom{bottom:16px;left:67px}.selected{animation:format-selected 12s infinite}.film-cursor{position:absolute;top:275px;left:22%;width:26px;z-index:6;filter:drop-shadow(1px 3px 2px #454c2e30);animation:cursor-move 12s cubic-bezier(.2,.7,.2,1) infinite}.film-shortcut{position:absolute;bottom:67px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;white-space:nowrap;font-size:11px;color:#626b54}.film-shortcut kbd{font:12px -apple-system,sans-serif;border:1px solid #d2d6c4;background:#fffdf5;border-radius:7px;box-shadow:0 3px 0 #d4d8c8;padding:9px 12px;animation:key-press 12s infinite}.film-benefit{position:absolute;bottom:31px;width:100%;text-align:center;font:9px ui-monospace,monospace;color:#7b806c}.film-bottom p{margin:0;font-size:12px;color:#747969}.film-local i{background:#70855b}.film-caption{text-align:center;font-size:10px;color:#878b7b;margin:15px 0}.film-progress{position:absolute;bottom:12px;left:50%;display:flex;gap:6px;transform:translateX(-50%)}.film-progress i{width:22px;height:3px;border-radius:3px;background:#bcc3ac;animation:chapter-progress 36s infinite}.film-progress i:nth-child(2){animation-delay:12s}.film-progress i:nth-child(3){animation-delay:24s}
.paper-sheet{position:absolute;width:118px;height:158px;padding:20px 16px;background:#fffdf7;border:1px solid #dad9cb;border-radius:5px 22px 5px 5px;box-shadow:0 12px 28px -17px #515b38;display:flex;flex-direction:column;gap:10px}.paper-sheet>b{font:26px Georgia,serif;color:#cd6845;margin-bottom:8px}.paper-sheet i{height:3px;background:#d9dbcb;border-radius:2px}.paper-sheet i:nth-of-type(2){width:80%}.paper-sheet i:nth-of-type(3){width:55%}.paper-sheet small{font:10px sans-serif;margin-top:8px;color:#676b5d}.sheet-back{transform:translate(27px,-15px) rotate(12deg);background:#f2efe0}.combined-sheet{border-color:#a8bd8f}.combined-sheet>b{font-size:22px;color:#52734c}.merge-dial .dial-core{inset:50px}.merge-dial .dial-core img{width:56px;height:56px}.merge-label{position:absolute;top:14px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;background:#e96b3b;color:white;border-radius:6px;padding:6px 10px}.merge-plus{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-size:24px;color:#7d856a}.film-timeline{position:absolute;left:50%;top:213px;width:65%;height:100px;transform:translateX(-50%);border:1px solid #d7dbc9;border-radius:11px;background:#fffdf4b3;padding:24px 16px 12px;box-shadow:0 15px 25px -22px #3a422a55}.timeline-title{position:absolute;top:-29px;left:0;right:0;display:flex;justify-content:space-between;font:10px ui-monospace,monospace;color:#778069}.timeline-title i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c77a53;margin-right:7px}.film-wave{display:flex;align-items:center;justify-content:space-between;height:100%;gap:4px;opacity:.6}.film-wave i{width:5px;min-width:2px;height:var(--h);background:#8c9c77;border-radius:3px}.trim-window{position:absolute;inset:9px 8%;border:2px solid #db7846;border-radius:6px;background:#e5a05c15;animation:trim-range 12s ease-in-out infinite}.trim-window>span{position:absolute;left:-4px;top:20%;height:60%;width:6px;background:#db7846;border-radius:4px}.trim-window>span+span{left:auto;right:-4px}.trim-time{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);font:10px ui-monospace,monospace;color:#b2643e}.clip-result{position:absolute;top:366px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;animation:clip-arrive 12s infinite}.clip-play{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e0e9cf;color:#5d804a;font-size:11px}.clip-result b{font-size:11px;font-weight:500}.clip-result small{display:block;font-size:9px;color:#7d856d}.clip-result .done-tick{position:static;width:19px;height:19px;font-size:11px;box-shadow:none}.scene-trim .film-shortcut{bottom:46px}.scene-trim .film-benefit{bottom:22px;font-size:8px}.scene-trim~.film-progress{bottom:10px}
@keyframes film-scene{0%,2%{opacity:0;translate:0 8px}5%,29%{opacity:1;translate:0 0}33%,100%{opacity:0;translate:0 -6px}}@keyframes input-drift{0%,8%{translate:-12px 10px;opacity:0}18%,82%{opacity:1}28%,72%{translate:22px -5px}90%,100%{translate:0 0;opacity:0}}@keyframes dial-arrive{0%,20%{opacity:0;scale:.7}32%,80%{opacity:1;scale:1}95%,100%{opacity:0;scale:.97}}@keyframes output-arrive{0%,49%{opacity:0;translate:-24px 9px;scale:.9}63%,86%{opacity:1;translate:0 0;scale:1}97%,100%{opacity:0;translate:0 0}}@keyframes format-selected{0%,37%,100%{background:#fffef9;color:#717665}42%,87%{background:#ec6636;color:white;box-shadow:0 4px 12px #e9613b30}}@keyframes cursor-move{0%,10%{opacity:0;translate:0 30px}20%{opacity:1;translate:0 0}38%,47%{left:50%;top:215px;opacity:1;scale:1}43%{scale:.85}60%,100%{left:64%;top:290px;opacity:0}}@keyframes key-press{0%,24%,70%,100%{background:#fffdf5;box-shadow:0 3px 0 #d4d8c8;translate:0 0}31%,58%{background:#e4e9d5;box-shadow:0 1px 0 #c8cfb8;translate:0 2px}}@keyframes film-notch{0%,47%,88%,100%{width:150px;height:22px}57%,79%{width:210px;height:43px}}@keyframes notch-content{0%,51%,85%,100%{opacity:0}59%,77%{opacity:1}}@keyframes chapter-progress{0%,31%{background:#db7449}34%,100%{background:#bcc3ac}}@keyframes trim-range{0%,18%,100%{left:8%;right:8%;opacity:.4}35%,85%{left:25%;right:25%;opacity:1}}@keyframes clip-arrive{0%,50%,97%,100%{opacity:0;translate:0 8px}63%,87%{opacity:1;translate:0 0}}
.product-film[data-paused=true] *,.product-film[data-suspended=true] *{animation-play-state:paused!important}
@media(max-width:700px){.motion-section{padding-left:16px;padding-right:16px;padding-bottom:35px}.product-film{border-radius:15px}.film-top{padding:13px 15px}.film-top>span{font-size:7px;letter-spacing:.7px}.film-top button{font-size:9px}.film-screen{height:420px}.scene-copy{top:40px;left:22px}.scene-copy h2{font-size:29px}.scene-copy>span{font-size:8px}.film-input,.film-output{top:187px;width:82px;height:112px;left:18%}.film-output{left:82%}.art-card{padding:6px;border-radius:8px}.mini-landscape{height:65px}.mini-landscape:before{width:15px;height:15px;right:12px;top:12px}.mini-landscape:after{top:37px}.mini-landscape i{top:40px}.photo-card b{font-size:8px}.photo-card small{font-size:5px}.file-count{font-size:7px;top:125px}.film-dial{top:181px;width:124px;height:124px}.dial-core{inset:43px}.dial-core img{width:29px;height:29px}.dial-format{width:42px;height:25px;font-size:8px;border-radius:5px}.format-top{left:41px;top:7px}.format-bottom{left:41px;bottom:7px}.format-left{left:3px;top:50px}.format-right{right:3px;top:50px}.film-cursor{width:21px}.film-shortcut{font-size:8px;gap:8px;bottom:59px}.film-shortcut kbd{font-size:10px;padding:6px 8px}.film-benefit{bottom:29px;font-size:7px}.film-bottom{padding:16px;gap:12px;flex-wrap:wrap}.film-bottom>span{font-size:7px}.film-bottom p{order:3;flex-basis:100%;font-size:11px}.film-caption{font-size:8px;max-width:290px;margin:13px auto}.paper-sheet{width:76px;height:112px;padding:13px 10px;gap:7px}.paper-sheet>b{font-size:18px;margin-bottom:0}.paper-sheet small{font-size:7px;margin-top:4px}.sheet-back{transform:translate(15px,-10px) rotate(12deg)}.combined-sheet>b{font-size:15px}.merge-dial .dial-core{inset:32px}.merge-dial .dial-core img{width:35px;height:35px}.merge-label{font-size:8px;top:8px;padding:4px 7px}.merge-plus{bottom:0;font-size:18px}.done-tick{width:17px;height:17px;font-size:9px}.film-timeline{top:196px;width:84%;height:72px;padding:13px 10px 8px}.film-wave{gap:2px}.film-wave i{width:3px;min-width:1px}.timeline-title{font-size:8px}.trim-time{font-size:8px}.clip-result{top:310px;white-space:nowrap;gap:8px}.clip-result b{font-size:9px}.clip-result small{font-size:8px}.scene-trim .film-shortcut{bottom:42px}.scene-trim .film-benefit{bottom:22px}.film-notch{scale:.8;transform-origin:top left}}
@media(prefers-reduced-motion:reduce){.product-film *{animation:none!important}.motion-scene{opacity:0}.motion-scene:first-of-type,.scene-batch{opacity:1}.scene-pdf,.scene-trim{display:none}.film-input,.film-output,.film-dial{opacity:1}.film-cursor{display:none}.selected{background:#ec6636;color:white}.film-notch{width:210px;height:43px}.film-notch>*{opacity:1}#motion-toggle{display:none}}