@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.intro{position:relative;max-width:1120px;margin:0 auto;padding:40px 24px 20px;text-align:center}.hero-kicker{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 14px 7px 11px}.hero-kicker .i{color:var(--accent)}.sticker-word{display:inline-block;position:relative;color:var(--ink);background:var(--sun);padding:0 .22em .06em;border-radius:.2em;transform:rotate(-2deg);box-shadow:0 0 0 .07em #fff,var(--sticker-shadow);margin-top:.12em}.hero-sub{max-width:600px;margin:0 auto;font-size:18px;line-height:1.6;color:var(--muted)}.hero-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:22px 0 0;padding:0;list-style:none;font-size:14px;font-weight:500;color:var(--ink-2)}.hero-benefits li{display:inline-flex;align-items:center;gap:6px}.hero-benefits .i{color:var(--mint-ink)}.floater{position:absolute;display:grid;place-items:center;background:var(--surface);border-radius:22px;box-shadow:0 0 0 4px #fff,var(--sticker-shadow);font-family:var(--display);font-weight:800;line-height:1;text-align:center;animation:bob 6s ease-in-out infinite}.floater.gif{padding:0;overflow:hidden;border-radius:18px;background:var(--ink)}.floater.gif img{display:block;width:100%;height:auto}.f1{left:1%;top:18%;width:124px;--tilt:-8deg}.f2{left:7%;top:62%;padding:14px 18px;font-size:26px;background:var(--pink);animation-delay:-2s}.f2,.f3{--tilt:7deg}.f3{right:1%;top:16%;width:132px;animation-delay:-1s}.f4{right:8%;top:58%;padding:14px 16px;font-size:21px;background:var(--sun);--tilt:-6deg;animation-delay:-3s}.f5{left:17%;top:0;width:92px;--tilt:-5deg;animation-delay:-4s}.f6{right:16%;top:1%;width:112px;--tilt:6deg;animation-delay:-2.5s}.f7{left:14%;top:84%;width:84px;--tilt:4deg;animation-delay:-5s}.f8{right:11%;top:82%;width:118px;--tilt:-5deg;animation-delay:-1.5s}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-8px) rotate(calc(var(--tilt) + 2deg))}}.workspace{max-width:920px;margin:0 auto;padding:0 24px}.steps{justify-content:center;gap:14px;margin:4px 0 16px;font-size:14px;color:var(--muted)}.steps,.steps>span{display:flex;align-items:center}.steps>span{gap:8px}.steps b{font-weight:500}.step-num{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line-2);font-size:13px;font-weight:600;background:var(--surface)}.steps .active{color:var(--ink)}.steps .active b{font-weight:600}.steps .active .step-num{background:var(--ink);border-color:var(--ink);color:#fff}.steps i{width:40px;height:1.5px;background:var(--line-2);border-radius:2px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}.card:focus{outline:none}.cardtop{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:26px 28px 20px}.input-tabs,.segmented{display:flex;gap:4px;padding:4px;background:var(--sunken);border-radius:999px}.input-tabs button,.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--muted);transition:background .15s,color .15s}.input-tabs button:hover,.segmented button:hover{color:var(--ink)}.input-tabs .selected,.segmented .selected{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #17150f14,0 2px 8px -2px #17150f14}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 28px 24px;padding:36px 20px;min-height:290px;border:2px dashed var(--line-2);border-radius:22px;background:var(--paper);transition:background .15s,border-color .15s}.drop.drag{border-color:var(--accent);background:var(--sun-soft)}.drop-tile{display:grid;place-items:center;width:60px;height:60px;margin-bottom:18px;border-radius:18px;background:var(--sun);color:var(--ink);font-size:26px;transform:rotate(-7deg);box-shadow:0 0 0 3px #fff,var(--sticker-shadow);transition:transform .2s}.drop.drag .drop-tile,.drop:hover .drop-tile{transform:rotate(4deg) scale(1.05)}.tile-sky{background:var(--sky)}.drop h3{font-size:26px}.drop>p{margin:8px 0 22px;color:var(--muted);font-size:15px}.drop small{margin-top:14px;font-size:13px;color:var(--muted)}.urlimport{padding:0 28px 24px;min-height:314px}.link-intro{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 0}.link-intro .drop-tile{margin-bottom:14px}.link-intro h3{font-size:24px}.link-intro p{margin-top:6px;color:var(--muted);font-size:15px}.urllabel{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.urlrow{display:flex;gap:10px}.urlrow input{flex:1;min-width:0;min-height:50px;padding:0 16px;border:1.5px solid var(--line-2);border-radius:14px;background:var(--surface);font-size:16px;color:var(--ink);transition:border-color .15s,box-shadow .15s}.urlrow input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px #17150f12}.urlrow input::-moz-placeholder{color:#a39b8c}.urlrow input::placeholder{color:#a39b8c}.urlfeedback{justify-content:space-between;gap:12px;min-height:44px}.picker-box{margin-top:16px;padding:16px 16px 12px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.picker-box h4{margin:0 0 6px;font-size:16px;color:var(--ink)}.picker-box>p{margin:0 0 12px;color:var(--muted);font-size:14px}.picker-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.picker-list li{margin:0}.picker-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-height:48px;padding:10px 14px;border:1.5px solid var(--line-2);border-radius:14px;background:var(--surface);color:var(--ink);font-size:14px;font-weight:600;text-align:left}.picker-item:hover{border-color:var(--ink)}.picker-item:disabled,.picker-item.disabled{opacity:.6;cursor:not-allowed;font-weight:500}.picker-reason{font-size:13px;font-weight:500;color:var(--muted)}.picker-actions{display:flex;justify-content:flex-end;margin-top:10px}.compat-banner,.urlfeedback{display:flex;align-items:center;font-size:14px;color:var(--muted)}.compat-banner{gap:10px;padding:14px 28px;border-top:1px solid var(--line);background:#fdfcfa}.compat-banner>.i{font-size:20px;color:var(--ink-2)}.compat-banner p{flex:1}.compat-banner strong{color:var(--ink);font-weight:600}.compat-banner a{color:var(--accent-ink);text-underline-offset:3px}.button,.compat-banner a{font-weight:600;white-space:nowrap}.textbtn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;font-size:14px;font-weight:600;color:var(--accent-ink)}.textbtn:hover{text-decoration:underline;text-underline-offset:3px}.editorgrid,.resultgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:0 28px 28px}.preview,.resultimage{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:20px;overflow:hidden;border:1px solid var(--line)}.preview img,.preview video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.preview.square-crop img,.preview.square-crop video{-o-object-fit:cover;object-fit:cover}.preview-meta{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:13px;color:var(--muted)}.preview-caption{font-weight:600;color:var(--ink-2);white-space:nowrap}.filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.settings .lead{margin:0 0 6px;font-size:15px}.settings .trim-head,.settings label,.settings legend{display:flex;justify-content:space-between;align-items:center;width:100%;margin:20px 0 8px;font-size:14px;font-weight:600}.settings .trim-head span,.settings label span{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;background:var(--sunken);padding:3px 10px;border-radius:999px}.settings fieldset{border:0;margin:0;padding:0;min-width:0}.settings select{width:100%;min-height:48px;padding:0 40px 0 14px;border:1.5px solid var(--line-2);border-radius:14px;font-size:15px;color:var(--ink);-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--surface) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2317150f' stroke-linecap='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/16px}.settings select:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px #17150f12}.segmented button{min-height:42px}.settings-note{margin-top:12px;text-align:center;font-size:13px;color:var(--muted)}.trim{position:relative;height:56px;margin:0 16px;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:pointer}.trim-strip{position:absolute;inset:0;display:flex;overflow:hidden;border-radius:6px;background:var(--sunken)}.trim-strip canvas{flex:1 1 0;min-width:0;height:100%;-o-object-fit:cover;object-fit:cover}.trim-shade{position:absolute;top:0;bottom:0;background:#17150fa6;pointer-events:none}.trim-window{position:absolute;top:0;bottom:0;border-block:3px solid var(--ink);box-shadow:inset 0 0 0 1px #ffffff40;cursor:grab}.trim.dragging,.trim.dragging .trim-window{cursor:grabbing}.trim-handle{position:absolute;top:0;bottom:0;width:16px;display:grid;place-items:center;background:var(--accent);border:3px solid var(--ink);cursor:ew-resize}.trim-handle:after{content:"";width:3px;height:18px;border-radius:2px;background:var(--ink)}.trim-handle:before{content:"";position:absolute;top:-6px;bottom:-6px;width:30px}#handleStart:before{right:0}#handleEnd:before{left:0}#handleStart{transform:translate(-100%);border-right:0;border-radius:10px 0 0 10px}#handleEnd{border-left:0;border-radius:0 10px 10px 0}.trim-handle:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ink);z-index:1}.trim-playhead{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;border-radius:2px;background:#fff;box-shadow:0 0 0 1px var(--ink);pointer-events:none}.processing{padding:44px 24px 30px;text-align:center}.processing-orb{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 22px;border-radius:24px;background:var(--sun);font-size:38px;color:var(--ink);box-shadow:0 0 0 4px #fff,var(--sticker-shadow);animation:wobble 2.4s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(6deg) scale(1.06)}}.processing>p{margin-top:8px;font-size:15px;color:var(--muted)}progress{display:block;width:min(100%,360px);height:8px;margin:20px auto 0;border:0;border-radius:999px;overflow:hidden;background:var(--line);-webkit-appearance:none;-moz-appearance:none;appearance:none}progress::-webkit-progress-bar{background:var(--line);border-radius:999px}progress::-webkit-progress-value{background:var(--accent);border-radius:999px;-webkit-transition:width .2s;transition:width .2s}progress::-moz-progress-bar{background:var(--accent);border-radius:999px}.conversion-stages{display:grid;gap:8px;max-width:360px;margin:22px auto 16px;padding:0;list-style:none;text-align:left}.conversion-stages li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;color:var(--muted);transition:background .2s,border-color .2s}.conversion-stages strong{display:block;font-size:14px;font-weight:600}.conversion-stages small{display:block;font-size:13px;margin-top:1px}.stage-dot{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line-2);font-size:12px;font-weight:600;background:var(--surface)}.conversion-stages li.current{background:var(--sun-soft);border-color:#f3dc85;color:var(--ink)}.current .stage-dot{background:var(--ink);border-color:var(--ink);color:#fff}.conversion-stages li.done,.done .stage-dot{color:var(--mint-ink)}.done .stage-dot{background:var(--mint);border-color:var(--mint)}.processing-note{font-size:13px!important}.readybadge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--mint);color:var(--mint-ink);font-size:14px;font-weight:600}.copy-callout{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--sun-soft);border:1px solid #f3dc85;font-size:14px}.copy-callout .i{font-size:20px;color:var(--accent-ink)}.copy-callout strong{font-weight:600}.file-stats{margin-top:10px;text-align:center;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.instructions h3{font-size:22px;margin-bottom:18px}.instruction-list{display:grid;gap:16px;margin:0;padding:0;list-style:none}.instruction-list li{display:flex;gap:12px}.instruction-list li>span{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:600}.instruction-list p{font-size:14px;line-height:1.55;color:var(--muted)}.instruction-list strong{display:block;font-size:15px;font-weight:600;color:var(--ink)}.raw{display:inline-flex;align-items:center;gap:4px;margin-top:14px;padding:6px 0;font-size:14px;font-weight:500;color:var(--accent-ink);text-underline-offset:3px}.result-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 28px;border-top:1px solid var(--line);background:#fdfcfa;font-size:13px;color:var(--muted)}.error{margin-top:16px;padding:14px 18px;border-radius:14px;background:var(--danger-soft);border:1px solid #f6c7c0;color:var(--danger);font-size:15px;font-weight:500}.how-section{max-width:1120px;margin:0 auto;padding:96px 24px 72px}.section-heading{text-align:center}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0 0;padding:0;list-style:none}.how-card{position:relative;padding:28px 26px 30px;border-radius:24px;border:1px solid var(--line);background:var(--surface)}.how-number{display:grid;place-items:center;width:46px;height:46px;margin-bottom:22px;border-radius:14px;font-family:var(--display);font-weight:800;font-size:24px;box-shadow:0 0 0 3px #fff,var(--sticker-shadow);transform:rotate(-6deg)}.tint-sun .how-number{background:var(--sun)}.tint-mint .how-number{background:var(--mint);transform:rotate(5deg)}.tint-pink .how-number{background:var(--pink)}.how-card h3{font-size:21px}.how-card p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--muted)}.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;max-width:1120px;margin:0 auto;padding:40px 24px 88px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;font-size:17px;font-weight:600;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--accent-ink)}.faq-list details[open] .plus{transform:rotate(45deg);background:var(--sun)}.faq-list p{padding:0 44px 20px 0;font-size:15px;line-height:1.65;color:var(--muted)}@media(max-width:1079px){.intro{padding-top:132px;padding-bottom:150px}.floaters{display:block}.floater.gif{border-radius:14px}.f1{left:5%;top:22px;width:112px}.f2{left:27%;top:58px;font-size:22px;padding:11px 14px}.f6{left:calc(50% - 50px);top:16px;width:100px}.f3{right:5%;top:24px;width:120px}.f5{left:5%;bottom:34px;width:96px}.f4,.f5{top:auto}.f4{left:27%;right:auto;bottom:52px;font-size:18px;padding:11px 13px}.f8{right:25%;bottom:28px;width:118px}.f7,.f8{left:auto;top:auto}.f7{right:5%;bottom:40px;width:84px}}@media(max-width:640px){.floater{box-shadow:0 0 0 3px #fff,var(--sticker-shadow)}.floater.gif{border-radius:12px}.f6{display:none}.f1{left:2%;top:14px;width:84px}.f2{left:37%;top:34px;font-size:18px;padding:9px 12px}.f3{right:2%;top:16px;width:92px}.f5{left:2%;bottom:26px;width:72px}.f4{left:25%;bottom:40px;font-size:14px;padding:8px 10px}.f8{right:22%;bottom:20px;width:88px}.f7{right:2%;bottom:30px;width:62px}}@media(max-width:760px){.editorgrid,.resultgrid{grid-template-columns:minmax(0,1fr);gap:24px}.how-grid{gap:14px}.faq-section,.how-grid{grid-template-columns:1fr}.faq-section{gap:20px}}@media(max-width:640px){.site-header{padding:10px 16px;gap:10px}.brand-name{font-size:20px}.brand-mark{width:30px;height:30px;font-size:18px}.nav-cta{font-size:14px;padding:8px 12px}.intro{padding:104px 16px 118px}.hero-kicker{font-size:13px}h1{font-size:clamp(36px,10.5vw,46px);margin:18px auto 16px}.hero-sub{font-size:16px}.desktop-break{display:none}.hero-benefits{gap:6px 14px;font-size:13px;margin-top:18px}.workspace{padding:0 16px}.steps{gap:8px;font-size:13px}.steps i{width:14px}.steps b{display:none}.steps .active b{display:inline}.cardtop{padding:20px 18px 16px}#upload .cardtop{flex-direction:column;align-items:stretch}#upload .cardtop h2{font-size:24px}.drop{margin:0 18px 18px;padding:28px 16px;min-height:270px}.drop h3{font-size:23px}.urlimport{padding:0 18px 18px}.urlrow{flex-direction:column}.compat-banner{padding:12px 18px;font-size:13px;align-items:flex-start}.compat-banner>.i{margin-top:2px}.compat-banner{flex-wrap:wrap}.compat-banner a{margin-left:30px;font-size:13px}.editorgrid,.resultgrid{padding:0 18px 22px}.result-footer{padding:4px 18px}.how-section{padding:64px 16px 48px}.faq-section{padding:24px 16px 64px}.faq-list summary{font-size:16px}.footer-inner{flex-wrap:wrap;padding:22px 16px}.footer-tag{order:3;flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.floater,.processing-orb{animation:none}.floater{transform:rotate(var(--tilt))}.button,.conversion-stages li,.drop,.drop-tile,.plus{transition:none}}.input-tabs button{white-space:nowrap}.hero-sub{margin-top:26px}.settings fieldset{margin-top:20px}.settings fieldset legend{margin-top:0}.result-footer .textbtn{white-space:nowrap}.hero-kicker .i{color:var(--accent-deep)}.drop.drag{border-color:var(--ink)}.tile-sky{background:var(--sun)}.compat-banner a,.raw,.textbtn{color:var(--ink);text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:3px;text-underline-offset:4px}.compat-banner a:hover,.raw:hover,.textbtn:hover{text-decoration-color:var(--accent-deep)}.faq-list summary:hover{color:var(--ink)}.faq-list summary:hover .plus,.label{background:var(--sun)}.copy-callout .i,.label{color:var(--ink)}progress::-webkit-progress-value{background:var(--accent-deep)}progress::-moz-progress-bar{background:var(--accent-deep)}.tint-mint .how-number,.tint-pink .how-number{background:var(--sun)}.faq-list p a,.guides-more a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:3px;text-underline-offset:4px}.packs-banner{display:flex;align-items:center;gap:16px;margin:0 0 22px;padding:12px 14px 12px 12px;border-radius:22px;background:var(--sun-soft);border:1.5px solid #f2d97a;color:var(--ink);text-decoration:none;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.packs-banner:hover{transform:translateY(-2px)}.packs-banner:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.pb-art{flex:none;display:flex}.pb-art img{width:52px;height:52px;border-radius:14px;-o-object-fit:cover;object-fit:cover;background:var(--surface);box-shadow:0 0 0 3px #fff,var(--sticker-shadow)}.pb-art img:first-child{transform:rotate(-8deg)}.pb-art img:nth-child(2){margin-left:-14px;transform:rotate(4deg) translateY(-3px)}.pb-art img:nth-child(3){margin-left:-14px;transform:rotate(-3deg)}.pb-text{display:flex;flex-direction:column;gap:2px;min-width:0;margin-right:auto;line-height:1.35}.pb-text strong{font-size:16px;font-weight:700}.pb-text span{font-size:14px;color:var(--ink-2)}.pb-go{flex:none;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;white-space:nowrap}@media(max-width:640px){.packs-banner{gap:12px;margin-bottom:18px;padding:10px 12px 10px 10px;border-radius:18px}.pb-art img{width:40px;height:40px;border-radius:11px}.pb-art img:nth-child(n+2){margin-left:-12px}.pb-text strong{font-size:15px}.pb-text span{font-size:13px}.pb-go{padding:0;width:36px;height:36px;justify-content:center;font-size:0;gap:0}.pb-go .i{font-size:16px}}@media(min-width:1080px){.packs-banner{margin-top:48px}}.wish-copy.done{background:var(--mint);color:var(--mint-ink)}.intro h1{font-size:clamp(40px,6.4vw,78px);font-weight:800;letter-spacing:-.045em;line-height:1.02;max-width:900px;margin:22px auto 20px}.hero-sub{margin:0 auto;max-width:640px;font-size:18px;line-height:1.6;color:var(--muted)}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.workspace-page{padding-bottom:24px}[hidden]{display:none!important}button:disabled{cursor:wait;opacity:.55}.floater{transform:rotate(var(--tilt, 0deg))}#handleStart,#handleEnd{z-index:1}.hint{margin-top:10px;font-size:14px;line-height:1.55;color:var(--muted)}.result-hint{margin-top:14px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.urlrow .button{flex:none}@media(max-width:640px){.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions .button{padding:0 12px;font-size:14px}}@media(max-width:360px){.actions{grid-template-columns:1fr}}.resultimage img,.resultimage canvas{width:100%;height:100%;object-fit:contain;display:block}.text-preview{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;outline:none}.text-preview:focus-visible{box-shadow:inset 0 0 0 3px #17150f33}.text-drag-hint{margin-top:8px;text-align:center}.resultimage+.text-drag-hint+.textbtn,.text-drag-hint+.textbtn{display:flex;margin:0 auto}.caption-status{min-height:1.3em;margin-top:6px;text-align:center;font-size:13px;color:var(--muted)}.text-fields{margin-bottom:28px;padding-bottom:8px;border-bottom:1px solid var(--line)}.text-fields textarea{width:100%;min-height:74px;padding:12px 14px;border:1.5px solid var(--line-2);border-radius:14px;background:var(--surface);font-size:16px;line-height:1.45;color:var(--ink);resize:vertical}.text-fields textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px #17150f12}.text-fields input[type=range]{width:100%;margin:0 0 2px;accent-color:var(--accent-deep)}.text-color-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.text-color-row label{margin:0}.text-color-row input[type=color]{width:48px;height:32px;padding:0;border:1.5px solid var(--line-2);border-radius:8px;background:transparent;cursor:pointer}.text-check{display:flex!important;justify-content:flex-start!important;gap:10px;margin-top:16px;font-weight:600}.text-check input{width:18px;height:18px;accent-color:var(--ink)}.segmented.text-animation{flex-wrap:wrap;border-radius:18px}.segmented.text-animation button{flex:1 1 calc(33.33% - 4px);min-height:40px;padding:0 10px;font-size:13px;white-space:nowrap}@media(max-width:640px){.segmented.text-animation button{flex:1 1 calc(50% - 4px)}.actions{grid-template-columns:1fr 1fr}.actions #download{grid-column:1 / -1}}*,*:before,*:after{box-sizing:border-box}:root{--paper: #fbf8f3;--surface: #fff;--sunken: #f5f1ea;--ink: #17150f;--ink-2: #3b372f;--muted: #6b6559;--line: #e9e3d8;--line-2: #d8cfbf;--accent: #ffd84d;--accent-deep: #f2b705;--accent-ink: var(--ink);--sun: #ffd84d;--sun-soft: #fff4c7;--mint: #bdf0d2;--mint-ink: #17663d;--pink: #ffc8e0;--sky: #cfe0ff;--danger: #b42318;--danger-soft: #fff1ef;--display: "Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--body: "DM Sans Variable", "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--r-sm: 10px;--r: 16px;--r-lg: 28px;--shadow: 0 1px 2px #17150f0a, 0 10px 30px -12px #17150f1f;--sticker-shadow: 0 2px 0 #17150f14, 0 10px 24px -10px #17150f40;color-scheme:light}html{scroll-padding-top:84px;line-height:1.5;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{color:var(--ink);font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.1}h1{font-size:clamp(36px,6vw,58px);font-weight:800;letter-spacing:-.04em}h2{font-size:clamp(26px,3.2vw,34px)}h3{font-size:19px;letter-spacing:-.01em}p{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:6px}::selection{background:var(--sun)}#root{min-height:100dvh}.sprite{position:absolute;width:0;height:0;overflow:hidden}.i{display:inline-block;width:1.15em;height:1.15em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.18em}.i .fill{fill:currentColor;stroke:none}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;padding:12px max(24px,calc(50% - 536px));background:#fbf8f3e8;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid #e9e3d899}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand-mark{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--sun);color:var(--ink);font-family:var(--display);font-weight:800;font-size:21px;line-height:1;transform:rotate(-8deg);box-shadow:0 0 0 2.5px #fff,var(--sticker-shadow)}.brand-mark:after{content:"";position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;background:linear-gradient(135deg,#ffeb99 50%,var(--paper) 50%);border-radius:0 0 9px}.brand-name{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.03em}.brand-dot{color:var(--accent-ink);background:linear-gradient(transparent 58%,var(--sun) 58%);padding:0 1px}.site-nav{display:flex;align-items:center;gap:2px;margin:0 auto 0 14px}.nav-link{padding:8px 14px;border-radius:999px;font-size:15px;font-weight:500;color:var(--ink-2);text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}.nav-link:hover,.nav-link[aria-current=page]{background:var(--sunken);color:var(--ink)}.nav-cta,.nav-link[aria-current=page]{font-weight:600}.nav-cta{flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--sun);color:var(--ink);font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:0 0 0 2px #fff,var(--sticker-shadow)}.nav-cta:hover{background:#ffe170}.nav-quick{display:none;flex:none;align-items:center;padding:8px 13px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--surface);font-size:14px;font-weight:600;color:var(--ink);text-decoration:none}.nav-quick[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff}.menu{display:none;position:relative}.menu>summary{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1.5px solid var(--line-2);background:var(--surface);cursor:pointer;list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu-icon,.menu-icon:after,.menu-icon:before{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s,background .2s}.menu-icon{position:relative}.menu-icon:after,.menu-icon:before{content:"";position:absolute;left:0}.menu-icon:before{top:-6px}.menu-icon:after{top:6px}.menu[open] .menu-icon{background:transparent}.menu[open] .menu-icon:before{transform:translateY(6px) rotate(45deg)}.menu[open] .menu-icon:after{transform:translateY(-6px) rotate(-45deg)}.menu-panel{position:absolute;right:0;top:calc(100% + 10px);display:flex;flex-direction:column;gap:2px;width:min(270px,calc(100vw - 32px));padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.menu-panel .nav-link{display:block;padding:12px 14px;border-radius:12px;font-size:16px}.menu-panel .menu-cta{margin-top:6px;padding:12px 14px;border-radius:12px;background:var(--sun);font-weight:600;color:var(--ink);text-align:center;text-decoration:none}.blog-wrap{max-width:760px;margin:0 auto;padding:16px 24px 72px}.blog-wrap.wide{max-width:1120px}.crumbs{padding-top:12px;font-size:14px;color:var(--muted)}.crumbs a{color:var(--ink-2);text-decoration:none}.crumbs a:hover{text-decoration:underline}.pack-head{padding:20px 0 6px;max-width:760px}.pack-head h1{margin:14px 0 12px;font-size:clamp(36px,6vw,58px);font-weight:800;letter-spacing:-.04em}.pack-intro{margin:0;font-size:18px;line-height:1.6;color:var(--muted)}.label{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--accent-ink)}.copy-steps{display:flex;flex-wrap:wrap;gap:8px 18px;margin:20px 0 0;padding:0;list-style:none;font-size:14px;color:var(--ink-2)}.copy-steps li{display:flex;align-items:center;gap:8px}.copy-steps .n{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:700}.pills{position:sticky;top:66px;z-index:5;display:flex;gap:8px;margin:26px 0 0;padding:10px 0;overflow-x:auto;scrollbar-width:none;background:linear-gradient(var(--paper) 80%,transparent)}.pills::-webkit-scrollbar{display:none}.pill{flex:none;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--surface);font-size:15px;font-weight:600;color:var(--ink-2);text-decoration:none;transition:background .15s,border-color .15s}.pill span{font-size:12px;font-weight:600;color:var(--muted)}.pill:hover{border-color:var(--ink)}.pill[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff}.pill[aria-current=page] span{color:#ffffffb3}.pack{margin-top:26px}.pack-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.pack-title h2{margin:0;font-size:26px}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:0;padding:0;list-style:none}.sticker{display:flex;flex-direction:column;gap:10px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:22px;color:var(--ink);text-decoration:none;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.sticker:hover{transform:translateY(-3px) rotate(-1deg);border-color:var(--line-2)}.sticker:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.sticker img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:14px;background:var(--sunken);object-fit:cover}.sticker-name{padding:0 4px 2px;font-size:14px;font-weight:600;line-height:1.3}.sticker-caption{display:-webkit-box;margin-top:-6px;padding:0 4px 4px;overflow:hidden;font-size:12.5px;line-height:1.4;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;border-radius:999px;background:var(--ink);color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:inset 0 1px #ffffff26,0 6px 16px -6px #17150f80}.button:hover{transform:translateY(-1px);background:#2a2720}.button:active{transform:translateY(0)}.button.primary{width:100%;margin-top:22px;min-height:56px;font-size:17px;background:var(--accent);color:var(--ink);box-shadow:0 0 0 2px var(--ink),3px 4px 0 2px var(--ink)}.button.primary:hover{transform:translate(-1px,-1px);background:var(--accent);box-shadow:0 0 0 2px var(--ink),4px 5px 0 2px var(--ink)}.button.primary:active{transform:translate(2px,2px);box-shadow:0 0 0 2px var(--ink),1px 2px 0 2px var(--ink)}.button.secondary{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2)}.button.secondary:hover{background:var(--sunken)}.cta-box{margin:40px 0;padding:28px 24px;border-radius:22px;background:var(--sun);text-align:center;box-shadow:0 0 0 2px var(--ink),3px 4px 0 2px var(--ink)}.packs-wrap .cta-box{margin:48px 0}.packs-wrap .cta-box h2,.cta-box h2{margin:0 0 6px;font-size:24px}.packs-wrap .cta-box p,.cta-box p{margin:0 0 18px;color:var(--ink-2)}.prose h2{margin:44px 0 12px;font-size:28px;line-height:1.2}.prose h3{margin:28px 0 8px;font-size:20px}.prose p{margin:0;color:var(--ink-2)}.pack-faq{max-width:760px}.pack-faq h2{margin-top:0}.pack-note{max-width:760px;margin:32px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}.pack-note a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:3px;text-underline-offset:3px}.checker{background-color:#faf8f4;background-image:conic-gradient(#efebe3 25%,transparent 0 50%,#efebe3 0 75%,transparent 0);background-size:20px 20px}.sticker-view{position:relative;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:22px;border:0;border-radius:28px;background:var(--surface);color:var(--ink);box-shadow:0 30px 80px -20px #17150f80;text-align:center;overflow:auto}.sticker-view::backdrop{background:#17150f8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sv-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--sunken);font-size:24px;line-height:1;color:var(--ink);cursor:pointer}.sv-art{margin:18px auto 0;width:min(300px,100%);border-radius:20px;overflow:hidden}.sv-art img{display:block;width:100%;height:auto;aspect-ratio:1}.sticker-view h2{margin:16px 0 6px;font-size:24px}.sticker-view p{color:var(--ink-2)}.sv-how{margin:16px 0 0;padding:12px 14px;border-radius:14px;background:var(--sun-soft);font-size:14px;line-height:1.5;color:var(--ink-2)}.sv-actions{display:grid;gap:10px;margin-top:16px}.sv-actions .button{width:100%}.notice{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:8px 12px;border-radius:999px;background:var(--sun-soft);border:1.5px solid #f2d97a;font-size:13px;font-weight:600;color:var(--ink)}.home-hero{padding:36px 0 10px;max-width:760px}.home-hero h1{margin:14px 0 12px}.home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.how-list{display:grid;gap:14px;margin:24px 0 0;padding:0;list-style:none}.how-list li{padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.how-list h3{margin:0 0 6px;font-size:20px}.how-list p{margin:0;color:var(--ink-2)}footer{border-top:1px solid #e9e3d899}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1120px;margin:0 auto;padding:26px 24px 14px;font-size:14px;color:var(--muted)}.footer-inner .brand-name{font-size:19px}.footer-inner .brand-mark{width:28px;height:28px;font-size:17px;border-radius:9px}.footer-cta{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink);text-decoration:none}.footer-cta:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:3px;text-underline-offset:6px}.footer-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;max-width:1120px;margin:0 auto;padding:0 24px 26px;font-size:14px;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:8px 22px}.footer-links a{display:inline-flex;align-items:center;gap:7px;color:var(--ink-2);text-decoration:none;font-weight:500}.footer-links a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:3px;text-underline-offset:5px}.made{display:inline-flex;align-items:center;gap:5px}.heart{color:var(--accent-deep)}@media(max-width:900px){.site-nav{display:none}.menu{display:block}.nav-quick{display:inline-flex;margin-left:auto}}@media(max-width:640px){.site-header{padding:10px 16px;gap:10px}.brand-name{font-size:20px}.site-header .brand-name{font-size:19px}.brand-mark{width:30px;height:30px;font-size:18px}.nav-cta{font-size:14px;padding:8px 12px}.cta-long{display:none}.pills{top:62px}.sticker-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sticker{border-radius:18px;padding:8px}.pack-title h2{font-size:22px}.pack-head h1,.home-hero h1{font-size:clamp(36px,10.5vw,46px)}.footer-inner{flex-wrap:wrap;padding:22px 16px 14px}.footer-tag{order:3;flex-basis:100%}.footer-meta{flex-direction:column;align-items:flex-start;padding:0 16px 24px}.footer-links{flex-direction:column;gap:10px}.blog-wrap{padding:16px 16px 64px}}@media(max-width:380px){.site-header{gap:6px;padding:10px 12px}.site-header .brand{gap:7px}.site-header .brand-name{font-size:17px}.site-header .brand-mark{width:26px;height:26px;font-size:16px;border-radius:9px}.nav-cta,.nav-quick{padding:7px 10px;font-size:13px}.nav-cta{gap:4px}.menu>summary{width:38px;height:38px;border-radius:12px}}@media(prefers-reduced-motion:reduce){.sticker,.button,.nav-link,.pill{transition:none}.sticker:hover{transform:none}}