:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--bg-soft:#f1f5f9;--surface:#ffffffd1;--surface-strong:#f1f5f9f0;--surface-glow:#8b5cf614;--text:#0f172a;--muted:#475569;--muted-strong:#1e293b;--border:#0f172a14;--border-strong:#0f172a24;--pink:#ec4899;--purple:#8b5cf6;--green:#10b981;--red:#f43f5e;--shadow:0 12px 40px #0f172a0d;--gradient:linear-gradient(135deg, var(--pink), var(--purple));--font-heading:"Syne", "DM Sans", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--header-bg:#ffffffd9;--glow-pink:#ff5f7e14;--glow-purple:#8b5cf61a;--input-bg:#fff;--glass-bg:#ffffff8c;--glass-border:#0f172a14;--glass-highlight:inset 0 1px 0 #ffffffb3, inset 0 -3px 0 #0f172a0f;--glass-shadow:0 4px 12px #0f172a08, 0 1px 2px #0f172a05;--glass-shadow-hover:0 8px 20px #0f172a14, 0 2px 4px #0f172a0a;--glass-shadow-pressed:inset 0 1px 0 #ffffffb3, inset 0 -1px 0 #0f172a08;--btn-primary-bg:linear-gradient(135deg, var(--pink), var(--purple));--btn-primary-highlight:inset 0 1px 0 #ffffff59, inset 0 -4px 0 #0000002e;--btn-primary-shadow:0 8px 24px #8b5cf638;--btn-primary-shadow-hover:0 12px 30px #8b5cf652;--btn-primary-shadow-pressed:inset 0 1px 0 #ffffff59, inset 0 -1px 0 #0000001f}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b14;--bg-soft:#11101d;--surface:#161423c2;--surface-strong:#1d1a2feb;--surface-glow:#8b5cf62e;--text:#f8f7ff;--muted:#aca9bd;--muted-strong:#d9d5e8;--border:#ffffff21;--border-strong:#fff3;--pink:#ff5f7e;--purple:#8b5cf6;--green:#22c55e;--red:#fb7185;--shadow:0 24px 70px #00000073;--gradient:linear-gradient(135deg, var(--pink), var(--purple));--header-bg:#0b0b14b8;--glow-pink:#ff5f7e29;--glow-purple:#8b5cf633;--input-bg:#06060eb8;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-highlight:inset 0 1px 0 #ffffff1f, inset 0 -3px 0 #0000004d;--glass-shadow:0 8px 24px #00000040;--glass-shadow-hover:0 12px 36px #00000061;--glass-shadow-pressed:inset 0 1px 0 #ffffff1f, inset 0 -1px 0 #00000026;--btn-primary-bg:linear-gradient(135deg, var(--pink), var(--purple));--btn-primary-highlight:inset 0 1px 0 #ffffff4d, inset 0 -4px 0 #0000004d;--btn-primary-shadow:0 8px 30px #00000059;--btn-primary-shadow-hover:0 12px 42px #0000007a;--btn-primary-shadow-pressed:inset 0 1px 0 #ffffff4d, inset 0 -1px 0 #0000002e}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:radial-gradient(circle at top left, var(--glow-pink), transparent 30rem), radial-gradient(circle at top right, var(--glow-purple), transparent 34rem), var(--bg);min-width:320px;color:var(--text);font-family:var(--font-body);letter-spacing:0;margin:0;font-weight:400;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;letter-spacing:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #ff5f7e70}.container{width:min(100% - 2rem,1400px);margin-inline:auto}.site-header{z-index:50;border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:1.25rem;min-height:88px;display:flex}.logo{min-width:0;font-family:var(--font-heading);white-space:nowrap;align-items:center;gap:.72rem;font-size:1.38rem;font-weight:800;display:inline-flex}.logo-mark{background:var(--gradient);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;box-shadow:0 12px 30px #ff5f7e40}.logo-site{color:#8d889f;font-family:var(--font-body);margin-left:-.55rem;font-weight:400}.nav-links,.footer-links{color:var(--muted);scrollbar-width:none;align-items:center;gap:2rem;font-weight:600;display:flex}.nav-links::-webkit-scrollbar{display:none}.footer-links::-webkit-scrollbar{display:none}.nav-links a,.footer-links a{transition:color .2s,transform .2s}.nav-links a:hover,.footer-links a:hover,.nav-links a[aria-current=page]{color:var(--text)}.remix-hero{padding:6.2rem 0 3.5rem;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(380px,.78fr);align-items:center;gap:4rem;display:grid}.hero-grid>*,.workflow-grid>*,.editor-layout>*,.creator-preview-body>*,.dashboard-stack{min-width:0}.hero-copy h1,.section-heading h2,.style-selector h2,.upgrade-strip h2,.workflow-section h2,.editor-header h2{font-family:var(--font-heading);margin:0;font-weight:800;line-height:1.02}.hero-copy h1{overflow-wrap:break-word;text-wrap:balance;max-width:850px;font-size:4.65rem}.hero-copy p{max-width:760px;color:var(--muted-strong);margin:1.35rem 0 0;font-size:1.25rem;line-height:1.65}.remix-input-panel{border:1px solid var(--border);background:linear-gradient(var(--surface-strong), var(--surface-strong)) padding-box, var(--gradient) border-box;box-shadow:var(--shadow);border-radius:18px;margin-top:2.15rem;padding:1.1rem}.remix-input-panel label,.editable-fields label,.editor-form label,.editor-form legend{color:var(--muted-strong);gap:.55rem;font-weight:700;display:grid}.remix-input-row{grid-template-columns:minmax(0,1fr) 230px;gap:.85rem;margin-top:.75rem;display:grid}.remix-input-row input,.editable-fields input,.editable-fields textarea,.editor-form input,.editor-form textarea{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);resize:vertical;border-radius:12px;padding:1rem 1.1rem}.remix-input-row input{min-height:60px;font-size:1.06rem}.primary-button,.secondary-button,.ghost-button,.icon-button,.style-chip{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;min-height:48px;font-weight:800;transition:transform .15s cubic-bezier(.4,0,.2,1),border-color .15s,background .15s,box-shadow .15s,opacity .15s;display:inline-flex}.primary-button{background:var(--btn-primary-bg);color:#fff;box-shadow:var(--btn-primary-highlight), var(--btn-primary-shadow);border:1px solid #ffffff2e;padding:.95rem 1.35rem}.primary-button:hover{box-shadow:var(--btn-primary-highlight), var(--btn-primary-shadow-hover);transform:translateY(-2px)}.primary-button:active{box-shadow:var(--btn-primary-shadow-pressed);transform:translateY(2px)}.secondary-button,.style-chip,.icon-button{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--glass-highlight), var(--glass-shadow);padding:.85rem 1.1rem}.secondary-button:hover,.style-chip:hover,.icon-button:hover{background:var(--surface-strong);box-shadow:var(--glass-highlight), var(--glass-shadow-hover);transform:translateY(-2px)}.secondary-button:active,.style-chip:active,.icon-button:active{box-shadow:var(--glass-shadow-pressed);transform:translateY(1px)}.ghost-button{color:var(--muted-strong);background:0 0;border:1px solid #0000;padding:.85rem 1.1rem}.ghost-button:hover{color:var(--text);transform:translateY(-2px)}.primary-button:disabled{cursor:wait;opacity:.72;transform:none}.inline-error{color:var(--red);margin:.85rem 0 0;font-weight:700}.trust-badges,.upgrade-points{flex-wrap:wrap;gap:.75rem;margin-top:1.15rem;display:flex}.trust-badges span,.upgrade-points span{border:1px solid var(--border);min-height:40px;color:var(--muted-strong);background:#ffffff0b;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .8rem;font-weight:700;display:inline-flex}.trust-badges i,.status-dot{background:var(--green);border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 6px #22c55e1f}.creator-preview{border:1px solid var(--border);width:100%;max-width:100%;box-shadow:var(--shadow);background:linear-gradient(145deg,#1d1a2feb,#0a0a14e0);border-radius:22px;overflow:hidden}.creator-preview-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:.8rem;min-height:64px;padding:0 1.1rem;display:flex}.creator-preview-toolbar svg{color:var(--pink);margin-left:auto}.creator-preview-body{grid-template-columns:180px minmax(0,1fr);gap:1rem;padding:1.1rem;display:grid}.phone-mock{aspect-ratio:9/16;background:#05050b;border:1px solid #ffffff1f;border-radius:22px;padding:.7rem}.phone-video{background:linear-gradient(#ff5f7e1f,#8b5cf661),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDAiIGhlaWdodD0iNDQwIiB2aWV3Qm94PSIwIDAgNjQwIDQ0MCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsPSJSZWVsIERvd25sb2FkZXIgNEsgZG93bmxvYWQgcmVzdWx0IHByZXZpZXciPgogIDxyZWN0IHdpZHRoPSI2NDAiIGhlaWdodD0iNDQwIiByeD0iOCIgZmlsbD0iIzEwMTAxYiIvPgogIDxyZWN0IHg9IjI0IiB5PSIyNCIgd2lkdGg9IjU5MiIgaGVpZ2h0PSIzOTIiIHJ4PSI4IiBmaWxsPSIjMTUxNTI1IiBzdHJva2U9InJnYmEoMjU1LDI1NSwyNTUsLjE0KSIvPgogIDxyZWN0IHg9IjU2IiB5PSI1NiIgd2lkdGg9IjE3NCIgaGVpZ2h0PSIzMDQiIHJ4PSI4IiBmaWxsPSIjMDgwODEyIiBzdHJva2U9InJnYmEoMjU1LDI1NSwyNTUsLjE2KSIvPgogIDxyZWN0IHg9IjcyIiB5PSI3NiIgd2lkdGg9IjE0MiIgaGVpZ2h0PSIyNTIiIHJ4PSI4IiBmaWxsPSJ1cmwoI3Bvc3RlcikiLz4KICA8Y2lyY2xlIGN4PSIxNDMiIGN5PSIyMDIiIHI9IjQ0IiBmaWxsPSJyZ2JhKDExLDExLDIwLC42OCkiLz4KICA8cGF0aCBkPSJNMTMyIDE3OHY0OGwzOC0yNC0zOC0yNFoiIGZpbGw9IiNmZmYiLz4KICA8cmVjdCB4PSIyNjAiIHk9Ijc0IiB3aWR0aD0iMjY0IiBoZWlnaHQ9IjE4IiByeD0iOCIgZmlsbD0iI2Y4ZmFmYyIvPgogIDxyZWN0IHg9IjI2MCIgeT0iMTEwIiB3aWR0aD0iMzE4IiBoZWlnaHQ9IjEyIiByeD0iNiIgZmlsbD0iI2E3YWRiYiIvPgogIDxyZWN0IHg9IjI2MCIgeT0iMTM1IiB3aWR0aD0iMjUwIiBoZWlnaHQ9IjEyIiByeD0iNiIgZmlsbD0iIzczN2I4ZSIvPgogIDxyZWN0IHg9IjI2MCIgeT0iMTc4IiB3aWR0aD0iMjkyIiBoZWlnaHQ9IjU0IiByeD0iOCIgZmlsbD0iIzBiMGIxNCIgc3Ryb2tlPSJyZ2JhKDI1NSwyNTUsMjU1LC4xNCkiLz4KICA8dGV4dCB4PSIyODYiIHk9IjIxMiIgZmlsbD0iI2Y4ZmFmYyIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iNzAwIj5IRCAxMDgwcCBNUDQ8L3RleHQ+CiAgPHJlY3QgeD0iMjYwIiB5PSIyNTIiIHdpZHRoPSIyMzYiIGhlaWdodD0iNTQiIHJ4PSI4IiBmaWxsPSJ1cmwoI2J1dHRvbikiLz4KICA8dGV4dCB4PSIzMDIiIHk9IjI4NiIgZmlsbD0iI2ZmZiIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iNzAwIj5Eb3dubG9hZCBSZWVsPC90ZXh0PgogIDxyZWN0IHg9IjI2MCIgeT0iMzMyIiB3aWR0aD0iOTYiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0icmdiYSgzNCwxOTcsOTQsLjE2KSIvPgogIDxjaXJjbGUgY3g9IjI3OCIgY3k9IjM0NCIgcj0iNSIgZmlsbD0iIzIyYzU1ZSIvPgogIDx0ZXh0IHg9IjI5MiIgeT0iMzUwIiBmaWxsPSIjZGNmY2U3IiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSI3MDAiPlNlY3VyZTwvdGV4dD4KICA8cmVjdCB4PSIzNzAiIHk9IjMzMiIgd2lkdGg9Ijg0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9InJnYmEoMjU1LDk1LDEyNiwuMTYpIi8+CiAgPHRleHQgeD0iMzg5IiB5PSIzNTAiIGZpbGw9IiNmZmQ3ZGUiIGZvbnQtZmFtaWx5PSJBcmlhbCwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMiIgZm9udC13ZWlnaHQ9IjcwMCI+Tm8gbG9naW48L3RleHQ+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBvc3RlciIgeDE9IjcyIiB4Mj0iMjE0IiB5MT0iNzYiIHkyPSIzMjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI2ZmNWY3ZSIvPgogICAgICA8c3RvcCBvZmZzZXQ9Ii41MiIgc3RvcC1jb2xvcj0iIzhiNWNmNiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwYjBiMTQiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImJ1dHRvbiIgeDE9IjI2MCIgeDI9IjQ5NiIgeTE9IjI1MiIgeTI9IjMwNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjZmY1ZjdlIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzhiNWNmNiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=) 50%/cover;border-radius:16px;align-content:end;gap:.45rem;height:100%;padding:1rem;display:grid;position:relative;overflow:hidden}.phone-video span,.phone-video b{z-index:1;position:relative}.phone-video b{font-family:var(--font-heading);font-size:1rem}.phone-progress{background:var(--gradient);border-radius:999px;width:70%;height:3px;margin:-12px auto 0}.dashboard-stack{align-content:center;gap:.85rem;display:grid}.mini-card,.workflow-card{border:1px solid var(--border);background:var(--surface-strong);border-radius:16px;padding:1rem}.mini-card{justify-content:space-between;align-items:center;display:flex}.mini-card.hot{background:linear-gradient(135deg,#ff5f7e2e,#8b5cf62e);border-color:#ff5f7e4d}.mini-card strong{font-family:var(--font-heading);color:#fff;font-size:1.4rem}.preview-chip-row{flex-wrap:wrap;gap:.55rem;display:flex}.preview-chip-row span{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.45rem .65rem;font-weight:700}.ad-slot{color:#8d889f;background:#ffffff08;border:1px dashed #ffffff2e;border-radius:16px;place-items:center;min-height:96px;margin-block:1rem 2rem;font-size:.86rem;display:grid}.ad-slot-inline{margin-top:2rem}.upgrade-strip,.analysis-loader,.detected-reel,.style-selector,.error-state,.empty-state{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:20px}.upgrade-strip{justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:2rem;padding:1.25rem;display:flex}.upgrade-strip h2{font-size:1.65rem}.eyebrow{color:#80ffd0;text-transform:uppercase;margin:0 0 .5rem;font-size:.82rem;font-weight:800}.section-block{padding:3rem 0 1rem}.section-heading{max-width:760px;margin-bottom:1.4rem}.section-heading h2,.workflow-section h2{font-size:2.45rem}.section-heading p,.workflow-section p,.detected-content p,.template-stats,.empty-state p,.error-state p{color:var(--muted);line-height:1.65}.analysis-loader{gap:1.3rem;padding:1.4rem;display:grid;position:relative;overflow:hidden}.analysis-loader:before,.skeleton-card:after{content:"";background:linear-gradient(110deg,#0000 20%,#ffffff17,#0000 60%);animation:1.7s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.loader-orbit{border:1px solid #ffffff24;border-radius:999px;width:58px;height:58px;position:absolute;top:1.3rem;right:1.3rem}.loader-orbit span{background:var(--gradient);border-radius:999px;width:13px;height:13px;animation:1.4s linear infinite orbit;position:absolute}.loader-orbit span:nth-child(2){animation-delay:-.7s}.loader-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.loader-step{border:1px solid var(--border);min-height:48px;color:var(--muted);border-radius:12px;align-items:center;gap:.6rem;padding:.65rem;display:flex}.loader-step span{background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.loader-step-active{color:var(--text);border-color:#22c55e66}.skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.skeleton-card{background:#ffffff0f;border-radius:14px;height:150px;position:relative;overflow:hidden}.detected-reel{grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:1.5rem;padding:1.1rem;display:grid}.detected-media{border:1px solid var(--border);background:#05050b;border-radius:16px;overflow:hidden}.detected-media video,.detected-media img{aspect-ratio:9/16;object-fit:cover;width:100%;display:block}.detected-content{align-content:center;gap:.85rem;display:grid}.detected-content h3{margin:0;font-size:1.65rem;line-height:1.24}.detected-content p{margin:0}.muted{color:var(--muted)}.success-pill,.style-badge{color:#dcfce7;background:#22c55e1c;border:1px solid #22c55e4d;border-radius:999px;align-items:center;width:fit-content;padding:.45rem .7rem;font-weight:800;display:inline-flex}.style-badge{color:#ffd7df;background:#ff5f7e1a;border-color:#ff5f7e57}.metadata-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.metadata-grid span{border:1px solid var(--border);color:var(--muted-strong);background:#ffffff0a;border-radius:12px;padding:.75rem}.detected-actions,.template-actions,.editor-downloads{flex-wrap:wrap;gap:.8rem;display:flex}.style-selector{gap:1.1rem;margin:2.5rem 0 0;padding:1.1rem;display:grid}.style-selector h2{font-size:2.1rem}.style-chip-row{flex-wrap:wrap;gap:.75rem;display:flex}.style-chip{border:1px solid var(--border);color:var(--muted-strong);background:#ffffff0e;padding:.65rem .9rem}.style-chip-active{color:var(--text);background:linear-gradient(135deg,#ff5f7e2e,#8b5cf62e);border-color:#ff5f7ea6}.style-chip-clear{color:#ffe0e6}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.template-card{border:1px solid var(--border);background:var(--surface);height:100%;box-shadow:var(--shadow);border-radius:20px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.template-card:hover{border-color:#ff5f7e47;transform:translateY(-4px);box-shadow:0 24px 58px #0000005c}.template-preview{border:1px solid var(--border);background:#05050b;border-radius:20px;min-height:520px;position:relative;overflow:hidden}.template-preview-compact{border-width:0 0 1px;border-radius:18px 18px 0 0;min-height:330px}.template-preview video,.template-preview img{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block}.preview-shade{background:linear-gradient(#00000014,#000000c2);position:absolute;inset:0}.preset-cinematic .preview-shade{background:linear-gradient(#00000024,#000000d1)}.preset-luxury .preview-shade{background:linear-gradient(#3d2b090d,#0a0804d6)}.preset-neon .preview-shade{background:linear-gradient(#ff5f7e0f,#140a2ad1)}.preset-business .preview-shade{background:linear-gradient(#00000008,#040c18d1)}.preset-meme .preview-shade{background:linear-gradient(#00000038,#000000c2)}.preview-progress{background:linear-gradient(90deg,#fff 0 72%,#fff3 72% 100%);border-radius:999px;height:4px;position:absolute;top:1rem;left:1rem;right:1rem}.preview-hook{color:#fff;text-align:center;text-shadow:0 2px 10px #00000080;background:#0000008f;border-radius:12px;padding:.85rem .95rem;font-weight:900;position:absolute;bottom:3.4rem;left:1rem;right:1rem}.subtitle-top-bottom .preview-hook{top:2rem;bottom:auto}.subtitle-minimal-lower .preview-hook{background:0 0;bottom:2.2rem}.subtitle-kinetic .preview-hook{background:linear-gradient(135deg,#ff5f7eb3,#8b5cf6b3);border:1px solid #ff5f7e66}.subtitle-caption-box .preview-hook{text-align:left;background:#090912c7}.preview-footer{color:#ffffffc7;justify-content:space-between;gap:.75rem;font-size:.82rem;font-weight:800;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.template-card-content{gap:1rem;padding:1rem;display:grid}.template-card h3{font-family:var(--font-heading);margin:0;font-size:1.35rem}.template-card-topline{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.virality-badge{gap:.4rem;display:flex}.virality-badge span{border:1px solid var(--border);min-width:62px;color:var(--muted);border-radius:10px;justify-items:center;gap:.1rem;padding:.4rem;font-size:.72rem;display:grid}.virality-badge strong{color:var(--text);font-size:1rem}.editable-fields{gap:.65rem;display:grid}.editable-fields label,.editor-form label{font-size:.82rem}.editable-fields input,.editable-fields textarea{min-height:43px;color:var(--muted-strong);padding:.7rem .8rem;font-size:.9rem}.template-stats{gap:.35rem;font-size:.9rem;display:grid}.copy-actions{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.copy-actions .secondary-button{grid-column:1/-1}.template-actions{grid-template-columns:1fr 1fr;display:grid}.template-actions .primary-button,.template-actions .secondary-button{width:100%}.empty-state,.error-state{text-align:center;padding:1.5rem}.empty-state h3,.error-state h2{font-family:var(--font-heading);margin:0}.workflow-section{padding:4rem 0}.workflow-grid{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(240px,.45fr));align-items:stretch;gap:1rem;display:grid}.workflow-card{align-content:start;gap:.7rem;display:grid}.workflow-card svg{color:var(--pink)}.workflow-card strong{font-family:var(--font-heading);font-size:1.18rem}.site-footer{border-top:1px solid var(--border);background:var(--surface-strong);padding:2rem 0}.footer-grid{justify-content:space-between;align-items:center;gap:1rem;display:flex}.toast-region{z-index:80;gap:.75rem;display:grid;position:fixed;bottom:1.25rem;right:1.25rem}.toast{color:#dcfce7;min-height:48px;box-shadow:var(--shadow);background:#091712eb;border:1px solid #22c55e4d;border-radius:12px;align-items:center;gap:.55rem;padding:.8rem 1rem;font-weight:800;display:inline-flex}.modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000ad;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.editor-modal{border:1px solid var(--border-strong);background:var(--surface);width:min(100%,1180px);max-height:min(92vh,920px);box-shadow:var(--shadow);border-radius:22px;overflow:auto}.editor-header,.editor-footer{z-index:1;background:var(--surface-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;position:sticky}.editor-header{border-bottom:1px solid var(--border);top:0}.editor-footer{border-top:1px solid var(--border);bottom:0}.icon-button{border:1px solid var(--border);width:44px;height:44px;color:var(--text);background:#ffffff0f;padding:0}.editor-layout{grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:1rem;padding:1rem;display:grid}.editor-form{gap:1rem;display:grid}.editor-form fieldset{border:0;gap:.75rem;margin:0;padding:0;display:grid}.segmented-control,.preset-grid,.toggle-row{flex-wrap:wrap;gap:.6rem;display:flex}.segmented-control button,.preset-button{border:1px solid var(--border);color:var(--muted-strong);cursor:pointer;background:#ffffff0e;border-radius:999px;padding:.6rem .8rem;font-weight:800}.segmented-control button.active,.preset-button.active{color:var(--text);background:linear-gradient(135deg,#ff5f7e3d,#8b5cf633);border-color:#ff5f7e6b}.toggle-row label{border:1px solid var(--border);border-radius:999px;align-items:center;gap:.55rem;width:auto;padding:.6rem .8rem;display:inline-flex}.toggle-row input{width:18px;height:18px;accent-color:var(--pink)}@keyframes shimmer{to{transform:translate(100%)}}@keyframes orbit{0%{transform:rotate(0)translate(28px)rotate(0)}to{transform:rotate(360deg)translate(28px)rotate(-360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1180px){.hero-grid{grid-template-columns:1fr}.hero-copy h1{font-size:3.4rem}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-grid{grid-template-columns:1fr 1fr}}@media (width<=860px){.container{width:100%;padding-inline:.75rem}.nav-wrap,.footer-grid,.upgrade-strip,.editor-footer{flex-direction:column;align-items:flex-start}.nav-links,.footer-links{white-space:nowrap;gap:.85rem;width:100%;padding-bottom:.35rem;overflow-x:auto}.remix-hero{padding-top:3.5rem}.hero-copy h1{font-size:2.65rem}.hero-copy p{font-size:1.05rem}.remix-input-row,.detected-reel,.metadata-grid,.creator-preview-body,.loader-steps,.skeleton-grid,.workflow-grid,.editor-layout,.template-grid{grid-template-columns:1fr}.template-preview{min-height:460px}.template-preview-compact{min-height:360px}.phone-mock{width:min(100%,220px);max-width:220px}}@media (width<=560px){.container{padding-inline:.5rem}.hero-copy,.hero-copy p,.remix-input-panel,.trust-badges,.creator-preview,.ad-slot,.upgrade-strip,.analysis-loader,.detected-reel,.style-selector{width:100%;max-width:calc(100vw - 1rem)}.nav-wrap{min-height:76px}.logo{font-size:1.02rem}.logo-mark{width:36px;height:36px}.hero-copy h1{text-wrap:auto;max-width:100%;font-size:clamp(1.55rem,8.4vw,1.86rem);line-height:1.08}.hero-copy p{max-width:100%;font-size:.98rem}.section-heading h2,.workflow-section h2,.style-selector h2{font-size:1.85rem}.remix-input-panel,.upgrade-strip,.analysis-loader,.detected-reel,.style-selector,.template-card-content,.editor-header,.editor-footer,.editor-layout{padding:.8rem}.copy-actions,.template-actions{grid-template-columns:1fr}.copy-actions .secondary-button{grid-column:auto}.template-preview,.template-preview-compact{min-height:420px}.toast-region{left:1rem;right:1rem}}