.reel-modal{position:fixed;z-index:2300;inset:0;display:grid;place-items:center;padding:18px;background:#03100ce8;backdrop-filter:blur(12px)}.reel-modal[hidden]{display:none}.reel-panel{width:min(680px,100%);max-height:94vh;overflow:auto;background:#fffdf8;color:#17231f;border:1px solid #d9ddd4;border-radius:26px;box-shadow:0 30px 110px #000b}.reel-preview{position:relative;display:grid;place-items:center;min-height:230px;overflow:hidden;background:radial-gradient(circle at 50% 30%,#16845a,#041b14);color:#fff;text-align:center}.reel-preview::after{content:"15 SEC · 9:16";position:absolute;right:14px;bottom:14px;padding:7px 9px;border-radius:999px;background:#001b13aa;font-size:11px;font-weight:850;letter-spacing:1px}.reel-phone{width:112px;aspect-ratio:9/16;padding:8px;border:2px solid #ffffffaa;border-radius:18px;background:#0a2c21;box-shadow:0 16px 38px #0008}.reel-phone img{width:100%;height:100%;object-fit:cover;border-radius:10px}.reel-content{padding:24px}.reel-content h2{font-family:Georgia,serif;font-size:38px;margin:7px 0 10px}.reel-content>p{color:#64716b;line-height:1.55}.reel-field{display:grid;gap:8px;margin:19px 0}.reel-field label{font-size:13px;font-weight:800}.reel-field select{width:100%;padding:13px;border:1px solid #d9ddd4;border-radius:12px;background:#fff;font:inherit}.reel-note{font-size:12px;color:#64716b;line-height:1.5}.reel-progress{height:10px;margin-top:16px;overflow:hidden;border-radius:999px;background:#e5eae5}.reel-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#245b45,#00aa61);transition:width .2s}.reel-status{min-height:22px;margin:9px 0 0;color:#496158;font-size:13px}.reel-error{padding:10px 12px;border-radius:10px;background:#fde8e5;color:#a53838!important;font-weight:700}.reel-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:20px}.reel-actions button{width:100%}
@media(max-width:520px){.reel-preview{min-height:190px}.reel-content{padding:20px}.reel-content h2{font-size:32px}.reel-actions{grid-template-columns:1fr}.reel-panel{border-radius:20px}}
.reel-preview::after{content:"30 SEC · 9:16"}