/* The homepage preview mirrors Studio's clip chooser. All motion is decorative. */
.native-edit-simple{background:#131020;container-type:inline-size}
.native-edit-simple h3{font-size:clamp(14px,3.9cqw,24px);line-height:1.15;margin:10px 0 16px;letter-spacing:-.5px}
.native-selection{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:14px;align-items:start}
.native-proposals{display:grid;gap:9px}
.native-proposal{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:12px 10px;border:1px solid #ffffff20;border-radius:9px;background:#0e0c18;animation:clipChoiceCycle 12s linear infinite}
.native-proposal>div{display:grid;gap:9px;min-width:0}
.native-proposal b{font-size:9px;color:#fff;line-height:1.2;white-space:nowrap}
.native-proposal small{font-size:6px;line-height:1.25;color:#ada6c2;white-space:nowrap}
.native-proposal:first-child{border-color:#d9ff32;background:#d9ff3210}
.native-proposal:nth-child(2){animation-delay:-8s}
.native-proposal:nth-child(3){animation-delay:-4s}
.native-proposal-score{display:grid;justify-items:end;gap:4px;color:#d9ff32}
.native-proposal-score strong{font-size:19px;line-height:1;letter-spacing:-.7px}
.native-proposal-score strong small{font-size:7px;color:#fff;letter-spacing:0;margin-left:2px}
.native-proposal-score>small{font-size:5px;letter-spacing:.5px;color:#c5bbd5}
.native-clip-preview{min-width:0}
.native-edit-simple .native-preview{aspect-ratio:16/9;border:1px solid #ffffff12;border-radius:8px}
.native-edit-simple .edit-footage{width:100%;height:100%;min-height:0}
.native-edit-simple .native-preview>.native-preview-label{top:7px;bottom:auto;left:8px;right:auto;padding:3px 5px;border-radius:4px;background:#100d1bb3;font-size:6px;font-style:normal;font-weight:700;letter-spacing:.8px}
.native-preview-play{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:16px 9px 8px;color:#fff;background:linear-gradient(transparent,#0b091be6)}
.native-preview-play>svg{width:10px;height:10px;flex:none}
.native-preview-play>i{height:2px;flex:1;background:#ffffff40;overflow:hidden;border-radius:2px}
.native-preview-play>i>span{display:block;height:100%;background:#d9ff32;transform-origin:left;animation:clipPlayback 4s linear infinite}
.native-clip-wave{display:flex;align-items:center;gap:2px;height:25px;position:relative;background:#0b0912;border-radius:5px;padding:4px 5px;margin-top:8px;overflow:hidden}
.native-clip-wave>i{height:var(--h);flex:1;min-width:0;background:#d9ff32;opacity:.65;border-radius:1px}
.native-clip-playhead{position:absolute;top:2px;bottom:2px;left:4%;width:1px;background:#fff;animation:clipSeek 4s linear infinite}
.native-clip-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;font-size:8px;color:#c5bbd5;line-height:1.3}
.native-clip-next{display:flex;align-items:center;gap:12px;background:#d9ff32;color:#111508;border-radius:6px;padding:7px 10px;font-size:9px;font-weight:800;white-space:nowrap}
.native-clip-next b{font-size:13px;line-height:1}
@keyframes clipChoiceCycle{0%,30%,100%{border-color:#d9ff32;background:#d9ff3210}33.333%,96%{border-color:#ffffff20;background:#0e0c18}}
@keyframes clipPlayback{0%{transform:scaleX(.04)}100%{transform:scaleX(.97)}}
@keyframes clipSeek{0%{left:4%}100%{left:96%}}
@media(max-width:1000px){.native-selection{gap:9px}.native-proposals{gap:6px}.native-proposal{padding:8px 7px;border-radius:7px}.native-proposal>div{gap:6px}.native-proposal b{font-size:7px}.native-proposal small{font-size:5px}.native-proposal-score strong{font-size:16px}.native-proposal-score>small{font-size:4px}.native-edit-simple h3{margin:8px 0 11px}.native-clip-next{font-size:8px;padding:6px 8px;gap:5px}.native-clip-wave{height:20px;margin-top:6px}.native-clip-actions{margin-top:6px;font-size:7px}}
@media(max-width:800px){.native-selection{gap:7px;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}.native-proposal{padding:7px 5px;gap:3px;border-radius:5px}.native-proposal b{font-size:6px}.native-proposal>div{gap:4px}.native-proposal small{font-size:4px}.native-proposal-score{gap:3px}.native-proposal-score strong{font-size:13px;letter-spacing:-.3px}.native-proposal-score strong small{font-size:5px;margin-left:1px}.native-proposal-score>small{font-size:3px}.native-proposals{gap:5px}.native-edit-simple h3{font-size:clamp(12px,5.5cqw,19px);margin:8px 0 10px}.native-edit-simple .native-preview>.native-preview-label{font-size:4px;left:4px;top:4px;padding:2px 3px}.native-preview-play{gap:4px;padding:12px 5px 5px}.native-preview-play>svg{width:7px;height:7px}.native-clip-wave{height:17px;gap:1px;padding:3px;margin-top:5px}.native-clip-actions{font-size:6px;gap:4px;margin-top:6px}.native-clip-next{font-size:6px;padding:5px 6px;border-radius:4px}.native-clip-next b{font-size:9px}}
@media(prefers-reduced-motion:reduce){.native-edit-simple *{animation:none!important}.native-preview-play>i>span{transform:scaleX(.4)}.native-clip-playhead{left:40%}}