.frame-tools-page-module__qmkMMG__page{font-family:var(--font-brand);color:#f0f2ef;background:#141615;min-height:100svh}.frame-tools-page-module__qmkMMG__main{width:100%;max-width:100%;padding:80px 24px 0;overflow-x:hidden}.frame-tools-page-module__qmkMMG__header{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1240px;margin:0 auto 24px;display:flex}.frame-tools-page-module__qmkMMG__header h1{letter-spacing:-.045em;max-width:64rem;margin:0 0 12px;font-size:clamp(28px,3.1vw,44px);font-weight:550;line-height:1.08;font-family:inherit!important}.frame-tools-page-module__qmkMMG__header p{color:#9caaa3;max-width:740px;margin:0;font-size:14px;line-height:1.7}.frame-tools-page-module__qmkMMG__header>a{color:#c4d1ca;flex-shrink:0;align-items:center;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.frame-tools-page-module__qmkMMG__studio{grid-auto-flow:dense;background:#191c1a;border:1px solid #ffffff16;border-radius:12px;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);max-width:1240px;min-height:465px;margin:auto;scroll-margin-top:76px;display:grid;overflow:hidden}.frame-tools-page-module__qmkMMG__controls{border-right:1px solid #ffffff12;flex-direction:column;gap:18px;min-width:0;padding:24px;display:flex}.frame-tools-page-module__qmkMMG__controlHeading{justify-content:space-between;align-items:center;display:flex}.frame-tools-page-module__qmkMMG__controlHeading h2{margin:0;font-size:15px;font-weight:500}.frame-tools-page-module__qmkMMG__controlHeading span{color:#adccb9;background:#b8f6df0a;border:1px solid #b8f6df16;border-radius:4px;padding:4px 7px;font-size:10px}.frame-tools-page-module__qmkMMG__upload{color:#e6eee9;cursor:pointer;background:#111512;border:1px dashed #ffffff35;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:112px;transition:border-color .2s,background .2s;display:flex}.frame-tools-page-module__qmkMMG__upload svg{color:#b8f6df}.frame-tools-page-module__qmkMMG__upload:hover{background:#18211c;border-color:#b8f6df88}.frame-tools-page-module__qmkMMG__upload strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 15px;font-size:13px;font-weight:500;overflow:hidden}.frame-tools-page-module__qmkMMG__upload span{color:#8c9a91;font-size:10px}.frame-tools-page-module__qmkMMG__fields{grid-auto-flow:dense;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.frame-tools-page-module__qmkMMG__fields label,.frame-tools-page-module__qmkMMG__field{color:#a4afa8;flex-direction:column;gap:8px;min-width:0;font-size:11px;display:flex}.frame-tools-page-module__qmkMMG__fields input,.frame-tools-page-module__qmkMMG__fields select,.frame-tools-page-module__qmkMMG__field input,.frame-tools-page-module__qmkMMG__field select{color:#edf2ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#232824;border:1px solid #ffffff20;border-radius:6px;width:100%;min-width:0;height:38px;padding:0 10px;font-size:12px}.frame-tools-page-module__qmkMMG__fields input:focus,.frame-tools-page-module__qmkMMG__fields select:focus,.frame-tools-page-module__qmkMMG__field input:focus{outline-offset:1px;outline:2px solid #b8f6df66}.frame-tools-page-module__qmkMMG__range{accent-color:#b8f6df;cursor:pointer;width:100%}.frame-tools-page-module__qmkMMG__fieldHeader{justify-content:space-between;gap:10px;display:flex}.frame-tools-page-module__qmkMMG__fieldHeader output{color:#d1e6da;font-variant-numeric:tabular-nums}.frame-tools-page-module__qmkMMG__divider{background:#ffffff0e;height:1px}.frame-tools-page-module__qmkMMG__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.frame-tools-page-module__qmkMMG__stats>div{font-variant-numeric:tabular-nums;color:#e3eee6;font-size:15px}.frame-tools-page-module__qmkMMG__stats span{color:#829088;margin-bottom:5px;font-size:10px;display:block}.frame-tools-page-module__qmkMMG__actions{flex-direction:column;gap:9px;margin-top:auto;display:flex}.frame-tools-page-module__qmkMMG__primary,.frame-tools-page-module__qmkMMG__secondary{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:41px;padding:10px 15px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.frame-tools-page-module__qmkMMG__primary{color:#102018;background:#b8f6df;border:1px solid #b8f6df}.frame-tools-page-module__qmkMMG__primary:hover{background:#d6ffed}.frame-tools-page-module__qmkMMG__secondary{color:#dce7e0;background:#ffffff04;border:1px solid #ffffff20}.frame-tools-page-module__qmkMMG__secondary:hover{background:#ffffff0a}.frame-tools-page-module__qmkMMG__primary:disabled,.frame-tools-page-module__qmkMMG__secondary:disabled{opacity:.4;cursor:not-allowed}.frame-tools-page-module__qmkMMG__note{color:#91a097;margin:0;font-size:10px;line-height:1.6}.frame-tools-page-module__qmkMMG__error{color:#f6b3aa;margin:0;font-size:12px;line-height:1.6}.frame-tools-page-module__qmkMMG__status{color:#becfc3;margin:0;font-size:11px}.frame-tools-page-module__qmkMMG__spin{animation:1s linear infinite frame-tools-page-module__qmkMMG__spin}@keyframes frame-tools-page-module__qmkMMG__spin{to{transform:rotate(360deg)}}.frame-tools-page-module__qmkMMG__previewPanel{background:radial-gradient(at top,#b8f6df06,#0000 70%),#101311;flex-direction:column;gap:14px;min-width:0;padding:20px;display:flex}.frame-tools-page-module__qmkMMG__previewHeading{color:#b5c6bb;justify-content:space-between;align-items:center;font-size:11px;display:flex}.frame-tools-page-module__qmkMMG__previewHeading span:last-child{color:#74867a;font-variant-numeric:tabular-nums;font-size:10px}.frame-tools-page-module__qmkMMG__stage{aspect-ratio:16/9;background:#090c0a;border:1px solid #ffffff0c;border-radius:7px;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.frame-tools-page-module__qmkMMG__stage:focus-visible{outline-offset:3px;outline:2px solid #b8f6df}.frame-tools-page-module__qmkMMG__stage video{object-fit:contain;width:100%;height:100%;display:block}.frame-tools-page-module__qmkMMG__empty{color:#6d7d71;flex-direction:column;align-items:center;gap:14px;display:flex}.frame-tools-page-module__qmkMMG__empty>svg{color:#6e8e7c}.frame-tools-page-module__qmkMMG__empty strong{color:#bdc9c0;font-size:14px;font-weight:400}.frame-tools-page-module__qmkMMG__empty>span{font-size:11px}.frame-tools-page-module__qmkMMG__emptyFrames{gap:7px;margin-top:8px;display:flex}.frame-tools-page-module__qmkMMG__emptyFrames span{background:linear-gradient(135deg,#283b30,#101713);border:1px solid #b8f6df21;border-radius:3px;width:42px;height:32px;display:block}.frame-tools-page-module__qmkMMG__emptyFrames span:nth-child(2){background:linear-gradient(135deg,#3e5948,#1b2c21);border-color:#b8f6df77;transform:translateY(-5px)}.frame-tools-page-module__qmkMMG__timeline{flex-direction:column;gap:9px;display:flex}.frame-tools-page-module__qmkMMG__timeLabels{color:#86968b;justify-content:space-between;font:10px monospace;display:flex}.frame-tools-page-module__qmkMMG__transport{justify-content:center;align-items:center;gap:10px;display:flex}.frame-tools-page-module__qmkMMG__transport button{color:#c8d9ce;cursor:pointer;background:#ffffff04;border:1px solid #ffffff20;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-width:40px;height:34px;font-size:10px;display:flex}.frame-tools-page-module__qmkMMG__transport button:hover{background:#ffffff0d}.frame-tools-page-module__qmkMMG__transport button:disabled{opacity:.35;cursor:not-allowed}.frame-tools-page-module__qmkMMG__transport .frame-tools-page-module__qmkMMG__play{color:#13241a;background:#c4e4d1;border-color:#c4e4d1}.frame-tools-page-module__qmkMMG__resultSection{background:#191d1a;border:1px solid #ffffff16;border-radius:10px;max-width:1240px;margin:24px auto 0;padding:22px}.frame-tools-page-module__qmkMMG__resultHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.frame-tools-page-module__qmkMMG__resultHeader h2{margin:0;font-size:15px}.frame-tools-page-module__qmkMMG__resultHeader span{color:#8b9c90;font-size:11px}.frame-tools-page-module__qmkMMG__gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:12px;display:grid}.frame-tools-page-module__qmkMMG__resultCard{background:#101512;border:1px solid #ffffff15;border-radius:6px;min-width:0;overflow:hidden}.frame-tools-page-module__qmkMMG__resultCard img{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto}.frame-tools-page-module__qmkMMG__resultFooter{color:#a7bdad;justify-content:space-between;align-items:center;gap:7px;padding:10px;font-size:10px;display:flex}.frame-tools-page-module__qmkMMG__resultFooter button,.frame-tools-page-module__qmkMMG__resultFooter a{color:#d9eee1;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;display:flex}.frame-tools-page-module__qmkMMG__blendResult{max-width:720px;margin:auto}.frame-tools-page-module__qmkMMG__blendResult img{border-radius:6px;width:100%;height:auto;display:block}.frame-tools-page-module__qmkMMG__blendLabel{color:#9fb0a4;margin-bottom:12px;font-size:11px}.frame-tools-page-module__qmkMMG__seo{max-width:1240px;margin:0 auto}.frame-tools-page-module__qmkMMG__seo h2{letter-spacing:-.04em;margin:0;font-size:clamp(28px,3.3vw,43px);font-weight:500;line-height:1.12}.frame-tools-page-module__qmkMMG__seo h3{letter-spacing:-.025em;margin:0;font-size:23px;font-weight:500;line-height:1.22}.frame-tools-page-module__qmkMMG__seo p{color:#9fafa4;margin:0;font-size:14px;line-height:1.9}.frame-tools-page-module__qmkMMG__overview{grid-template-columns:1fr 1.15fr;gap:72px;padding:120px 0;display:grid}.frame-tools-page-module__qmkMMG__sectionHeader{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px;display:flex}.frame-tools-page-module__qmkMMG__sectionHeader h2{max-width:720px}.frame-tools-page-module__qmkMMG__sectionHeader p{max-width:440px}.frame-tools-page-module__qmkMMG__textLink{color:#c5efda;white-space:nowrap;align-items:center;gap:9px;font-size:12px;display:inline-flex}.frame-tools-page-module__qmkMMG__textLink svg{transition:transform .25s}.frame-tools-page-module__qmkMMG__textLink:hover svg{transform:translate(4px)}.frame-tools-page-module__qmkMMG__features{padding-bottom:100px}.frame-tools-page-module__qmkMMG__featureRow{grid-template-columns:1fr 1fr;align-items:center;gap:72px;padding:44px 0;display:grid}.frame-tools-page-module__qmkMMG__featureRow:nth-child(odd) .frame-tools-page-module__qmkMMG__featureVisual{order:2}.frame-tools-page-module__qmkMMG__featureCopy{flex-direction:column;align-items:flex-start;gap:22px;display:flex}.frame-tools-page-module__qmkMMG__featureIcon{color:#b8f6df}.frame-tools-page-module__qmkMMG__featureVisual{background:radial-gradient(at 50% 15%,#75978225,#0000 65%),#1a211c;border:1px solid #ffffff12;border-radius:10px;justify-content:center;align-items:center;min-height:300px;padding:34px;transition:background .5s;display:flex;overflow:hidden}.frame-tools-page-module__qmkMMG__visualWindow{background:#101612;border:1px solid #ffffff25;border-radius:7px;width:100%;max-width:390px;padding:12px;transition:transform .7s;position:relative;transform:rotate(-3deg);box-shadow:0 25px 60px #0006}.frame-tools-page-module__qmkMMG__featureVisual:hover .frame-tools-page-module__qmkMMG__visualWindow{transform:rotate(0)scale(1.025)}.frame-tools-page-module__qmkMMG__windowDot{background:#c5efda55;border-radius:50%;width:4px;height:4px;margin:0 4px 9px 0;display:inline-block}.frame-tools-page-module__qmkMMG__visualFrame{background:linear-gradient(135deg,#364a3d,#718c75 55%,#26372d);height:125px;position:relative;overflow:hidden}.frame-tools-page-module__qmkMMG__visualFrame>span{background:#e9e6c1;border-radius:50%;width:42px;height:42px;position:absolute;top:20px;left:20%;box-shadow:0 0 40px #e9e6c144}.frame-tools-page-module__qmkMMG__visualFrame>i{background:#314939;position:absolute;inset:50% -10% -100%;transform:rotate(20deg)}.frame-tools-page-module__qmkMMG__visualFrame>b{background:#172c20;position:absolute;inset:70% -10% -100%;transform:rotate(-15deg)}.frame-tools-page-module__qmkMMG__filmstrip{gap:5px;margin-top:9px;display:flex}.frame-tools-page-module__qmkMMG__filmstrip>span{background:linear-gradient(135deg,#425c47,#203429);border:1px solid #ffffff17;flex:1;height:27px;position:relative;overflow:hidden}.frame-tools-page-module__qmkMMG__filmstrip i{width:9px;height:9px;left:calc(15% + var(--frame-position)*11%);background:#d9dfbd;border-radius:50%;position:absolute;top:5px}.frame-tools-page-module__qmkMMG__visualTimeline{background:#ffffff10;height:3px;margin-top:12px}.frame-tools-page-module__qmkMMG__visualTimeline span{background:#b8f6df;height:100%;display:block}.frame-tools-page-module__qmkMMG__visualBadge{color:#163322;background:#d4f2df;border-radius:4px;align-items:center;gap:7px;padding:9px 12px;font:11px monospace;display:flex;position:absolute;bottom:48px;right:-12px}.frame-tools-page-module__qmkMMG__visual1{background:radial-gradient(at 20% 80%,#a38e5b1b,#0000 65%),#20221c}.frame-tools-page-module__qmkMMG__visual1 .frame-tools-page-module__qmkMMG__visualWindow{transform:rotate(3deg)}.frame-tools-page-module__qmkMMG__visual2{background:radial-gradient(at 70% 30%,#8aabaf25,#0000 65%),#1b2221}.frame-tools-page-module__qmkMMG__visual3{background:radial-gradient(at 20% 80%,#79878722,#0000 65%),#1a201e}.frame-tools-page-module__qmkMMG__who,.frame-tools-page-module__qmkMMG__how{border-top:1px solid #ffffff12;padding:100px 0}.frame-tools-page-module__qmkMMG__whoGrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:0;display:grid}.frame-tools-page-module__qmkMMG__whoGrid>div{background:#ffffff02;border:1px solid #ffffff12;margin:-1px 0 0 -1px;padding:32px}.frame-tools-page-module__qmkMMG__whoGrid h3{margin-bottom:14px;font-size:19px}.frame-tools-page-module__qmkMMG__steps{grid-auto-flow:dense;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.frame-tools-page-module__qmkMMG__steps li>span{color:#c5efda;background:#c4e6d113;border:1px solid #b8f6df26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:24px;font-size:12px;display:flex}.frame-tools-page-module__qmkMMG__steps h3{margin-bottom:16px;font-size:19px}.frame-tools-page-module__qmkMMG__faq{border-top:1px solid #ffffff12;grid-template-columns:.8fr 1.2fr;gap:60px;padding:100px 0;display:grid}.frame-tools-page-module__qmkMMG__faq details{border-bottom:1px solid #ffffff18;padding:22px 0}.frame-tools-page-module__qmkMMG__faq details:first-child{padding-top:0}.frame-tools-page-module__qmkMMG__faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;font-size:15px;line-height:1.5;list-style:none;display:flex}.frame-tools-page-module__qmkMMG__faq summary::-webkit-details-marker{display:none}.frame-tools-page-module__qmkMMG__faq summary svg{color:#a4bcac;flex-shrink:0;transition:transform .2s}.frame-tools-page-module__qmkMMG__faq details[open] summary svg{transform:rotate(180deg)}.frame-tools-page-module__qmkMMG__faq details p{margin-top:17px;font-size:13px}.frame-tools-page-module__qmkMMG__closing{text-align:center;background:radial-gradient(at 50% 120%,#b8f6df10,#0000 70%),#1b211d;border:1px solid #b8f6df22;border-radius:12px;margin:0 0 42px;padding:64px 30px}.frame-tools-page-module__qmkMMG__closing h2{max-width:800px;margin:auto}.frame-tools-page-module__qmkMMG__closing p{max-width:660px;margin:23px auto 26px}.frame-tools-page-module__qmkMMG__closing .frame-tools-page-module__qmkMMG__primary{min-height:44px;padding:12px 24px}.frame-tools-page-module__qmkMMG__related{flex-wrap:wrap;justify-content:center;gap:28px;padding:0 0 50px;display:flex}.frame-tools-page-module__qmkMMG__related a{color:#9bad9f;align-items:center;gap:8px;font-size:12px;display:flex}@media (min-width:1024px){.frame-tools-page-module__qmkMMG__main{padding:62px 34px 0 269px}.frame-tools-page-module__qmkMMG__studio{min-height:min(480px,65svh)}.frame-tools-page-module__qmkMMG__stage{aspect-ratio:auto;flex:1;max-height:360px}.frame-tools-page-module__qmkMMG__previewPanel{min-height:440px}}@media (min-width:1400px){.frame-tools-page-module__qmkMMG__main{padding-left:283px;padding-right:48px}.frame-tools-page-module__qmkMMG__header{margin-bottom:30px}.frame-tools-page-module__qmkMMG__studio{grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr)}}@media (max-width:850px){.frame-tools-page-module__qmkMMG__studio{grid-template-columns:minmax(240px,.8fr) minmax(0,1fr)}.frame-tools-page-module__qmkMMG__controls{padding:18px}.frame-tools-page-module__qmkMMG__previewPanel{justify-content:center;padding:15px}.frame-tools-page-module__qmkMMG__overview{gap:35px}.frame-tools-page-module__qmkMMG__featureRow{gap:32px}.frame-tools-page-module__qmkMMG__featureVisual{min-height:250px;padding:22px}.frame-tools-page-module__qmkMMG__featureCopy{gap:16px}.frame-tools-page-module__qmkMMG__sectionHeader{flex-direction:column;align-items:flex-start;gap:18px}.frame-tools-page-module__qmkMMG__steps{gap:22px}.frame-tools-page-module__qmkMMG__faq{grid-template-columns:1fr;gap:35px}}@media (max-width:640px){.frame-tools-page-module__qmkMMG__main{padding:80px 16px 0}.frame-tools-page-module__qmkMMG__header{margin-bottom:22px}.frame-tools-page-module__qmkMMG__header h1{max-width:32rem;font-size:30px}.frame-tools-page-module__qmkMMG__header p{font-size:12px}.frame-tools-page-module__qmkMMG__header>a{display:none}.frame-tools-page-module__qmkMMG__studio{grid-template-columns:1fr;min-height:0}.frame-tools-page-module__qmkMMG__controls{border-bottom:1px solid #ffffff12;border-right:0;gap:15px;padding:18px}.frame-tools-page-module__qmkMMG__upload{min-height:80px}.frame-tools-page-module__qmkMMG__previewPanel{min-height:0;padding:15px}.frame-tools-page-module__qmkMMG__stage{aspect-ratio:16/9}.frame-tools-page-module__qmkMMG__fields{gap:10px}.frame-tools-page-module__qmkMMG__actions{grid-template-columns:1fr 1fr;display:grid}.frame-tools-page-module__qmkMMG__actions>.frame-tools-page-module__qmkMMG__note,.frame-tools-page-module__qmkMMG__actions>.frame-tools-page-module__qmkMMG__error,.frame-tools-page-module__qmkMMG__actions>.frame-tools-page-module__qmkMMG__status,.frame-tools-page-module__qmkMMG__actions>.frame-tools-page-module__qmkMMG__primary:only-of-type{grid-column:1/-1}.frame-tools-page-module__qmkMMG__primary,.frame-tools-page-module__qmkMMG__secondary{padding:10px 8px;font-size:11px}.frame-tools-page-module__qmkMMG__overview{grid-template-columns:1fr;gap:25px;padding:80px 0}.frame-tools-page-module__qmkMMG__seo h2{font-size:30px}.frame-tools-page-module__qmkMMG__seo p{font-size:13px}.frame-tools-page-module__qmkMMG__features{padding-bottom:65px}.frame-tools-page-module__qmkMMG__sectionHeader{margin-bottom:28px}.frame-tools-page-module__qmkMMG__featureRow{grid-template-columns:1fr;gap:28px;padding:25px 0}.frame-tools-page-module__qmkMMG__featureRow:nth-child(odd) .frame-tools-page-module__qmkMMG__featureVisual{order:0}.frame-tools-page-module__qmkMMG__featureVisual{min-height:240px}.frame-tools-page-module__qmkMMG__featureCopy{gap:17px}.frame-tools-page-module__qmkMMG__featureCopy h3{font-size:23px}.frame-tools-page-module__qmkMMG__who,.frame-tools-page-module__qmkMMG__how{padding:70px 0}.frame-tools-page-module__qmkMMG__whoGrid{grid-template-columns:1fr}.frame-tools-page-module__qmkMMG__whoGrid>div{padding:25px}.frame-tools-page-module__qmkMMG__steps{grid-template-columns:1fr;gap:30px}.frame-tools-page-module__qmkMMG__steps li{padding-left:49px;position:relative}.frame-tools-page-module__qmkMMG__steps li>span{position:absolute;top:0;left:0}.frame-tools-page-module__qmkMMG__faq{gap:30px;padding:70px 0}.frame-tools-page-module__qmkMMG__faq summary{font-size:14px}.frame-tools-page-module__qmkMMG__closing{padding:42px 20px}.frame-tools-page-module__qmkMMG__closing h2{font-size:28px}.frame-tools-page-module__qmkMMG__related{gap:20px}.frame-tools-page-module__qmkMMG__gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.frame-tools-page-module__qmkMMG__resultSection{padding:15px}.frame-tools-page-module__qmkMMG__resultFooter{flex-wrap:wrap}.frame-tools-page-module__qmkMMG__resultHeader{flex-direction:column;align-items:flex-start;gap:7px}}@media (prefers-reduced-motion:reduce){.frame-tools-page-module__qmkMMG__page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
