/* Hero 19: distinct source, scan and save beats, followed by the existing studio. */
.product-sourceflow .pd-download{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:32px;padding:35px 36px}
.sf-source-intro{text-align:center}
.sf-source-intro .pd-label{font-size:12px;color:#98624d}
.sf-source-heading{font:500 36px/1.15 var(--display);letter-spacing:-.045em;margin:12px 0 8px}
.sf-source-description{font-size:16px;line-height:1.6;color:#7b7085;margin:0;min-height:26px}
.sf-source-workspace{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:36px}
.product-sourceflow .pd-rv-card{padding:25px}
.product-sourceflow .pd-platforms{margin-bottom:24px}
.product-sourceflow .pd-platforms button{font-size:13px;min-height:36px}
.sf-input-label{display:block;font-size:12px;color:#766d80;margin-bottom:9px}
.product-sourceflow .pd-url{font-size:14px;border:1px solid #d8cbdc;transition:border-color .4s,box-shadow .4s;background:#fcfafc}
.product-sourceflow [data-link-pasted="false"] .pd-url-text{color:#aaa0b2}
.sf-link-check{opacity:0;transition:opacity .35s}
.product-sourceflow [data-link-pasted="true"] .sf-link-check{opacity:1}
.product-sourceflow [data-source-phase="link"][data-link-pasted="true"] .pd-url{border-color:#c791b2;box-shadow:0 0 0 4px #c930780b}
.product-sourceflow .pd-source-settings{gap:8px;flex-wrap:wrap;font-size:12px}
.sf-milestones{display:grid;gap:3px;margin:21px 0 5px}
.sf-milestones button{display:flex;align-items:center;gap:10px;border:0;border-radius:8px;padding:8px 10px;background:transparent;color:#8c8296;font-size:13px;min-height:37px;text-align:left;transition:background-color .4s,color .4s}
.sf-milestones button>span{font:11px var(--mono);color:inherit;opacity:.7}
.sf-milestones button>b{margin-left:auto;opacity:0;color:#397154;font-size:12px}
.sf-milestones button[aria-current="step"]{background:#f6e6ee;color:#9f326c}
.sf-milestones button.is-done{color:#5d6c62}
.sf-milestones button.is-done>b{opacity:1}
.product-sourceflow .pd-scan-state{font-size:12px;min-height:19px;color:#826d85}
.product-sourceflow .pd-scan:disabled{cursor:default;opacity:.82}
.product-sourceflow .pd-rv-actions{margin-top:16px;gap:10px}
.product-sourceflow .pd-queue-head h4{font-size:23px}
.product-sourceflow .pd-queue-head>span{font-size:11px;white-space:nowrap}
.sf-scan-area{position:relative;overflow:hidden;border-radius:8px}
.product-sourceflow .pd-queue-tiles{position:relative;z-index:1;margin:22px 0 18px;gap:8px}
.product-sourceflow .pd-queue-item{aspect-ratio:3/4}
.product-sourceflow .pd-queue-item img{opacity:0;transform:translateY(6px);transition:opacity .45s,filter .45s,transform .45s}
.product-sourceflow .pd-queue-item.is-found img{opacity:.42;filter:grayscale(.6);transform:none}
.product-sourceflow .pd-queue-item.is-saving img,.product-sourceflow .pd-queue-item.is-saved img{opacity:1;filter:none;transform:none}
.product-sourceflow .pd-queue-item.is-saving{border-color:#c34282;box-shadow:0 0 0 2px #c9307815}
.product-sourceflow .pd-queue-item.is-saved{border-color:#8ea99a}
.product-sourceflow .pd-queue-item.is-saved>b{color:#397154}
.product-sourceflow .pd-queue-item.is-found>span{color:#fff;text-shadow:0 1px 3px #000}
.sf-file-progress{position:absolute;inset:auto 0 0;height:3px;width:100%;transform:scaleX(var(--file-progress,0));transform-origin:left;background:#c34282;z-index:3}
.sf-file-state{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#902764;border-radius:5px;min-width:30px;padding:5px 4px;font:11px var(--mono);text-align:center;opacity:0;transition:opacity .25s;z-index:2}
.is-saving .sf-file-state{opacity:1}
.sf-scan-beam{position:absolute;inset:0;height:100%;transform:translateY(calc(-90% + var(--scan-progress,0)*180%));border-bottom:1px solid #c68aae;background:linear-gradient(transparent 90%,#c68aae1a);opacity:0;z-index:2;pointer-events:none}
[data-source-phase="scan"] .sf-scan-beam{opacity:1}
.sf-progress-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#766a82;margin-bottom:10px;min-height:20px}
.sf-progress-label strong{font-size:11px;font-weight:400;white-space:nowrap}
.sf-progress-label strong>b{color:#963c77;font-size:13px}
.product-sourceflow .pd-transfer-track{height:5px}
.product-sourceflow .pd-transfer-track i{width:100%;transform:scaleX(0);transform-origin:left;transition:none}
.sf-handoff{display:flex;align-items:center;gap:10px;margin-top:20px;padding:13px 12px;border:1px solid #e6dfe9;border-radius:10px;background:#ffffff8c;transition:border-color .4s,background-color .4s}
.sf-folder{display:grid;place-items:center;width:29px;height:33px;border:1px solid #d6c4dc;border-radius:6px;background:#f6eef8;color:#9f6a9a;font-size:19px}
.sf-handoff>span:nth-child(2){flex:1;min-width:0}
.sf-handoff strong{display:block;font-size:12px;font-weight:600;color:#75677d}
.sf-handoff small{display:block;font-size:11px;color:#978c9e;margin-top:3px;line-height:1.5}
.sf-handoff>b{font-size:11px;font-weight:500;color:#bd6847;opacity:.4}
[data-source-phase="saved"] .sf-handoff{background:#f1f7f1;border-color:#b9d0bc}
[data-source-phase="saved"] .sf-handoff>b{opacity:1}
.product-sourceflow .pd-channel-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.product-sourceflow .sf-channel{display:grid;grid-template-columns:14px 1fr;align-items:center;gap:4px 6px;padding:10px;border:1px solid #3c3442;border-radius:8px;font-size:12px;color:#bcb0c4;transition:color .45s,border-color .45s,background .45s,transform .45s}
.sf-channel>b{grid-row:span 2;font-size:12px;color:#aaceb9;opacity:0}
.sf-channel>small{font-size:10px;color:#aaceb9;opacity:0}
.sf-channel.is-ready{border-color:#527060;background:#1b2722;color:#e2ece6;transform:translateY(-2px)}
.sf-channel.is-ready>b,.sf-channel.is-ready>small{opacity:1}
.product-sourceflow .pd-export-panel{gap:40px;padding:30px 50px}
@media(max-width:1000px){.sf-source-workspace{gap:22px;grid-template-columns:1fr 1fr}.product-sourceflow .pd-download{padding:28px 23px;gap:25px}.product-sourceflow .pd-rv-card{padding:20px 16px}.sf-handoff{flex-wrap:wrap}.sf-handoff>b{margin-left:39px}.product-sourceflow .pd-export-panel{padding:26px;gap:26px}}
@media(max-width:700px){.product-sourceflow .pd-download{padding:27px 15px;gap:25px}.sf-source-heading{font-size:29px}.sf-source-intro .pd-label{font-size:10px}.sf-source-description{font-size:13px}.sf-source-workspace{grid-template-columns:1fr;gap:28px}.product-sourceflow .pd-rv-card{padding:22px 18px}.product-sourceflow .pd-platforms button{font-size:12px;flex:1;padding-inline:4px}.product-sourceflow .pd-url{font-size:12px}.sf-milestones button{font-size:14px;min-height:42px}.product-sourceflow .pd-queue-head h4{font-size:22px}.product-sourceflow .pd-queue-item{aspect-ratio:3/4}.sf-progress-label{font-size:11px}.sf-handoff{flex-wrap:nowrap}.sf-handoff>b{margin-left:0;font-size:10px}.product-sourceflow .pd-export-panel{padding:25px 22px}.product-sourceflow .sf-channel{font-size:12px}}
/* Let the result carry the story: quiet entry, readable controls and larger batch previews. */
.sf-transfer-ghost{position:fixed;z-index:45;object-fit:cover;pointer-events:none;transform-origin:top left;box-shadow:0 12px 36px #21152625}
.product-sourceflow .pd-app{box-shadow:0 18px 48px #21152613,0 2px 6px #21152608}
.product-sourceflow .pd-stage-caption strong{font-size:14px;line-height:1.5}
.product-sourceflow .pd-now-label,.product-sourceflow .pd-step small{font-size:12px}
.product-sourceflow .pd-step.pd-done .pd-step-number{background:#e2ebe4;color:#45634e}
.product-sourceflow .pd-platforms button,.sf-milestones button,.sf-input-label{font-size:14px}
.sf-source-intro{min-height:104px}
.sf-source-heading{min-height:42px}
.product-sourceflow :is(.sf-queue-total,.pd-download-count,.sf-file-state,.pd-styled-count){font-variant-numeric:tabular-nums}
.product-sourceflow [data-source-phase="link"][data-link-pasted="true"] .pd-url-text{animation:sf-link-arrive .55s cubic-bezier(.16,1,.3,1) both}
@keyframes sf-link-arrive{from{opacity:0;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}
.product-sourceflow .pd-queue-item{transition:border-color .55s,box-shadow .55s,background-color .55s}
.product-sourceflow .pd-queue-item.is-saved{box-shadow:0 2px 8px #3971540b}
.product-sourceflow .pd-queue-item>b{width:18px;height:18px;transform:scale(.7);transition:opacity .4s,transform .55s cubic-bezier(.16,1,.3,1)}
.product-sourceflow .pd-queue-item.is-saved>b{transform:scale(1)}
.product-sourceflow .sf-file-progress{background:linear-gradient(90deg,#ad4b83,#d78aad)}
.product-sourceflow .sf-handoff,.product-sourceflow .pd-url{transition:background-color .65s,border-color .65s,box-shadow .65s}
.product-sourceflow .pd-style-tabs button,.product-sourceflow .pd-choice button{font-size:14px}
.product-sourceflow .pd-style-tabs button{transition:color .45s,background-color .45s;border-radius:7px;padding:7px 5px}
.product-sourceflow .pd-style-tabs button[aria-pressed=true]{background:#f992630a}
.product-sourceflow .pd-control-title{margin:20px 0;min-height:90px}
.product-sourceflow .pd-control-title p{font-size:14px}
.product-sourceflow .pd-choice button{transition:background-color .5s,border-color .5s,box-shadow .5s,color .5s}
.product-sourceflow .pd-choice button[aria-pressed=true]{box-shadow:0 0 0 3px #ee9c7809}
.product-sourceflow .pd-choice{animation-duration:.55s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
.product-sourceflow .pd-preview-note{font-size:14px;min-height:22px;color:#c9bdcf}
.product-sourceflow .pd-look-summary small,.product-sourceflow .pd-look-summary b{font-size:12px}
.product-sourceflow .pd-reel img{transition-timing-function:cubic-bezier(.16,1,.3,1);transition-duration:1.1s}
.product-sourceflow .pd-batch-panel{padding:26px 36px;position:relative}
.product-sourceflow .pd-batch-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-width:590px;width:100%;margin-inline:auto;gap:16px 14px}
.product-sourceflow .pd-mini{aspect-ratio:9/16;max-height:177px}
.product-sourceflow .pd-applied-settings{margin:18px 0 25px;gap:9px 16px}
.product-sourceflow .pd-batch-card .pd-reel{transition:background-color .8s,border-color .6s,box-shadow .6s}
.product-sourceflow .pd-batch-card.is-working .pd-reel{outline:none;border-color:#f2aa82;box-shadow:0 0 0 3px #f2aa821a}
.product-sourceflow .pd-batch-card.is-styled .pd-reel{border-color:#8aab97}
.product-sourceflow .pd-batch-card>span{font-size:12px;margin-top:5px}
.product-sourceflow .pd-batch-panel>p{font-size:14px;margin-top:22px;line-height:1.6}
.product-sourceflow .pd-batch-panel::after{content:'';position:absolute;bottom:0;left:0;height:2px;width:100%;background:#d6ab8f;transform:scaleX(var(--batch-progress,0));transform-origin:left;transition:transform .54s linear}
.product-sourceflow .pd-export-seal{font-size:14px;padding:10px 16px;border-radius:30px;background:#1e2923;border:1px solid #3b5647}
.product-sourceflow .sf-channel{transition:color .6s,border-color .6s,background-color .6s;min-height:54px;font-size:14px}
.product-sourceflow .sf-channel.is-ready{transform:none}
.product-sourceflow .sf-channel>small{font-size:12px}
.product-sourceflow .pd-export-settings p small{font-size:12px}
.product-sourceflow .pd-controls{min-height:58px}
.product-sourceflow .pd-controls button{font-size:14px;min-height:32px;padding-inline:5px}
.product-sourceflow .pd-play-status{font-size:12px}
@media(max-width:1000px) and (min-width:701px){.product-sourceflow .pd-control-title h3{font-size:26px}.product-sourceflow .pd-control-title p{font-size:13px}.product-sourceflow .pd-style-tabs button{font-size:12px}.product-sourceflow .pd-choice button{font-size:13px}.product-sourceflow .pd-edit-controls{padding:18px}.sf-source-description{min-height:52px}.product-sourceflow .pd-batch-grid{max-width:490px}}
@media(max-width:700px){.sf-source-intro{min-height:133px}.sf-source-description{font-size:15px;min-height:48px}.sf-source-heading{min-height:68px;font-size:29px;margin-bottom:10px}.product-sourceflow .pd-stage-caption strong{font-size:13px;min-height:39px}.product-sourceflow .pd-step small{font-size:11px}.product-sourceflow .pd-style-tabs button{font-size:12px}.product-sourceflow .pd-choice button{font-size:13px}.product-sourceflow .pd-preview-note{font-size:13px}.product-sourceflow .pd-batch-panel{padding:24px 15px}.product-sourceflow .pd-batch-grid{gap:14px 7px}.product-sourceflow .pd-mini{max-height:none}.product-sourceflow .pd-batch-panel>p{font-size:13px}.product-sourceflow .pd-applied-settings{gap:8px 12px}.product-sourceflow .pd-play-status{font-size:12px;max-width:48%}.product-sourceflow .pd-controls{gap:7px;padding:10px}.product-sourceflow .pd-controls>div{gap:6px}.product-sourceflow .pd-controls button{font-size:12px}.product-sourceflow .sf-channel{font-size:13px}.sf-handoff{flex-wrap:wrap}.sf-handoff>b{margin-left:39px}}
@media(max-width:700px){.sf-source-intro{display:flex;flex-direction:column;justify-content:center;min-height:143px}.sf-source-heading,.sf-source-description{min-height:0}.product-sourceflow .pd-queue-head{flex-direction:column;align-items:flex-start;gap:7px}.product-sourceflow .sf-handoff>b{width:100%;margin-left:39px}}
@media(prefers-reduced-motion:reduce){.product-sourceflow *, .product-sourceflow *::before,.product-sourceflow *::after{animation:none!important;transition:none!important}.sf-transfer-ghost{display:none}.sf-scan-beam{display:none}}