@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-cyrillic-wght-normal.Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-greek-wght-normal.DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-vietnamese-wght-normal.usUDDRr7.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-latin-ext-wght-normal.Ch3YOpNY.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-latin-wght-normal.DHIcAJRg.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}@view-transition{navigation:auto}:root{color-scheme:dark;--bg:#101110;--surface:#1c1e1b;--text:#efeee9;--muted:#a0a29b;--dim:#777c72;--accent:#d7ee9b;--ease:cubic-bezier(.22,1,.36,1);font-family:Manrope Variable,Arial,sans-serif;font-weight:400;font-synthesis:none;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:wait}h1,h2,h3,p,figure,pre{margin:0}img,video{display:block;max-width:100%}button,a,summary{touch-action:manipulation}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:0;box-shadow:0 0 0 4px #d7ee9b85;border-radius:6px}a:hover{color:var(--text)}.wrap{width:90%;max-width:1440px;margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:34px}.wordmark{font-size:24px;letter-spacing:-1px;line-height:1}.wordmark span{padding-inline:3px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:12px 22px;background:var(--surface);border-radius:50px;font-size:14px;font-weight:500;line-height:1.4;transition:background .3s,transform .4s var(--ease),color .3s;white-space:nowrap}.button:hover{background:#2b2e27;transform:translateY(-2px)}.button.accent{background:var(--accent);color:var(--bg)}.button.accent:hover{background:#e5f5ba}.portfolio{gap:22px;padding-inline:25px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:42px;font-size:13px;color:var(--muted)}.footer-links{display:flex;align-items:center;gap:12px}.email{display:inline-flex;align-items:center;gap:8px;margin-left:18px}.email svg{opacity:0;transition:opacity .2s}.email:hover svg{opacity:1}.author{letter-spacing:.1px}.skip-link{position:fixed;z-index:100;top:12px;left:5%;padding:12px 20px;background:var(--accent);color:var(--bg);transform:translateY(-200%);border-radius:8px}.skip-link:focus{transform:translateY(0)}.home-page{min-height:100svh;display:flex;flex-direction:column}.home{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);column-gap:8%;align-items:start;padding-top:28px;padding-bottom:28px;flex:1}.home-editorial{padding-top:10px}.home-heading h1{font-size:clamp(100px,12vw,184px);font-weight:500;line-height:1.1;letter-spacing:-.055em;white-space:nowrap;margin-left:-.035em}.home-heading p{color:var(--muted);font-size:clamp(17px,1.7vw,25px);letter-spacing:-.025em;line-height:1.6;margin-top:2px}.tutorial-index{display:flex;flex-direction:column;margin-top:62px;gap:13px}.tutorial-link{display:grid;grid-template-columns:46px 1fr 28px;gap:24px;align-items:start;padding-block:24px;transition:transform .6s var(--ease);border-radius:6px}.index-number{font:16px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);padding-top:5px}.index-copy{display:flex;flex-direction:column;gap:10px}.index-copy h2{font-size:clamp(22px,2.52vw,38px);font-weight:500;line-height:1.2;letter-spacing:-.025em}.index-tools{color:var(--muted);font-size:clamp(13px,1.25vw,18px);letter-spacing:-.01em}.index-arrow{margin-top:8px;color:var(--accent);opacity:0;transform:translate(-6px,6px);transition:opacity .4s,transform .6s var(--ease)}.tutorial-link:last-child .index-arrow{opacity:1;transform:translate(0)}.tutorial-link:hover,.tutorial-link:focus-visible{transform:translate(8px)}.tutorial-index:has(.tutorial-link:hover) .index-arrow,.tutorial-index:has(.tutorial-link:focus-visible) .index-arrow{opacity:0}.tutorial-index .tutorial-link:hover .index-arrow,.tutorial-index .tutorial-link:focus-visible .index-arrow{opacity:1;transform:translate(0)}.home-preview{width:100%;max-width:550px;justify-self:end}.preview-frame{position:relative;border-radius:20px;overflow:hidden;background:var(--surface);aspect-ratio:3/3.95}.preview-link{display:block;width:100%;height:100%;overflow:hidden}.preview-frame video{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.4s var(--ease)}.preview-link:hover video{transform:scale(1.025)}.video-toggle{display:grid;place-items:center;position:absolute;right:18px;bottom:18px;width:54px;height:54px;background:#171914db;backdrop-filter:blur(12px);border-radius:50%;transition:background .3s,transform .3s}.video-toggle:hover{background:#101110;transform:scale(1.07)}.pause-icon{display:none}.video-toggle.is-playing .pause-icon{display:block}.video-toggle.is-playing .play-icon{display:none}.home-preview figcaption,.result-video figcaption{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px;margin-top:14px}.home-preview figcaption>span{font-family:ui-monospace,SFMono-Regular,monospace}.home-heading,.tutorial-link,.home-preview{animation:arrive .9s var(--ease) both}.tutorial-link:nth-child(1){animation-delay:.08s}.tutorial-link:nth-child(2){animation-delay:.16s}.tutorial-link:nth-child(3){animation-delay:.24s}.home-preview{animation-delay:.15s}.guide{padding-top:20px;padding-bottom:48px}.back-link{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;padding:10px 0;margin-bottom:44px}.back-link svg{transition:transform .4s var(--ease)}.back-link:hover svg{transform:translate(-4px)}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:8%}.guide-heading{margin-bottom:72px;animation:arrive .8s var(--ease) both}.guide-heading h1{font-size:clamp(48px,6.3vw,88px);font-weight:500;line-height:1.04;letter-spacing:-.065em;max-width:950px;text-wrap:balance}.guide-subtitle{font-size:clamp(21px,2.4vw,30px);line-height:1.5;letter-spacing:-.025em;margin-top:20px;color:#c4c5bf}.tool-label{font-size:14px;color:var(--muted);margin-top:10px}.guide-aside{align-self:start;position:sticky;top:38px;padding-top:10px}.step-navigation{display:grid;gap:8px}.step-navigation a{display:flex;align-items:baseline;gap:18px;font-size:14px;line-height:1.5;padding:10px 0;color:var(--muted);transition:color .3s,transform .4s var(--ease)}.step-navigation a span{font:12px/1.5 ui-monospace,SFMono-Regular,monospace;color:var(--dim)}.step-navigation a[aria-current=step]{color:var(--text);transform:translate(4px)}.step-navigation a[aria-current=step] span,.step-navigation a:hover{color:var(--accent)}.steps{display:grid;gap:64px}.step{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:25px;scroll-margin-top:36px}.step-number{font:14px/1.6 ui-monospace,SFMono-Regular,monospace;color:var(--muted);padding-top:11px}.step h2{font-size:clamp(26px,3.2vw,40px);font-weight:500;letter-spacing:-.05em;line-height:1.25;margin-bottom:16px}.step p{font-size:17px;line-height:1.75;color:#b7bab1;letter-spacing:-.015em}.step p+p{margin-top:16px}.step strong{color:var(--text);font-weight:550}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:23px}.step .small-note{font-size:14px;line-height:1.7;color:var(--muted);margin-top:16px}.prompt-box{margin-block:24px;padding:24px;background:var(--surface);border-radius:16px;min-width:0}.prompt-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:14px;margin-bottom:20px}.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;background:var(--accent);color:#171b10;font-size:12px;line-height:1.5;font-weight:650;padding:10px 13px;min-height:40px;white-space:nowrap;transition:background .3s,transform .3s}.copy-button:hover{background:#e3f4b6;transform:translateY(-1px)}.prompt-text{white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;font:400 15px/1.8 Manrope Variable,sans-serif;letter-spacing:-.01em;color:#bdc1b5;tab-size:2}.prompt-details{display:flex;flex-direction:column}.prompt-details summary{display:flex;align-items:center;gap:12px;list-style:none;font-size:14px;color:var(--muted);cursor:pointer;padding-block:5px;min-height:40px}.prompt-details summary::-webkit-details-marker{display:none}.prompt-details[open] summary{margin-bottom:18px}.prompt-details[open] summary svg{transform:rotate(180deg)}.prompt-details .prompt-text{max-height:520px;overflow:auto;overscroll-behavior:contain;padding-right:12px;scrollbar-width:thin;scrollbar-color:#565d4b transparent}.prompt-download{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding-top:18px}.text-link{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--muted)}.source-link{margin-top:24px}.next-tutorial{display:inline-flex;flex-direction:column;gap:13px;margin-top:88px;margin-left:57px}.next-tutorial>span{font-size:13px;color:var(--muted)}.next-tutorial strong{font-size:clamp(24px,2.8vw,34px);font-weight:500;letter-spacing:-.05em;display:flex;gap:20px;align-items:center;line-height:1.25}.next-tutorial svg{color:var(--accent);flex-shrink:0;transition:transform .4s var(--ease)}.next-tutorial:hover svg{transform:translate(4px,-4px)}.reference{margin-block:24px;min-width:0}.reference-image{display:block;position:relative;overflow:hidden;border-radius:12px;background:#21231f}.reference img{width:100%;height:auto;transition:transform .7s var(--ease)}.reference-image:hover img{transform:scale(1.015)}.image-expand{position:absolute;bottom:10px;right:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#101110bc;backdrop-filter:blur(8px);color:#fff}.reference figcaption{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-top:10px;gap:10px}.reference figcaption a{padding:5px;margin:-5px}.character-pair{display:grid;grid-template-columns:1fr 2.4fr;gap:16px;align-items:start}.character-pair .reference-image{height:215px}.character-pair .reference-image img{width:100%;height:100%;object-fit:cover}.character-pair .reference:last-child .reference-image img{object-fit:contain}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.reference-grid .reference-image{aspect-ratio:3/4}.reference-grid .reference-image img{height:100%;object-fit:cover}.reference-grid .sheet-thumb img{object-fit:contain}.reference-grid figcaption{font-size:11px;gap:4px}.settings{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0}.settings dt{font-size:12px;color:var(--muted);margin-bottom:9px}.settings dd{font-size:14px;margin:0;line-height:1.5}.settings-image{margin-top:32px}.result-video video{border-radius:14px;width:100%;height:auto}.desktop-result{margin-top:44px;max-width:270px}.desktop-result video{max-height:48vh;object-fit:contain;background:var(--surface)}.result-video figcaption{font-size:12px}.result-video a:hover{color:var(--accent)}.mobile-result{display:none}.image-dialog{padding:32px;background:#151713;border:0;border-radius:16px;max-width:94vw;max-height:94svh;overflow:visible}.image-dialog::backdrop{background:#050604eb;backdrop-filter:blur(12px)}.image-dialog>img{max-width:85vw;max-height:80svh;object-fit:contain;border-radius:4px}.dialog-close{position:absolute;right:10px;top:10px;width:40px;height:40px;border-radius:50%;background:#272b22;display:grid;place-items:center}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);background:var(--accent);color:var(--bg);border-radius:40px;padding:13px 22px;font-size:14px;opacity:0;pointer-events:none;z-index:100;transition:opacity .3s,transform .4s var(--ease);max-width:calc(100% - 40px);text-align:center}.toast.is-visible{opacity:1;transform:translate(-50%)}.not-found{min-height:65vh;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:36px}.not-found h1{font-size:clamp(48px,8vw,110px);font-weight:500;letter-spacing:-.065em}@keyframes arrive{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::view-transition-old(root){animation-duration:.18s}::view-transition-new(root){animation:arrive .45s var(--ease)}@media(min-width:1600px){.home{align-items:center}.home-page .site-footer{padding-bottom:48px}.home-preview{max-width:490px}.tutorial-index{margin-top:65px}}@media(max-width:1190px){.home{gap:6%;grid-template-columns:minmax(0,1.25fr) minmax(290px,1fr)}.tutorial-link{gap:16px;grid-template-columns:32px 1fr 24px}.tutorial-index{margin-top:40px;gap:8px}.guide-layout{gap:6%;grid-template-columns:minmax(0,1fr) 235px}.step{gap:16px;grid-template-columns:26px minmax(0,1fr)}.next-tutorial{margin-left:42px}.index-copy h2{font-size:clamp(22px,2.45vw,32px)}.character-pair .reference-image{height:175px}}@media(max-width:900px){.site-header{padding-block:26px}.home{padding-top:30px;gap:5%;grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr)}.home-heading h1{font-size:12vw}.home-heading p{font-size:16px}.tutorial-index{margin-top:30px;gap:5px}.tutorial-link{padding-block:21px;gap:12px;grid-template-columns:25px 1fr 18px}.index-number{font-size:12px}.index-copy h2{font-size:23px}.index-copy{gap:8px}.index-tools{font-size:12px}.index-arrow{width:19px;margin-top:4px}.site-footer{flex-wrap:wrap;gap:24px;font-size:12px}.guide-layout{grid-template-columns:minmax(0,1fr) 190px;gap:5%}.guide-heading h1{font-size:55px}.guide-heading{margin-bottom:52px}.step p{font-size:16px}.step-navigation a{font-size:12px;gap:12px}.step h2{font-size:30px}.prompt-box{padding:20px}.prompt-toolbar{font-size:12px;gap:8px}.copy-button{padding:9px 11px}.copy-button svg{display:none}.character-pair{grid-template-columns:1fr 2fr}.character-pair .reference-image{height:135px}.reference-grid{gap:10px}.reference-grid figcaption{align-items:flex-start}.settings{grid-template-columns:1fr 1fr;gap:22px}}@media(max-width:680px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:24px}.wordmark{font-size:22px}.portfolio{font-size:12px;min-height:40px;padding:10px 17px;gap:14px}.portfolio svg{width:16px}.home{display:flex;flex-direction:column;padding-top:31px;padding-bottom:38px;gap:42px}.home-editorial{padding-top:0;width:100%}.home-heading h1{font-size:clamp(80px,20vw,136px);line-height:1.05;letter-spacing:-.08em}.home-heading p{font-size:17px;margin-top:12px;letter-spacing:-.035em}.tutorial-index{margin-top:36px;gap:8px}.tutorial-link{grid-template-columns:23px minmax(0,1fr) 20px;gap:16px;padding-block:20px}.index-copy h2{font-size:clamp(21px,5.8vw,29px);letter-spacing:-.025em}.index-tools{font-size:12px}.index-number{font-size:12px;padding-top:2px}.index-arrow{width:20px;height:20px;opacity:1;transform:none;margin-top:5px}.tutorial-link:hover,.tutorial-link:focus-visible{transform:translate(3px)}.home-preview{max-width:none;width:100%;align-self:center}.preview-frame{aspect-ratio:4/4.4;border-radius:16px}.preview-frame video{object-position:center 45%}.video-toggle{width:48px;height:48px}.home-preview figcaption{font-size:12px;margin-top:12px}.site-footer{padding-block:26px 34px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.footer-links{flex-wrap:wrap;gap:10px}.footer-links .button{font-size:12px;padding:12px 18px}.email{margin:10px 0 0;flex-basis:100%;font-size:13px}.email svg{opacity:1}.author{font-size:12px}.guide{padding-top:8px;padding-bottom:28px}.back-link{font-size:12px;margin-bottom:34px}.guide-layout{display:block}.guide-aside{display:none}.guide-heading h1{font-size:clamp(43px,10.8vw,64px);letter-spacing:-.065em;max-width:570px;text-wrap:balance}.guide-subtitle{font-size:21px;line-height:1.4;margin-top:18px}.tool-label{font-size:12px;margin-top:15px}.guide-heading{margin-bottom:46px}.steps{gap:48px}.step{grid-template-columns:22px minmax(0,1fr);column-gap:12px}.step-number{font-size:11px;padding-top:8px}.step h2{font-size:28px;line-height:1.25;letter-spacing:-.05em;margin-bottom:14px}.step p{font-size:15px;line-height:1.8}.actions{gap:10px;margin-top:20px}.actions .button{font-size:12px;padding-inline:16px}.prompt-box{padding:18px;margin-block:22px;border-radius:12px;margin-left:-34px}.prompt-toolbar{gap:14px;font-size:12px;align-items:center}.copy-button{font-size:11px;min-height:36px;padding:8px 11px}.prompt-text{font-size:13px;line-height:1.9}.prompt-details .prompt-text{max-height:55svh}.prompt-download{font-size:11px}.prompt-details summary{font-size:13px}.reference{margin-block:21px}.character-pair{grid-template-columns:1fr;gap:0}.character-pair .reference-image{height:auto}.character-pair .reference:first-child{max-width:160px}.character-pair .reference:last-child .reference-image img{object-fit:contain;aspect-ratio:16/9}.character-pair .reference:first-child .reference-image img{height:220px;object-fit:cover}.reference-grid{gap:10px;margin-left:-34px}.reference-grid figcaption{font-size:10px;gap:4px;flex-wrap:wrap}.reference-grid figcaption a{padding:8px;margin:-8px}.image-expand{width:25px;height:25px;bottom:6px;right:6px}.image-expand svg{width:15px}.settings{gap:20px;margin-top:26px}.settings dd{font-size:13px}.settings dt{font-size:11px}.settings-image{margin-left:-34px}.mobile-result{display:block;margin:0 auto 50px;max-width:320px}.mobile-result video{max-height:490px;object-fit:contain;background:var(--surface)}.next-tutorial{margin-left:0;margin-top:64px}.next-tutorial strong{font-size:25px;gap:14px}.next-tutorial>span{font-size:12px}.image-dialog{padding:15px}.image-dialog>img{max-width:calc(94vw - 30px);max-height:82svh}.dialog-close{right:5px;top:5px}.not-found{min-height:60svh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.tutorial-link:hover,.tutorial-link:focus-visible,.button:hover,.preview-link:hover video{transform:none}}.site-header{justify-content:flex-end}.home{display:block}.home-editorial{max-width:980px}.home-preview,#nl-badge-frame{display:none!important}