:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050505;color:#f6f7fb;font-synthesis:none;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--blue: #1298ff;--blue-2: #4aa8ff;--green: #28bf5d;--panel: #161719;--panel-2: #202124;--muted: #9da2ad;--line: rgba(255, 255, 255, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(24,154,255,.12),transparent 32%),#050505}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:#050505}.phone-shell{position:relative;width:min(100%,430px);min-height:min(920px,calc(100vh - 40px));display:flex;flex-direction:column;gap:16px;padding:18px 16px 16px;background:#000;border:1px solid rgba(255,255,255,.08);border-radius:30px;box-shadow:0 24px 80px #000000b8;overflow:hidden}.phone-shell.has-video{gap:0;padding-top:0}.topbar{display:grid;grid-template-columns:54px 1fr 54px 64px 64px;align-items:center;gap:10px}.icon-button,.mode-switch,.mode-switch button{height:50px;border-radius:25px;background:var(--panel)}.icon-button{display:grid;place-items:center;color:#fff}.icon-button.primary,.crop-toggle.primary{background:linear-gradient(180deg,#1da8ff,#0d86ea);box-shadow:inset 0 -3px #00488e38}.icon-button.square{border-radius:9px;background:#191a1c}.icon-button.square.active{background:#ffffff29}.mode-switch{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:3px;gap:2px;min-width:0}.mode-switch button{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#d9dce3;font-size:18px;font-weight:650;background:transparent}.mode-switch button.active{color:#fff;background:#ffffff14}.ratio-grid{display:none;grid-template-columns:repeat(30,minmax(0,1fr));gap:18px 9px;padding:8px 8px 4px}.phone-shell.has-video .preset-row,.phone-shell.has-video .status-line,.phone-shell.has-video .zoom-control{display:none}.phone-shell.aspect-open:not(.has-video) .ratio-grid{display:grid}.phone-shell.has-video.aspect-open .ratio-grid{position:absolute;left:0;right:0;top:92px;z-index:7;display:grid;grid-auto-flow:column;grid-auto-columns:82px;grid-template-columns:none;grid-template-rows:repeat(2,84px);gap:18px 18px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;padding:22px 30px 26px;background:linear-gradient(180deg,#000,#000 78%,#0000);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.phone-shell.has-video.aspect-open .ratio-grid::-webkit-scrollbar{display:none}.ratio-item{min-width:0;grid-column:span 6;display:grid;justify-items:center;gap:5px;color:var(--blue-2);background:transparent}.phone-shell.has-video.aspect-open .ratio-item{grid-column:auto;width:82px;scroll-snap-align:start}.ratio-item:nth-child(n+6){grid-column:span 5}.phone-shell.has-video.aspect-open .ratio-item:nth-child(n+6){grid-column:auto}.ratio-frame{width:36px;max-width:48px;height:auto;min-height:22px;max-height:42px;display:grid;place-items:center;border:3px solid currentColor;border-radius:5px;color:currentColor;filter:drop-shadow(0 0 5px rgba(18,152,255,.2))}.ratio-frame.source{border:0}.ratio-item span{max-width:100%;font-size:16px;line-height:1.05;font-weight:520;white-space:nowrap}.ratio-item.selected{color:#fff}.stage{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:10px;align-items:stretch}.phone-shell.has-video .topbar{position:absolute;left:16px;right:16px;top:16px;z-index:8}.settings-popover{position:absolute;z-index:12;top:70px;right:16px;width:min(300px,calc(100% - 70px));padding:18px 24px 20px;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:#181614b8;box-shadow:0 20px 55px #00000075,inset 0 1px #ffffff14;backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35)}.menu-item{width:100%;min-height:49px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:6px;padding:4px 0;color:#fff;background:transparent;text-align:left;font-size:21px;font-weight:520}.check-slot{width:30px;display:grid;place-items:center;color:#fff}.menu-divider{height:1px;margin:9px 0;background:#ffffff1a}.phone-shell.has-video .icon-button.primary{background:var(--panel)}.phone-shell.has-video .crop-toggle.primary{background:linear-gradient(180deg,#1da8ff,#0d86ea)}.phone-shell.has-video .stage{display:block;flex:1 1 auto;margin:0 -16px;min-height:650px}.source-pane{position:relative;min-height:445px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 20%),#090909}.phone-shell.has-video .source-pane{height:100%;min-height:650px}.source-pane video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.03) contrast(1.02)}.upload-drop{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:13px;color:#d6dbe5;background:linear-gradient(135deg,rgba(18,152,255,.2),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.08),transparent),#101113;cursor:pointer}.upload-drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-drop strong{font-size:20px;font-weight:700}.crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.target-candidate{position:absolute;z-index:4;border:2px solid rgba(255,255,255,.9);border-radius:7px;background:#ffffff08;box-shadow:0 0 0 1px #00000029;pointer-events:auto;touch-action:manipulation}.target-candidate.selected{z-index:6;border-color:transparent;background:transparent;box-shadow:none;pointer-events:none}.target-corner{position:absolute;width:23px;height:23px;border-color:#49e858}.target-top-left{left:0;top:0;border-top:3px solid #49e858;border-left:3px solid #49e858}.target-top-right{right:0;top:0;border-top:3px solid #49e858;border-right:3px solid #49e858}.target-bottom-left{left:0;bottom:0;border-bottom:3px solid #49e858;border-left:3px solid #49e858}.target-bottom-right{right:0;bottom:0;border-bottom:3px solid #49e858;border-right:3px solid #49e858}.target-plus{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%)}.target-plus:before,.target-plus:after{content:"";position:absolute;background:#49e858;border-radius:10px}.target-plus:before{left:0;top:8px;width:18px;height:2px}.target-plus:after{left:8px;top:0;width:2px;height:18px}.crop-window{position:absolute;z-index:2;transform:translate(-50%,-50%);max-width:78%;max-height:76%;min-width:112px;border:0;background:#ffffff38;box-shadow:0 0 0 9999px #0000008a;cursor:grab;pointer-events:auto;touch-action:none;transition:left .18s ease,top .18s ease,background .18s ease}.target-prompt{position:absolute;left:50%;bottom:66px;z-index:7;min-width:164px;height:58px;padding:0 26px;transform:translate(-50%);border-radius:7px;color:#fff;background:#4f4643d6;box-shadow:0 10px 26px #00000047;font-size:24px;font-weight:520;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.target-prompt.detecting{pointer-events:none;font-size:20px;background:#272523bd}.crop-window.manual,.crop-window.locked,.crop-window.dragging{animation:none}.crop-window.locked{transition:none}.crop-window.motion-motion{animation-duration:1.5s}.crop-window.motion-normal{animation-duration:2.2s}.crop-window.motion-smooth{animation-duration:3.5s}.crop-window.dragging{cursor:grabbing;background:#ffffff47;transition:none}.subject-box{position:absolute;left:50%;top:31%;width:35%;height:35%;min-width:78px;min-height:78px;transform:translate(-50%,-50%);pointer-events:none}.crop-window.detecting .subject-box{opacity:0}.crop-window.auto .subject-box{animation:subject-scan 2.7s ease-in-out infinite}.subject-box.locked-target{left:50%;top:50%;min-width:78px;min-height:78px;animation:none!important}.crop-window.auto.motion-motion .subject-box{animation-duration:1.45s}.crop-window.auto.motion-normal .subject-box{animation-duration:2.2s}.crop-window.auto.motion-smooth .subject-box{animation-duration:3.5s}.corner{position:absolute;width:28px;height:28px;color:#49e858;border-color:#49e858}.top-left{left:0;top:0;border-top:3px solid #49e858;border-left:3px solid #49e858}.top-right{right:0;top:0;border-top:3px solid #49e858;border-right:3px solid #49e858}.bottom-left{left:0;bottom:0;border-bottom:3px solid #49e858;border-left:3px solid #49e858}.bottom-right{right:0;bottom:0;border-bottom:3px solid #49e858;border-right:3px solid #49e858}.focus-cross{position:absolute;width:18px;height:18px;left:50%;top:44%;transform:translate(-50%,-50%)}.focus-cross:before,.focus-cross:after{content:"";position:absolute;background:#47f44d;border-radius:10px}.focus-cross:before{width:18px;height:2px;top:8px}.focus-cross:after{width:2px;height:18px;left:8px}.preview-strip{position:relative;min-width:0;overflow:hidden;border-left:1px solid rgba(255,255,255,.08);background:#ffffff0a}.phone-shell.has-video .preview-strip{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.preview-strip canvas{width:100%;height:100%;display:block;object-fit:cover;opacity:.72}.transport{display:grid;grid-template-columns:32px 1fr 68px;align-items:center;gap:8px;margin-top:-80px;z-index:2;padding:0 2px;color:#fff}.phone-shell.has-video .transport{margin-top:-98px;padding:0 28px}.clip-controls-panel{position:absolute;left:14px;right:14px;bottom:92px;z-index:6;display:grid;gap:10px;padding:12px;border-radius:14px;background:#0c0c0cb8;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.clip-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.clip-presets button{height:34px;border-radius:9px;color:#c7ccd6;background:#ffffff14;font-size:14px;font-weight:650}.clip-presets button.active{color:#fff;background:#1298ff6b}.clip-zoom{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:10px;color:#d7dbe3;font-size:13px;font-weight:650}.clip-zoom input{accent-color:var(--blue)}.scrub{position:relative;height:24px;border-radius:20px;background:#ffef95b8;box-shadow:0 1px #fff3}.scrub span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:#ffffff47}.scrub i{position:absolute;top:50%;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:#fff;transform:translateY(-50%);box-shadow:0 0 0 6px #ffffff38}.speed{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:4px;color:#fff;background:transparent;font-size:18px;font-weight:700}.preset-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:4px}.preset-row button{height:34px;border-radius:10px;color:#aeb3bd;background:#ffffff12;font-size:14px;font-weight:650}.preset-row button.active{color:#fff;background:#1298ff57}.status-line{min-height:38px;display:grid;grid-template-columns:98px 1fr;gap:9px;align-items:center;color:#c3c8d0;font-size:12px;line-height:1.25}.status-line span:first-child{color:var(--blue-2);font-weight:800}.zoom-control{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:12px;color:#c3c8d0;font-size:13px;font-weight:650}.zoom-control input{accent-color:var(--blue)}.actionbar{display:grid;grid-template-columns:96px 1fr 96px;gap:10px}.phone-shell.has-video .actionbar{position:relative;z-index:4;margin-top:22px}.actionbar button{height:61px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;color:#fff;font-size:21px;font-weight:780;box-shadow:inset 0 -4px #00000024}.secondary-action{background:#26272bf0}.start-action{background:#1598f5}.export-action{background:var(--green)}.download-link{display:grid;place-items:center;min-height:38px;color:#fff;text-decoration:none;border-radius:9px;background:#28bf5d3d;font-size:14px;font-weight:750}.feedback-page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-rows:auto 1fr;padding:64px 16px 28px;background:#000}.feedback-back{width:88px;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:25px;color:#fff;background:var(--panel);font-size:22px;font-weight:650}.feedback-content{display:grid;align-content:start;gap:26px;padding-top:64px}.feedback-content h1{margin:0;color:#fff;font-size:24px;line-height:1.25;font-weight:520}.rating-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:8px 62px 18px}.rating-row button{height:60px;display:grid;place-items:center;color:#fff;background:transparent;opacity:.96}.rating-row button.selected{color:var(--blue);opacity:1;filter:drop-shadow(0 0 8px rgba(18,152,255,.45))}.feedback-field{display:grid;gap:14px;color:#fff;font-size:24px;line-height:1.2;font-weight:520}.feedback-field textarea,.feedback-field input{width:100%;border:1px solid rgba(255,255,255,.36);border-radius:0;padding:12px 14px;color:#fff;background:#000;font:inherit;font-size:20px;outline:none}.feedback-field textarea{min-height:102px;resize:none}.feedback-field input{height:42px}.feedback-field input::placeholder{color:#ffffff3d}.feedback-send{height:58px;display:grid;place-items:center;margin-top:6px;border-radius:7px;color:#fff;background:var(--blue)}@keyframes breathe-frame{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@keyframes frame-follow{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(calc(-50% + 8px),calc(-50% + 2px))}}@keyframes subject-scan{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(calc(-50% + 8px),calc(-50% - 3px))}}@media(max-width:520px){.app-shell{padding:0}.phone-shell{width:100%;min-height:100vh;border:0;border-radius:0;padding:16px 14px 14px}.phone-shell.has-video{padding:0 14px 14px}.topbar{grid-template-columns:48px 1fr 46px 55px 55px;gap:7px}.ratio-grid{gap:16px 4px}.ratio-item span{font-size:15px}.stage{grid-template-columns:minmax(0,1fr) 74px}.phone-shell.has-video .stage{margin:0 -14px;min-height:660px}.source-pane{min-height:430px}.phone-shell.has-video .source-pane{min-height:660px}.transport{margin-top:-76px}.phone-shell.has-video .transport{margin-top:-100px;padding:0 30px}.actionbar{grid-template-columns:92px 1fr 92px}.actionbar button{font-size:20px}}