:root{--bg-deep:#0f1115;--bg-card:#ffffff09;--bg-card-hover:#ffffff0e;--bg-elevated:#ffffff0f;--border-card:#ffffff12;--border-card-hover:#ffffff21;--border-accent:#818cf866;--text-primary:#f0f2f7;--text-secondary:#ffffff80;--text-tertiary:#ffffff47;--text-accent:#a5b4fc;--accent-indigo:#818cf8;--accent-violet:#a78bfa;--accent-purple:#c084fc;--gradient-accent:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-accent-soft:linear-gradient(135deg, #6366f133, #8b5cf633);--r-card:24px;--r-btn:16px;--r-sm:12px;--r-xs:8px;--blur:20px;--gap:16px;--pad:24px;--font:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--t-fast:.2s;--t-normal:.35s;--t-slow:.5s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font);background:var(--bg-deep);color:var(--text-primary);flex-direction:column;min-height:100vh;line-height:1.5;display:flex;overflow-x:hidden}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}input[type=file]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.mesh-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.mesh-blob{filter:blur(100px);will-change:transform;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle,#6366f12e 0%,#0000 70%);width:700px;height:700px;animation:25s ease-in-out infinite alternate meshFloat1;top:-15%;left:-8%}.blob-2{background:radial-gradient(circle,#a855f724 0%,#0000 70%);width:550px;height:550px;animation:20s ease-in-out infinite alternate meshFloat2;bottom:-10%;right:-5%}.blob-3{background:radial-gradient(circle,#3b82f61a 0%,#0000 70%);width:400px;height:400px;animation:22s ease-in-out infinite alternate meshFloat3;top:45%;right:25%}.blob-4{background:radial-gradient(circle,#c084fc14 0%,#0000 70%);width:300px;height:300px;animation:18s ease-in-out infinite alternate-reverse meshFloat1;top:10%;right:10%}@keyframes meshFloat1{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,40px)scale(1.1)}to{transform:translate(-30px,80px)scale(.95)}}@keyframes meshFloat2{0%{transform:translate(0)scale(1)}50%{transform:translate(-50px,-30px)scale(1.08)}to{transform:translate(40px,-60px)scale(1.02)}}@keyframes meshFloat3{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-50px)scale(1.12)}to{transform:translate(-40px,20px)scale(.98)}}.header{z-index:1;flex-shrink:0;align-items:center;gap:24px;padding:28px 40px 0;display:flex;position:relative}.logo-group{align-items:center;gap:10px;display:flex}.logo{letter-spacing:-.04em;color:var(--text-primary);font-size:1.75rem;font-weight:800;line-height:1}.logo .dot{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.version-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-indigo);background:#6366f11f;border:1px solid #6366f133;border-radius:6px;padding:3px 8px;font-size:.6rem;font-weight:600;line-height:1}.tagline{color:var(--text-tertiary);font-size:.85rem;font-weight:400}.bento{z-index:1;gap:var(--gap);flex:1;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr 1fr;min-height:calc(100vh - 140px);padding:20px 40px 16px;display:grid;position:relative}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border-card);border-radius:var(--r-card);transition:background var(--t-normal) var(--ease), border-color var(--t-normal) var(--ease), box-shadow var(--t-normal) var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.card:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;position:absolute;top:0;left:16px;right:16px}.card:hover{background:var(--bg-card-hover);border-color:var(--border-card-hover)}.card__label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);flex-shrink:0;align-items:center;gap:6px;padding:16px 20px 0;font-size:.7rem;font-weight:600;display:flex}.card--video{grid-area:1/1/3/3}.video-stage{border-radius:var(--r-sm);background:#00000059;flex:1;justify-content:center;align-items:center;min-height:0;margin:12px 20px 0;display:flex;position:relative;overflow:hidden}.video-empty{color:var(--text-tertiary);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.video-empty__icon{opacity:.25;animation:4s ease-in-out infinite subtlePulse}@keyframes subtlePulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.35;transform:scale(1.04)}}.video-empty__title{color:var(--text-secondary);font-size:.95rem;font-weight:600}.video-empty__sub{color:var(--text-tertiary);font-size:.78rem}#videoPlayer{object-fit:contain;border-radius:var(--r-sm);width:100%;height:100%;display:none}#videoPlayer.visible{display:block}.crop-overlay{pointer-events:none;z-index:3;transition:left var(--t-normal) var(--ease), top var(--t-normal) var(--ease), width var(--t-normal) var(--ease), height var(--t-normal) var(--ease);border:1.5px solid #818cf880;display:none;position:absolute;box-shadow:0 0 0 9999px #0000008c}.crop-overlay.visible{display:block}.crop-corner{border-color:var(--accent-indigo);border-style:solid;border-width:0;width:14px;height:14px;position:absolute}.c-tl{border-top-width:2.5px;border-left-width:2.5px;border-top-left-radius:3px;top:-1px;left:-1px}.c-tr{border-top-width:2.5px;border-right-width:2.5px;border-top-right-radius:3px;top:-1px;right:-1px}.c-bl{border-bottom-width:2.5px;border-left-width:2.5px;border-bottom-left-radius:3px;bottom:-1px;left:-1px}.c-br{border-bottom-width:2.5px;border-right-width:2.5px;border-bottom-right-radius:3px;bottom:-1px;right:-1px}.crop-ratio-label{letter-spacing:.08em;color:#ffffff73;text-transform:uppercase;pointer-events:none;background:#0006;border-radius:6px;padding:4px 10px;font-size:.65rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-controls{flex-shrink:0;align-items:center;gap:10px;padding:10px 20px 14px;display:none}.video-controls.visible{display:flex}.vc-btn{width:34px;height:34px;color:var(--text-primary);transition:all var(--t-fast) var(--ease);background:#ffffff0f;border:1px solid #ffffff0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vc-btn:hover{background:#ffffff1a;border-color:#ffffff1f}.vc-seek-wrapper{background:#ffffff14;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.vc-seek{opacity:0;cursor:pointer;appearance:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.vc-seek-fill{background:var(--gradient-accent);pointer-events:none;border-radius:3px;width:0%;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.vc-time{color:var(--text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:.7rem;font-weight:500}.card--upload{grid-area:1/3/3}.dropzone{border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-normal) var(--ease);text-align:center;border:2px dashed #ffffff14;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;margin:12px 16px 16px;padding:24px;display:flex}.dropzone:hover{background:#6366f10a;border-color:#818cf859}.dropzone.drag-over{border-color:var(--accent-indigo);background:#6366f114;transform:scale(1.01)}.dropzone.hidden{display:none}.dropzone__ring{width:64px;height:64px;color:var(--accent-indigo);transition:all var(--t-normal) var(--ease);background:#6366f114;border-radius:50%;justify-content:center;align-items:center;display:flex}.dropzone:hover .dropzone__ring{background:#6366f124;transform:translateY(-2px)}.dropzone__title{color:var(--text-primary);font-size:.95rem;font-weight:600}.dropzone__sub{color:var(--text-tertiary);margin-top:-6px;font-size:.78rem}.dropzone__formats{color:var(--text-tertiary);letter-spacing:.04em;background:#ffffff0a;border-radius:20px;padding:4px 12px;font-size:.65rem;font-weight:500}.file-info{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px 16px 16px;display:none}.file-info.visible{display:flex}.file-info__icon-wrap{width:52px;height:52px;color:var(--accent-indigo);background:#6366f11a;border-radius:14px;justify-content:center;align-items:center;display:flex}.file-info__meta{flex-direction:column;gap:4px;display:flex}.file-info__name{color:var(--text-primary);word-break:break-all;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.85rem;font-weight:600;overflow:hidden}.file-info__details{color:var(--text-tertiary);font-size:.72rem;font-weight:500}.btn-change{color:var(--accent-indigo);border-radius:var(--r-xs);transition:all var(--t-fast) var(--ease);background:#6366f114;border:1px solid #6366f126;align-items:center;gap:6px;padding:8px 16px;font-size:.75rem;font-weight:600;display:flex}.btn-change:hover{background:#6366f126;border-color:#6366f14d}.card--ratio{grid-area:3/1}.ratio-toggle{border-radius:var(--r-btn);background:#ffffff0a;gap:4px;margin:auto 16px 16px;padding:5px;display:flex;position:relative}.ratio-toggle__slider{border-radius:calc(var(--r-btn) - 5px);width:calc(50% - 7px);transition:left var(--t-normal) var(--ease);z-index:0;background:#6366f12e;border:1px solid #818cf840;position:absolute;top:5px;bottom:5px;left:5px}.ratio-toggle__slider.right{left:calc(50% + 2px)}.ratio-btn{z-index:1;border-radius:calc(var(--r-btn) - 5px);transition:all var(--t-normal) var(--ease);color:var(--text-secondary);flex:1;justify-content:center;align-items:center;gap:10px;padding:12px 8px;display:flex;position:relative}.ratio-btn.active,.ratio-btn:hover{color:var(--text-primary)}.ratio-btn__icon{transition:all var(--t-fast) var(--ease);border:1.5px solid;border-radius:3px;flex-shrink:0}.ratio-btn__icon.portrait{width:14px;height:24px}.ratio-btn__icon.landscape{width:26px;height:15px}.ratio-btn.active .ratio-btn__icon{border-color:var(--accent-indigo);background:#6366f126}.ratio-btn__info{text-align:left;flex-direction:column;gap:1px;display:flex}.ratio-btn__value{letter-spacing:-.02em;font-size:.85rem;font-weight:700;line-height:1}.ratio-btn__desc{color:var(--text-tertiary);font-size:.6rem;font-weight:500;line-height:1}.card--export{grid-area:3/2/auto/4}.export-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:16px 20px 20px;display:flex}.export-note{color:var(--text-tertiary);text-align:center;font-size:.72rem;font-weight:500}.btn-export{border-radius:var(--r-btn);width:100%;max-width:340px;color:var(--text-tertiary);transition:all var(--t-normal) var(--ease);background:#ffffff0d;border:1px solid #ffffff0f;padding:16px 32px;font-size:.9rem;font-weight:700;position:relative;overflow:hidden}.btn-export:not(:disabled){background:var(--gradient-accent);color:#fff;border-color:#0000;box-shadow:0 4px 24px #6366f140,0 1px 3px #0000004d,inset 0 1px #ffffff1f}.btn-export:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 32px #6366f159,0 2px 6px #0000004d,inset 0 1px #ffffff26}.btn-export:not(:disabled):active{transform:translateY(0)}.btn-export:disabled{cursor:not-allowed}.btn-export__fill{background:var(--gradient-accent);opacity:.9;width:0%;height:100%;transition:width var(--t-normal) var(--ease);border-radius:inherit;position:absolute;top:0;left:0}.btn-export__content{z-index:1;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.btn-export.processing{color:var(--text-primary);pointer-events:none;background:#ffffff0f;border:1px solid #818cf833}.btn-export.processing .btn-export__fill{opacity:.3}.btn-export.loading{pointer-events:none;color:var(--text-secondary)}.btn-export.loading .btn-export__fill{opacity:1;background:linear-gradient(90deg,#6366f114 25%,#6366f133 50%,#6366f114 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer;width:100%!important}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-export.done{color:#fff;background:linear-gradient(135deg,#059669,#10b981);border-color:#0000}.footer{z-index:1;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:12px 40px 18px;display:flex;position:relative}.footer__lock{color:var(--text-tertiary);opacity:.6;display:flex}.footer p{color:var(--text-tertiary);font-size:.68rem;font-weight:500}@media (width<=1024px){.header{flex-direction:column;align-items:flex-start;gap:6px;padding:20px 24px 0}.bento{flex-direction:column;gap:16px;height:auto;max-height:none;padding:16px 24px 12px;display:flex}.card{min-height:0}.card:first-child{min-height:300px}.footer{padding:12px 24px 16px}}@media (width<=640px){.header{padding:16px 16px 0}.bento{gap:12px;padding:12px 16px 8px}.card:first-child{min-height:260px}.card{border-radius:20px}.footer{padding:10px 16px 14px}.nav{padding:0 16px}.nav__links{flex-wrap:wrap;justify-content:flex-end}.action-grid,.trim-controls,.v2i-settings-grid,.rotate-controls{flex-wrap:wrap}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{animation:fadeIn .6s var(--ease) both}.card--video{animation-delay:0s}.card--upload{animation-delay:80ms}.card--ratio{animation-delay:.16s}.card--export{animation-delay:.24s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.nav{z-index:100;-webkit-backdrop-filter:blur(24px);background:#0f1115d1;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:56px;padding:0 40px;display:flex;position:sticky;top:0}.nav__logo{letter-spacing:-.04em;color:var(--text-primary);font-size:1.25rem;font-weight:800;line-height:1;text-decoration:none}.nav__logo .dot{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav__links{border-radius:var(--r-sm);background:#ffffff0a;border:1px solid #ffffff0a;gap:4px;padding:4px;display:flex}.nav__link{color:var(--text-secondary);border-radius:calc(var(--r-sm) - 4px);transition:all var(--t-fast) var(--ease);letter-spacing:.01em;padding:7px 16px;font-size:.75rem;font-weight:600;text-decoration:none}.nav__link:hover{color:var(--text-primary);background:#ffffff0f}.nav__link.active{color:var(--text-primary);background:#6366f12e}.nav__dropdown{display:flex;position:relative}.nav__dropdown-btn{cursor:pointer;align-items:center;gap:6px;display:flex}.nav__dropdown-content{background:var(--bg-deep);border-radius:var(--r-sm);opacity:0;visibility:hidden;min-width:180px;transition:all var(--t-fast) var(--ease);border:1px solid #ffffff14;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0;transform:translateY(-8px);box-shadow:0 12px 40px #00000080}.nav__dropdown:hover .nav__dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.nav__dropdown-content a{color:var(--text-secondary);border-radius:calc(var(--r-sm) - 4px);transition:all var(--t-fast) var(--ease);padding:8px 12px;font-size:.75rem;font-weight:500;text-decoration:none}.nav__dropdown-content a:hover{color:var(--text-primary);background:#ffffff0d}.ad-container{z-index:99;background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;padding:12px;display:flex}.ad-horizontal{width:100%}.ad-placeholder{border-radius:var(--r-xs);width:728px;height:90px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:#ffffff0a;border:1px dashed #ffffff26;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}@media (width<=768px){.ad-placeholder{width:320px;height:100px}}.has-nav .bento{max-height:calc(100vh - 170px);padding-top:16px}.has-nav .footer{padding-top:0}.cross-link{z-index:1;border-radius:var(--r-sm);transition:all var(--t-normal) var(--ease);background:#6366f10d;border:1px solid #6366f11a;flex-shrink:0;justify-content:center;align-items:center;gap:10px;margin:4px 40px 0;padding:14px 24px;text-decoration:none;display:flex;position:relative}.cross-link:hover{background:#6366f11a;border-color:#6366f133;transform:translateY(-1px)}.cross-link__text{color:var(--text-secondary);font-size:.8rem}.cross-link__cta{color:var(--accent-indigo);align-items:center;gap:4px;font-size:.8rem;font-weight:700;display:flex}.faq{z-index:1;flex-shrink:0;padding:8px 40px;position:relative}.faq__title{color:var(--text-primary);margin-bottom:10px;font-size:.95rem;font-weight:700}.faq details{border:1px solid var(--border-card);border-radius:var(--r-sm);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);transition:border-color var(--t-fast) var(--ease);margin-bottom:6px;overflow:hidden}.faq details:hover{border-color:var(--border-card-hover)}.faq details[open]{border-color:#6366f126}.faq summary{color:var(--text-primary);cursor:pointer;transition:color var(--t-fast) var(--ease);justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;font-size:.82rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary::marker{content:"";display:none}.faq summary:after{content:"+";color:var(--text-tertiary);transition:transform var(--t-fast) var(--ease);text-align:center;flex-shrink:0;width:20px;font-size:1.1rem;font-weight:400}.faq details[open] summary:after{content:"−";color:var(--accent-indigo)}.faq details .faq__answer{color:var(--text-secondary);padding:0 20px 14px;font-size:.78rem;line-height:1.7}@media (width<=1024px){.nav{padding:0 24px}.cross-link{margin:4px 24px 0}.faq{padding:8px 24px}}@media (width<=640px){.nav{height:50px;padding:0 16px}.nav__link{padding:6px 12px;font-size:.7rem}.cross-link{flex-direction:column;gap:4px;margin:4px 16px 0}.faq{padding:6px 16px}}.seo-content{z-index:1;padding:20px 40px 10px;position:relative}.seo-content__inner{border-radius:var(--r-md);-webkit-backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0a;max-width:800px;margin:0 auto;padding:30px}.seo-content__title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:1.5rem;font-weight:800}.seo-content__intro{color:var(--text-secondary);margin-bottom:24px;font-size:.9rem;line-height:1.6}.seo-content__h2{color:var(--text-primary);margin:24px 0 12px;font-size:1.1rem;font-weight:700}.seo-content__list{flex-direction:column;gap:12px;margin:0 0 24px;padding:0;list-style:none;display:flex}.seo-content__list li{color:var(--text-secondary);padding-left:24px;font-size:.85rem;line-height:1.5;position:relative}.seo-content__list li:before{content:"✓";color:var(--accent-indigo);font-weight:800;position:absolute;top:0;left:0}.seo-content__list strong{color:var(--text-primary)}.seo-content__desc{color:var(--text-secondary);font-size:.85rem;line-height:1.6}@media (width<=1024px){.seo-content{padding:10px 24px}.seo-content__inner{padding:24px}}@media (width<=640px){.seo-content{padding:10px 16px}.seo-content__inner{padding:20px}.seo-content__title{font-size:1.3rem}}