@font-face{font-family:Dirtyline;src:url(/Dirtyline-36daysoftype-2022.woff2)format("woff2");font-display:swap}:root{--video-duration:18s;--paper:#fbf4e6;--paper-2:#fffaf0;--ink:#344840;--sky:#8fcbdc;--sky-deep:#5ba9c4;--sun:#f1c653;--coral:#e97861;--moss:#7e9b68;--lavender:#aaa1cf;--hand:"HanziPen SC", "Hannotate SC", "Kaiti SC", STKaiti, cursive}.video-demo-page{min-height:100svh;color:var(--ink);background:#f2f1ec;place-items:center;font-family:PingFang SC,SF Pro Text,sans-serif;display:grid;overflow:hidden}.video-demo-page.is-embedded{aspect-ratio:8/5;width:100%;min-height:0}.video-demo-page.is-embedded .video-canvas{width:100%}.video-demo-page *{box-sizing:border-box}.video-demo-page button{color:inherit;font:inherit;cursor:default;border:0;padding:0}.video-canvas{aspect-ratio:16/10;background:#f2f1ec;width:min(100vw,160svh);position:relative;overflow:hidden}.phone-ground{filter:blur(29px);background:#30373326;border-radius:50%;width:23%;height:5.2%;position:absolute;bottom:2.9%;left:50%;transform:translate(-50%)}.demo-phone{opacity:0;background:linear-gradient(145deg,#3e4542 0%,#141817 55%,#050606 100%);border:1px solid #fffc;border-radius:4.75vw;width:30.2%;height:92.2%;padding:.54%;position:absolute;top:3.7%;left:50%;transform:translate(-50%,4%)scale(.94)rotate(-1deg);box-shadow:0 2.4vw 4.8vw #232b2733,inset 0 0 0 2px #ffffff1a}.phone-side{background:#1f2522;border-radius:6px 0 0 6px;width:.72%;position:absolute;left:-.66%}.side-a{height:10%;top:21%}.side-b{height:15%;top:34%}.phone-speaker{z-index:70;background:#070908;border-radius:99px;width:24%;height:3.15%;position:absolute;top:1.25%;left:50%;transform:translate(-50%)}.phone-screen{background-color:var(--paper);background-image:radial-gradient(circle at 12% 14%,#ffffff9e 0 1px,#0000 1.5px),radial-gradient(circle at 78% 62%,#4753480b 0 1px,#0000 1.3px),linear-gradient(98deg,#e9786106,#0000 44%,#5ba9c408);background-size:17px 17px,21px 21px,100% 100%;border-radius:4.18vw;width:100%;height:100%;position:relative;overflow:hidden}.app-bar{z-index:50;background:linear-gradient(#fbf4e6fa 76%,#fbf4e600);grid-template-columns:16% 1fr 16%;align-items:center;height:9.7%;padding:5% 6% 0;display:grid;position:absolute;top:0;left:0;right:0}.app-bar>button{aspect-ratio:1;background:#fffaf0bd;border:1.5px solid #3448408c;border-radius:47% 53% 44% 56%/52% 43% 57% 48%;place-items:center;width:71%;display:grid;transform:rotate(-3deg)}.app-bar>button svg{stroke-width:1.9px;width:45%}.app-wordmark{justify-self:center;align-items:center;gap:7px;display:flex}.app-wordmark i{color:var(--coral);font-family:var(--hand);font-size:clamp(12px,1vw,17px);font-style:normal}.app-wordmark b{font-family:"Dirtyline",var(--hand);letter-spacing:.015em;font-size:clamp(10px,.92vw,15px);font-weight:500}.app-profile{justify-self:end;width:31px;height:31px;position:relative}.app-profile i{background:#b8d89b;border:1.5px solid #34484080;border-radius:55% 45% 48% 52%/45% 55%;position:absolute;inset:0;transform:rotate(4deg)}.app-profile i:before,.app-profile i:after{content:"";background:var(--ink);border-radius:50%;width:3px;height:3px;position:absolute;top:35%}.app-profile i:before{left:28%}.app-profile i:after{right:28%}.app-profile span{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:7px;font-weight:800;display:grid;position:absolute;bottom:-3px;right:-6px}.phone-scene{opacity:0;pointer-events:none;padding:10.5% 5.4% 3.7%;position:absolute;inset:0}.scene-heading{height:17%;padding:2% 2% 0}.scene-heading>div{align-items:center;gap:7px;display:flex}.scene-heading>div span{border:1.5px solid var(--ink);background:var(--sun);min-width:25px;height:21px;font-family:"Dirtyline",var(--hand);border-radius:49% 51% 44% 56%;place-items:center;font-size:8px;display:grid;transform:rotate(-4deg)}.scene-heading>div small{color:#6a786f;font-family:var(--hand);font-size:clamp(7px,.58vw,10px);font-weight:700}.scene-heading h1{font-family:var(--hand);letter-spacing:-.035em;margin:4px 0 0;font-size:clamp(19px,1.72vw,28px);font-weight:900;line-height:1.05}.scene-heading p{color:#7b867f;margin:4px 0 0;font-size:clamp(6px,.5vw,8.5px);font-weight:600}.capture-scene{background:#121515;padding:9.7% 0 0}.camera-ui{color:#fff;background:#121515;grid-template-rows:8% 68% 7% 17%;height:100%;display:grid}.camera-meta{justify-content:space-between;align-items:center;padding:3% 6% 0;display:flex}.camera-meta b{letter-spacing:.02em;font-size:clamp(9px,.76vw,13px);font-weight:750}.camera-meta span{color:#ffffffa6;align-items:center;gap:5px;font-size:6px;font-weight:650;display:flex}.camera-meta span i{background:#79db91;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #79db91b3}.camera-viewfinder{background:#9c7d60;position:relative;overflow:hidden}.camera-viewfinder:before{content:"";z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 48%,#0000 54%,#0507076b 100%),linear-gradient(#0000001f,#0000 18% 80%,#00000029);position:absolute;inset:0}.camera-viewfinder:after{content:"";z-index:20;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.camera-table{background-color:#a88768;background-image:repeating-linear-gradient(2deg,#ffffff0b 0 1px,#0000 1px 17px),repeating-linear-gradient(91deg,#3923160e 0 2px,#0000 2px 68px),linear-gradient(135deg,#c5a68a,#886a50);place-items:center;display:grid;position:absolute;inset:-5%;transform:scale(1.04)}.photographed-paper{aspect-ratio:1.36;background:#f5f0e6;width:91%;padding:2.5%;position:relative;transform:perspective(720px)rotateX(2.5deg)rotate(-2.3deg)skew(-.7deg);box-shadow:0 18px 35px #140d085c}.photographed-paper:before{content:"";pointer-events:none;background:linear-gradient(112deg,#ffffff59,#0000 32%,#4b3a2914);position:absolute;inset:0}.photographed-paper img{object-fit:contain;filter:saturate(.82)contrast(.96)brightness(.98);width:100%;height:100%;display:block}.camera-grid{z-index:5;opacity:.28;position:absolute;inset:0}.camera-grid i{background:#fff;position:absolute}.camera-grid i:first-child,.camera-grid i:nth-child(2){width:1px;top:0;bottom:0}.camera-grid i:first-child{left:33.33%}.camera-grid i:nth-child(2){left:66.66%}.camera-grid i:nth-child(3),.camera-grid i:nth-child(4){height:1px;left:0;right:0}.camera-grid i:nth-child(3){top:33.33%}.camera-grid i:nth-child(4){top:66.66%}.focus-frame{z-index:6;position:absolute;inset:8.5% 7%}.focus-frame i{aspect-ratio:1;border-color:var(--coral);border-style:solid;width:17%;position:absolute}.focus-frame i:first-child{border-width:3px 0 0 3px;border-radius:7px 0 0;top:0;left:0}.focus-frame i:nth-child(2){border-width:3px 3px 0 0;border-radius:0 7px 0 0;top:0;right:0}.focus-frame i:nth-child(3){border-width:0 0 3px 3px;border-radius:0 0 0 7px;bottom:0;left:0}.focus-frame i:nth-child(4){border-width:0 3px 3px 0;border-radius:0 0 7px;bottom:0;right:0}.scan-line{z-index:7;opacity:0;background:#ffd25e;border-radius:99px;height:2px;position:absolute;top:9%;left:8%;right:8%;box-shadow:0 0 14px #ffd25eb3}.camera-live{z-index:8;color:#fff;letter-spacing:.12em;background:#0000008a;border-radius:4px;padding:4px 6px;font-size:5px;font-weight:800;position:absolute;top:3%;left:4%}.camera-live:before{content:"";background:#ff655f;border-radius:50%;width:4px;height:4px;margin-right:4px;display:inline-block}.camera-hint{z-index:8;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#0f1111b8;border-radius:99px;align-items:center;gap:5px;padding:7px 11px;font-size:6px;font-weight:650;display:flex;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.camera-hint svg{color:#ffd25e;width:11px}.camera-modes{color:#ffffff6b;justify-content:center;align-items:center;gap:15%;font-size:6px;font-weight:650;display:flex}.camera-modes b{color:#ffd25e;font-size:7px;position:relative}.camera-modes b:after{content:"";background:#ffd25e;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.capture-dock{grid-template-columns:1fr 1.35fr 1fr;place-items:center;padding:1% 10% 5%;display:grid}.dock-choice{background:0 0;place-items:center;gap:3px;display:grid;color:#ffffffb8!important;font-size:6px!important;font-weight:650!important}.dock-choice svg{width:17px}.auto-choice svg{color:#ffd25e}.camera-trigger{background:#fff;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;position:relative;box-shadow:0 0 0 2px #ffffff61;color:#171a19!important;border:4px solid #fff!important}.camera-trigger i{background:#fff;border:1px solid #14161529;border-radius:50%;position:absolute;inset:5px}.camera-trigger svg{z-index:2;width:20px}.paper-tape{z-index:4;background:#f1c653b8;width:18%;height:5%;position:absolute;transform:rotate(-8deg);box-shadow:inset 0 0 0 1px #65562d1f}.inline-back{justify-content:space-between;align-items:center;height:5.5%;padding:0 2%;display:flex}.inline-back button{background:#fffaf0cc;border:1.5px solid #3448408c;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.inline-back button svg{width:13px}.inline-back>span{color:#718078;font-family:var(--hand);align-items:center;gap:4px;font-size:7px;font-weight:800;display:flex}.inline-back>span svg{width:10px;color:var(--moss)}.voice-scene .scene-heading,.generate-scene .scene-heading{height:15.5%}.voice-art-card{background:#fffaf1;border:1.5px solid #344840ad;border-radius:18px 22px 16px 20px;height:27%;margin:0 1%;padding:3%;position:relative;transform:rotate(.35deg);box-shadow:0 8px 20px #34484017}.voice-art-card .paper-tape{height:8%;top:-5%;left:41%;transform:rotate(-2deg)}.voice-art-card img{object-fit:contain;background:#eee7db;border-radius:13px;width:100%;height:100%}.voice-art-card>span{color:#607269;background:#fffaf0eb;border:1px solid #34484047;border-radius:99px;align-items:center;gap:4px;padding:5px 8px;font-size:6px;font-weight:750;display:flex;position:absolute;top:7%;left:6%}.voice-art-card>span svg{width:9px;color:var(--moss)}.voice-art-card>small{color:#fff;background:#344840d1;border-radius:99px;padding:4px 7px;font-size:5.5px;font-weight:700;position:absolute;bottom:6%;right:6%}.voice-panel{background:#fffdf7;border:1.6px solid #344840b8;border-radius:22px 18px 24px 19px;height:28%;margin-top:4%;padding:5% 6%;position:relative;box-shadow:6px 7px #8fcbdc3d}.recorder-status{color:#6a7971;justify-content:space-between;align-items:center;font-size:6px;font-weight:700;display:flex}.recorder-status span{align-items:center;gap:5px;display:flex}.recorder-status span i{background:var(--coral);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #e978611f}.recorder-status b{color:#829089;font-variant-numeric:tabular-nums;font-size:6px}.voice-panel .waveform{justify-content:center;align-items:center;gap:1.35%;height:30%;display:flex;position:absolute;top:29%;left:6%;right:6%}.waveform i{width:3px;height:var(--height);background:linear-gradient(180deg,#75bfd3,var(--sky-deep));transform-origin:50%;border-radius:99px;min-height:5px;transform:scaleY(.45);box-shadow:0 0 0 .3px #438fa82e}.voice-control{background:var(--coral);border-radius:99px;justify-content:center;align-items:center;gap:7px;width:42%;height:38%;display:flex;position:absolute;bottom:-18%;left:50%;transform:translate(-50%);box-shadow:0 7px 15px #e978613b;border:1.5px solid var(--ink)!important;color:#fff!important}.voice-control svg{fill:#ffffff29;width:15px}.voice-control span{font-size:6.5px;font-weight:750}.voice-caption{opacity:0;background:#e6f3f5;border:1.3px solid #5ba9c494;border-radius:16px;align-items:center;min-height:14%;margin:7% 2% 0;padding:4.5% 12% 4.5% 10%;display:flex;position:relative}.voice-caption>i{color:var(--sky-deep);font-family:Georgia,serif;font-size:28px;font-style:normal;position:absolute;top:-5%;left:4%}.voice-caption p{color:#304b42;letter-spacing:.01em;margin:0;font-size:clamp(10px,.82vw,13.5px);font-weight:720;line-height:1.55}.voice-caption svg{width:15px;color:var(--sun);position:absolute;right:4%}.generate-scene .inline-back>span{color:var(--sky-deep)}.result-card{border:2px solid var(--ink);background:#e6edf0;border-radius:5% 7% 5% 8%/7% 5% 8%;height:62%;margin:0 1%;position:relative;overflow:hidden;transform:rotate(-.45deg);box-shadow:8px 8px #8fcbdc40}.result-card>img,.result-after,.result-after img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.result-card>img{background:#eee8dc}.result-after{clip-path:inset(0 100% 0 0);overflow:hidden}.result-after img{background:#edf3ef}.gen-sweep{z-index:3;background:var(--coral);opacity:0;width:3px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 0 2px #ffffffe6,0 0 20px 6px #e9786173}.result-badges{z-index:5;gap:6px;display:flex;position:absolute;top:4%;left:5%}.result-badges span{border:1.4px solid var(--ink);background:var(--paper-2);font-family:var(--hand);border-radius:47% 53% 45% 55%;padding:6px 9px;font-size:6px;font-weight:800}.result-badges span:last-child{background:var(--sun);transform:rotate(3deg)}.result-copy{z-index:5;border:1.5px solid var(--ink);color:var(--ink);opacity:0;background:#fffaf0ed;border-radius:5% 7% 6% 4%;padding:5%;position:absolute;bottom:3%;left:3.5%;right:3.5%;transform:rotate(.4deg)}.result-copy small{font-family:var(--hand);color:#728078;font-size:6px;font-weight:800}.result-copy h2{font-family:var(--hand);white-space:nowrap;margin:3px 0 0;font-size:clamp(13px,1.12vw,19px);font-weight:900}.result-copy p{color:#758078;margin:3px 0 0;font-size:6px;font-weight:650}.result-dock{grid-template-columns:21% 21% 1fr;gap:3%;height:10%;margin-top:4.5%;display:grid}.result-dock button{border:1.5px solid var(--ink);background:var(--paper-2);font-family:var(--hand);border-radius:49% 51% 45% 55%/54% 45% 55% 46%;justify-content:center;align-items:center;gap:3px;font-size:6px;font-weight:800;display:flex}.result-dock button svg{width:12px}.result-dock .save-work{background:var(--coral);color:#fff;font-size:clamp(7px,.58vw,10px);transform:rotate(-1deg)}.result-dock .save-work svg{fill:currentColor}.generating-label{color:#718078;font-family:var(--hand);opacity:0;white-space:nowrap;align-items:center;gap:7px;font-size:6px;font-weight:800;display:flex;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.generating-label>span{gap:3px;display:flex}.generating-label i{background:var(--coral);border-radius:48% 52% 44% 56%;width:5px;height:5px}.gallery-scene{background:linear-gradient(180deg,#a6d6e2 0 21%,var(--paper) 38%);padding:9.6% 5.2% 2.3%}.gallery-sky{z-index:0;height:30%;position:absolute;top:0;left:0;right:0;overflow:hidden}.gallery-sky:after{content:"";background:#c7d99d;border-radius:50% 45% 0 0;height:62%;position:absolute;bottom:-33%;left:-5%;right:-5%;transform:rotate(-2deg)}.gallery-sky>i{color:var(--sun);font-family:var(--hand);font-size:24px;font-style:normal;position:absolute;top:33%;right:9%}.cloud{background:#fffaf0db;border-radius:50%;width:17%;height:7%;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{aspect-ratio:1;width:42%;bottom:0;left:18%}.cloud:after{aspect-ratio:1;width:30%;bottom:0;right:14%}.cloud-a{top:35%;left:5%}.cloud-b{top:17%;right:22%;transform:scale(.7)}.gallery-heading{z-index:2;height:19%;padding:3% 2% 0;position:relative}.gallery-heading small{font-family:var(--hand);font-size:7px;font-weight:800}.gallery-heading h1{font-family:var(--hand);margin:3px 0 0;font-size:clamp(21px,1.86vw,31px);font-weight:900;line-height:1}.gallery-heading p{font-family:var(--hand);margin:5px 0 0;font-size:7px;font-weight:700}.gallery-heading>button{border:1.7px solid var(--ink);background:var(--sun);border-radius:52% 48% 46% 54%;place-items:center;width:39px;height:39px;display:grid;position:absolute;top:18%;right:2%;transform:rotate(4deg);box-shadow:4px 4px #34484024}.gallery-heading>button svg{width:17px}.video-gallery-grid{z-index:2;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:3.2%;height:66%;padding:1% 1.5% 2%;display:grid;position:relative}.gallery-item{border:1.7px solid var(--ink);opacity:0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fffaf1;border-radius:6% 8% 5% 7%/8% 5% 7% 6%;flex-direction:column;min-width:0;min-height:0;margin:0;padding:3.5%;display:flex;position:relative;overflow:hidden;transform:translateY(14px)scale(.94)rotate(-2deg);box-shadow:5px 5px #3448401a}.gallery-item:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.gallery-item:nth-child(2){transform:translateY(14px)scale(.94)rotate(2deg)}.gallery-item:nth-child(3){transform:translateY(14px)scale(.94)rotate(1.3deg)}.gallery-item:nth-child(4){transform:translateY(14px)scale(.94)rotate(-1.2deg)}.gallery-item>span{z-index:3;border:1.2px solid var(--ink);background:var(--paper-2);width:22px;height:18px;font-family:"Dirtyline",var(--hand);border-radius:50%;place-items:center;font-size:7px;display:grid;position:absolute;top:6%;left:7%}.gallery-flipper{min-height:0;transform-style:preserve-3d;border-radius:5%;flex:1;transition:transform .72s cubic-bezier(.2,.74,.18,1);position:relative}.gallery-item.is-flipped .gallery-flipper{transform:rotateY(180deg)}.gallery-face{backface-visibility:hidden;background:#f1eadf;border-radius:5%;position:absolute;inset:0;overflow:hidden}.gallery-face img{object-fit:contain;background:#f1eadf;width:100%;height:100%}.gallery-face em{color:var(--ink);font-family:var(--hand);background:#fffaf0eb;border:1px solid #3448407a;border-radius:99px;padding:4px 6px;font-size:5.5px;font-style:normal;font-weight:900;position:absolute;top:5%;right:5%}.gallery-before{transform:rotateY(180deg)}.gallery-item figcaption{height:18%;font-family:var(--hand);justify-content:space-between;align-items:center;padding:2% 2% 0;font-size:clamp(7px,.55vw,9px);font-weight:900;display:flex}.gallery-item figcaption small{color:#75837b;align-items:center;gap:2px;font-size:5.5px;font-weight:800;display:flex}.gallery-item figcaption svg{width:9px;transition:transform .72s cubic-bezier(.2,.74,.18,1)}.gallery-item.is-flipped figcaption svg{transform:rotate(-180deg)}.gallery-item.blue{box-shadow:5px 5px #5ba9c459}.gallery-item.coral{box-shadow:5px 5px #e978614d}.gallery-item.navy{box-shadow:5px 5px #3f5b774d}.gallery-item.yellow{box-shadow:5px 5px #f1c65366}.gallery-tabs{z-index:4;border:1.7px solid var(--ink);background:#fffaf0f2;border-radius:48% 52% 46% 54%/54% 45% 55% 46%;grid-template-columns:1fr 1fr 1fr;align-items:center;height:9.5%;margin-top:1%;padding:1% 11%;display:grid;position:relative;box-shadow:0 7px #3448401a}.gallery-tabs button{color:#78847d;font-family:var(--hand);background:0 0;justify-content:center;align-items:center;gap:4px;font-size:6px;font-weight:800;display:flex}.gallery-tabs button svg{width:14px}.gallery-tabs .active{color:var(--sky-deep)}.gallery-tabs .make-tab{aspect-ratio:1;border:1.5px solid var(--ink);background:var(--coral);color:#fff;border-radius:52% 48% 44% 56%;justify-self:center;width:42px;transform:translateY(-18%)}.gallery-tabs .make-tab svg{width:18px}.saved-toast{z-index:20;border:1.5px solid var(--ink);background:var(--sun);font-family:var(--hand);opacity:0;white-space:nowrap;border-radius:49% 51% 45% 55%/55% 47% 53% 45%;align-items:center;gap:6px;padding:9px 13px;font-size:7px;font-weight:900;display:flex;position:absolute;bottom:10.8%;left:50%;transform:translate(-50%,10px)rotate(-1deg);box-shadow:5px 5px #34484021}.saved-toast svg{width:12px}.video-replay{display:none}.is-playing .demo-phone{animation:phone-motion var(--video-duration) cubic-bezier(.22,.68,.2,1) both}.is-playing .capture-scene{animation:scene-one var(--video-duration) ease both}.is-playing .voice-scene{animation:scene-two var(--video-duration) ease both}.is-playing .generate-scene{animation:scene-three var(--video-duration) ease both}.is-playing .gallery-scene{animation:scene-four var(--video-duration) ease both}.is-playing .scan-line{animation:scan var(--video-duration) ease both}.is-playing .camera-trigger{animation:shutter var(--video-duration) ease both}.is-playing .camera-viewfinder:after{animation:camera-flash var(--video-duration) ease both}.is-playing .waveform i{animation:wave var(--video-duration) ease-in-out both;animation-delay:calc(var(--bar) * 20ms)}.is-playing .voice-caption{animation:caption var(--video-duration) ease both}.is-playing .result-after{animation:reveal var(--video-duration) cubic-bezier(.2,.72,.2,1) both}.is-playing .gen-sweep{animation:sweep var(--video-duration) cubic-bezier(.2,.72,.2,1) both}.is-playing .result-copy{animation:result-copy var(--video-duration) ease both}.is-playing .result-dock{animation:result-dock var(--video-duration) ease both}.is-playing .generating-label{animation:generating var(--video-duration) ease both}.is-playing .generating-label i{animation:.6s ease-in-out infinite alternate dot}.is-playing .generating-label i:nth-child(2){animation-delay:.18s}.is-playing .generating-label i:nth-child(3){animation-delay:.36s}.is-playing .gallery-item{animation:gallery-card var(--video-duration) cubic-bezier(.2,.8,.2,1) both}.is-playing .gallery-item:nth-child(2){animation-delay:.12s}.is-playing .gallery-item:nth-child(3){animation-delay:.24s}.is-playing .gallery-item:nth-child(4){animation-delay:.36s}.is-playing .saved-toast{animation:saved var(--video-duration) ease both}@keyframes phone-motion{0%{opacity:0;transform:translate(-50%,5%)scale(.9)rotate(-2deg)}4%,20%{opacity:1;transform:translate(-50%)scale(1)rotate(0)}24%,43%{opacity:1;transform:translate(-50%,-.4%)scale(1.015)rotate(.45deg)}47%,71%{opacity:1;transform:translate(-50%)scale(1)rotate(-.35deg)}76%,to{opacity:1;transform:translate(-50%,-.4%)scale(1.01)rotate(0)}}@keyframes scene-one{0%,3%{opacity:0;transform:translate(4%)}5%,20%{opacity:1;transform:none}23%,to{opacity:0;transform:translate(-4%)}}@keyframes scene-two{0%,21%{opacity:0;transform:translate(5%)}24%,44%{opacity:1;transform:none}47%,to{opacity:0;transform:translate(-4%)}}@keyframes scene-three{0%,45%{opacity:0;transform:translate(5%)}48%,72%{opacity:1;transform:none}75%,to{opacity:0;transform:scale(.97)}}@keyframes scene-four{0%,73%{opacity:0;pointer-events:none;transform:scale(.96)}77%,to{opacity:1;pointer-events:auto;transform:none}}@keyframes scan{0%,7%{opacity:0;top:15%}8%{opacity:1}18%{opacity:1;top:84%}19%,to{opacity:0;top:84%}}@keyframes shutter{0%,17%{transform:scale(1)}19%{background:#d7d7d7;transform:scale(.82)}21%,to{transform:scale(1)}}@keyframes camera-flash{0%,18.2%{opacity:0}18.7%{opacity:.92}19.5%{opacity:0}to{opacity:0}}@keyframes wave{0%,24%,44%,to{opacity:.7;transform:scaleY(.45)}27%,42%{opacity:1;transform:scaleY(1)}}@keyframes caption{0%,30%{opacity:0;transform:translateY(8px)rotate(-1deg)}34%,44%{opacity:1;transform:translateY(0)rotate(-1deg)}47%,to{opacity:0}}@keyframes reveal{0%,50%{clip-path:inset(0 100% 0 0)}67%,to{clip-path:inset(0)}}@keyframes sweep{0%,50%{opacity:0;left:0}51%{opacity:1}67%{opacity:1;left:100%}68%,to{opacity:0;left:100%}}@keyframes result-copy{0%,60%{opacity:0;transform:translateY(8px)rotate(.4deg)}65%,72%{opacity:1;transform:translateY(0)rotate(.4deg)}75%,to{opacity:0}}@keyframes result-dock{0%,62%{opacity:.2;transform:translateY(9px)}66%,72%{opacity:1;transform:none}75%,to{opacity:0}}@keyframes generating{0%,49%{opacity:0}52%,61%{opacity:1}65%,to{opacity:0}}@keyframes gallery-card{0%,77%{opacity:0;transform:translateY(14px)scale(.94)rotate(-2deg)}83%,to{opacity:1;transform:translateY(0)scale(1)rotate(-1deg)}}@keyframes saved{0%,81%{opacity:0;transform:translate(-50%,10px)rotate(-1deg)}85%,92%{opacity:1;transform:translate(-50%)rotate(-1deg)}96%,to{opacity:0;transform:translate(-50%,-7px)rotate(-1deg)}}@keyframes dot{to{opacity:.4;transform:translateY(-3px)}}@media (aspect-ratio<=1){.video-canvas{aspect-ratio:auto;width:100vw;height:100svh}.demo-phone{border-radius:13vw;width:82%;height:91%}.phone-screen{border-radius:11.4vw}}.four-up-canvas{aspect-ratio:16/10;background:radial-gradient(circle at 12% 20%,#8fcbdc2e,#0000 30%),radial-gradient(circle at 88% 74%,#f1c65324,#0000 29%),#f2f1ec;width:min(100vw,160svh);height:auto}.four-up-canvas .phone-ground{opacity:.48;width:84%;height:6%;bottom:10%;left:50%}.four-phone-row{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:1.7%;padding:2.4% 1.6%;display:grid;position:absolute;inset:0}.four-up-canvas .demo-phone{aspect-ratio:.515;opacity:1;border-radius:2.65vw;width:100%;height:auto;padding:.5%;position:relative;top:auto;left:auto;transform:none;box-shadow:0 1.2vw 2.4vw #232b2721,inset 0 0 0 1px #ffffff21}.four-up-canvas .phone-screen{border-radius:2.3vw}.four-up-canvas .phone-scene{opacity:1;pointer-events:auto;transform:none}.four-up-canvas .app-bar{background:#fbf7edf7;border-bottom:1px solid #34484014;height:9.8%}.four-up-canvas .inline-back{display:none}.four-up-canvas .scene-heading{align-items:center;gap:8px;height:11%;padding:1.5% 1.5% 0;display:flex}.four-up-canvas .scene-heading>small{color:#869088;font-family:"Dirtyline",var(--hand);letter-spacing:.08em;font-size:8px;font-weight:700}.four-up-canvas .scene-heading h1{letter-spacing:-.01em;margin:0;font-size:clamp(15px,1.08vw,18px);font-weight:850}.four-up-canvas .scene-heading p{display:none}.four-up-canvas .capture-scene{background:var(--paper);grid-template-rows:minmax(0,1fr);padding:20.5% 5.4% 3.4%;display:grid}.four-up-canvas .capture-scene .scene-heading{height:11%}.four-up-canvas .camera-ui{background:#20302c;border:1px solid #3448402e;border-radius:19px;grid-template-rows:70% 7% 23%;height:100%;margin:0;overflow:hidden;box-shadow:0 10px 24px #2a37311f}.four-up-canvas .camera-meta{display:none}.four-up-canvas .camera-modes,.four-up-canvas .capture-dock{background:#20302c}.four-up-canvas .camera-trigger{width:52px;height:52px}.four-up-canvas .scan-line{animation:3.2s ease-in-out infinite four-scan}.four-up-canvas .camera-trigger{animation:3.2s ease-in-out infinite four-shutter}.four-up-canvas .voice-scene,.four-up-canvas .generate-scene{background:var(--paper);padding-top:20.5%;padding-bottom:3.4%}.four-up-canvas .voice-scene{grid-template-rows:32% 20% minmax(0,1fr);gap:2.5%;display:grid}.four-up-canvas .generate-scene{grid-template-rows:minmax(0,1fr) 11%;gap:2.5%;display:grid}.four-up-canvas .voice-scene .scene-heading,.four-up-canvas .generate-scene .scene-heading{height:11%}.four-up-canvas .voice-art-card{border:1px solid #34484033;border-radius:18px;height:auto;min-height:0;margin:0;transform:none;box-shadow:0 8px 20px #34484012}.four-up-canvas .voice-art-card .paper-tape{display:none}.four-up-canvas .voice-caption{opacity:1;border-color:#5ba9c44d;border-radius:16px;height:auto;min-height:0;margin:0;padding:4% 12% 4% 10%;transform:none}.four-up-canvas .voice-panel{border:1px solid #34484033;border-radius:18px;height:auto;min-height:0;margin:0;box-shadow:0 8px 20px #5ba9c41f}.four-up-canvas .voice-control{width:42%;height:29%;bottom:5%;box-shadow:0 6px 14px #e9786133;border:1px solid #34484066!important}.four-up-canvas .voice-panel .waveform{height:26%;top:27%}.four-up-canvas .waveform i{animation:.82s ease-in-out infinite alternate four-wave;animation-delay:calc(var(--bar) * -24ms)}.four-up-canvas .result-card{border:1px solid #34484047;border-radius:19px;height:auto;min-height:0;margin:0;transform:none;box-shadow:0 9px 22px #34484017}.four-up-canvas .result-after{clip-path:inset(0 100% 0 0);animation:6s linear infinite generation-loop-reveal}.four-up-canvas .gen-sweep{opacity:0;width:2px;animation:6s linear infinite generation-loop-sweep;left:0;box-shadow:0 0 0 1px #ffffffe6,0 0 16px 4px #e9786147}.four-up-canvas .gen-sweep:after{display:none}.four-up-canvas .result-badges{justify-content:space-between;left:4%;right:4%}.four-up-canvas .result-badges span{background:#fffaf0f0;border:1px solid #3448404d;border-radius:99px;padding:5px 8px}.four-up-canvas .result-badges span:last-child{background:var(--sun);transform:none}.four-up-canvas .result-copy{opacity:1;background:#fffaf0f0;border:0;border-radius:14px;padding:4%;transform:none;box-shadow:0 5px 16px #3448401a}.four-up-canvas .result-copy small{font-size:6.5px}.four-up-canvas .result-copy h2{margin-top:5px;font-size:clamp(13px,1vw,17px)}.four-up-canvas .result-dock{grid-template-columns:34% 1fr;gap:3%;height:auto;min-height:0;margin:0}.four-up-canvas .result-dock button{border:1px solid #3448404d;border-radius:16px}.four-up-canvas .result-dock .save-work{border-color:#34484066;transform:none}.four-up-canvas .gallery-scene{background:linear-gradient(180deg,#e8f3f2 0 29%,var(--paper) 29%);grid-template-rows:minmax(0,1fr) 10.5%;gap:2.5%;padding:20.5% 5.2% 3.4%;display:grid}.four-up-canvas .gallery-sky{display:none}.four-up-canvas .gallery-heading{align-items:center;gap:8px;height:11%;padding:1.5% 1.5% 0;display:flex}.four-up-canvas .gallery-heading small{color:#869088;font-family:"Dirtyline",var(--hand);letter-spacing:.08em;font-size:8px;font-weight:700}.four-up-canvas .gallery-heading h1{letter-spacing:-.01em;margin:0;font-size:clamp(15px,1.08vw,18px);font-weight:850}.four-up-canvas .gallery-heading p{display:none}.four-up-canvas .gallery-heading>button{width:30px;height:30px;box-shadow:none;background:#fffaf0f5;border:1px solid #34484059;border-radius:50%;top:8%;right:1.5%;transform:none}.four-up-canvas .video-gallery-grid{height:auto;min-height:0;margin:0;padding:0 1.5%}.four-up-canvas .gallery-tabs{height:auto;min-height:0;margin:0}.four-up-canvas .gallery-item,.four-up-canvas .gallery-item:nth-child(n){opacity:1;border:1px solid #3448403d;border-radius:15px;animation:none;transform:none;box-shadow:0 6px 14px #34484014}.four-up-canvas .gallery-face,.four-up-canvas .gallery-face img{border-radius:11px}.four-up-canvas .gallery-tabs{border:1px solid #3448403d;border-radius:18px;box-shadow:0 6px 15px #34484014}.gallery-flip-hint{z-index:6;color:#60736a;font-family:var(--hand);align-items:center;gap:3px;font-size:5.5px;font-weight:850;display:flex;position:absolute;top:25.2%;right:7%}.gallery-flip-hint svg{width:9px}@keyframes four-scan{0%{opacity:0;top:15%}12%{opacity:1}78%{opacity:1;top:84%}88%,to{opacity:0;top:84%}}@keyframes four-shutter{0%,82%,to{transform:scale(1)}88%{transform:scale(.86)}}@keyframes four-wave{0%{opacity:.68;transform:scaleY(.48)}to{opacity:1;transform:scaleY(1)}}@keyframes generation-loop-reveal{0%,10%{clip-path:inset(0 100% 0 0);opacity:1}68%,82%{clip-path:inset(0);opacity:1}88%{clip-path:inset(0);opacity:0}89%{clip-path:inset(0 100% 0 0);opacity:0}96%,to{clip-path:inset(0 100% 0 0);opacity:1}}@keyframes generation-loop-sweep{0%,10%{opacity:0;left:0}13%{opacity:1;left:0}68%{opacity:1;left:100%}72%,to{opacity:0;left:100%}}@keyframes generation-intro-reveal{0%,12%{clip-path:inset(0 100% 0 0)}88%,to{clip-path:inset(0)}}@keyframes generation-intro-sweep{0%,12%{opacity:0;left:0}16%{opacity:1;left:0}88%{opacity:1;left:100%}to{opacity:0;left:100%}}@keyframes compare-reveal{0%,12%,to{clip-path:inset(0 100% 0 0)}52%,80%{clip-path:inset(0)}}@keyframes compare-sweep{0%,12%{opacity:0;left:0}15%{opacity:1;left:0}52%{opacity:1;left:100%}54%,80%{opacity:0;left:100%}83%{opacity:1;left:100%}98%{opacity:1;left:0}to{opacity:0;left:0}}.four-up-canvas .gallery-item.blue,.four-up-canvas .gallery-item.coral,.four-up-canvas .gallery-item.navy,.four-up-canvas .gallery-item.yellow{box-shadow:0 6px 14px #34484014}.four-up-canvas .app-bar>button{border-color:#34484038;border-radius:13px;transform:none}.four-up-canvas .app-profile i{background:#cfe3b6;border-color:#34484042;border-radius:50%;transform:none}.four-up-canvas .app-profile span{background:var(--coral)}.four-up-canvas .camera-grid,.four-up-canvas .camera-live,.four-up-canvas .camera-modes{display:none}.four-up-canvas .camera-ui{background:var(--paper);border:1px solid #34484029;border-radius:19px;grid-template-rows:1fr 24%;box-shadow:0 8px 20px #34484012}.four-up-canvas .camera-viewfinder{background:#d8ccb6;border-radius:14px;margin:3.5%;overflow:hidden}.four-up-canvas .camera-viewfinder:before{display:none}.four-up-canvas .camera-table{background:#d8ccb6;inset:0;transform:none}.four-up-canvas .photographed-paper{width:72%;transform:none;box-shadow:0 12px 24px #140d082e}.four-up-canvas .photographed-paper:before{display:none}.four-up-canvas .photographed-paper img{filter:none}.four-up-canvas .focus-frame{z-index:6;display:block;inset:13% 11%}.four-up-canvas .focus-frame i{border-color:var(--coral);border-width:2.5px;width:16%}.four-up-canvas .scan-line{background:var(--coral);opacity:.92;border-radius:99px;height:2px;animation:3.2s ease-in-out infinite four-scan;display:block;left:11%;right:11%;box-shadow:0 0 12px 1px #e978618c}.four-up-canvas .camera-hint{background:#1e2220a8;padding:6px 10px;font-size:6px;display:flex;bottom:6%}.four-up-canvas .camera-hint svg{color:#ffd7a0}.four-up-canvas .capture-dock{background:var(--paper)}.four-up-canvas .dock-choice,.four-up-canvas .dock-choice svg{color:#8a938c!important}.four-up-canvas .auto-choice svg{color:var(--coral)!important}.four-up-canvas .camera-trigger{background:#fff;box-shadow:0 4px 12px #e9786138;border:3px solid var(--coral)!important;color:var(--coral)!important}.four-up-canvas .camera-trigger i{border-color:#e9786140;inset:5px}.four-up-canvas .voice-caption svg{display:none}.four-up-canvas .voice-caption>i{color:var(--sky-deep)}.four-up-canvas .voice-art-card>span svg{color:var(--coral)}.four-up-canvas .result-badges span:last-child{background:#fffaf0f0}.four-up-canvas .gallery-item>span{border-color:#34484047;border-radius:50%}