@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Thai:wght@400;450;500;600;650;700;750&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Mali:wght@500;600;700&family=Noto+Sans+Thai+Looped:wght@400;500;600;700&display=swap";:root{font-family:Manrope,Noto Sans Thai,sans-serif;color:#233c33;background:#f8f9f5;font-synthesis:none;font-weight:400;--green:#173f32;--lime:#d8f3a9;--muted:#78847d;--border:#e4e9df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,select,input{outline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #5f9751}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button,a{transition:background .18s,color .18s,transform .18s}a:hover{color:#5b863d}.shell{max-width:1120px;margin:0 auto;padding:0 32px}.site-header{height:94px;border-bottom:1px solid #e8ece4;background:#f8f9f5}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1.1px;font-weight:800;color:var(--green)}.brand-icon{width:38px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--green);color:var(--lime)}.brand-dot{color:#78a854}.header-inner nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.nav-action{display:flex;gap:13px;align-items:center;border:1px solid #ced8c6;padding:11px 17px;border-radius:9px}.nav-action:hover{background:#eaf0e2}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:460px;padding-top:44px;padding-bottom:46px;gap:40px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.7px;font-weight:800;color:#55715b;margin-bottom:20px}.live-dot{height:7px;width:7px;border-radius:50%;background:#79a85b;box-shadow:0 0 0 4px #eaf0e3}.hero h1{font-size:60px;line-height:1.3;font-weight:750;letter-spacing:-2.5px;color:var(--green)}.headline-mark{position:relative;color:#68934b;white-space:nowrap}.headline-mark svg{position:absolute;bottom:-10px;width:100%;left:0;height:20px;fill:none;stroke:#c3db9b;stroke-width:6;stroke-linecap:round;z-index:-1}.hero-description{font-size:15px;line-height:1.95;color:#748077;margin-top:25px}.hero-features{display:flex;flex-wrap:wrap;gap:17px;margin-top:24px;font-size:10px;color:#647769}.hero-features span{display:flex;align-items:center;gap:4px}.hero-features svg{color:#6c9255}.hero-art{position:relative;min-height:326px;display:flex;align-items:center;justify-content:center;isolation:isolate}.orbit{position:absolute;border:1px dashed #d0dcc3;border-radius:50%;z-index:-2}.orbit-one{width:350px;height:350px;transform:rotate(-20deg) scaleY(.8)}.orbit-two{width:400px;height:270px;transform:rotate(36deg)}.hero-art:before{content:"";position:absolute;width:330px;height:280px;border-radius:50%;background:radial-gradient(#e7efd9,transparent 70%);z-index:-3}.art-card{width:295px;border:1px solid #fff;border-radius:15px;background:#fff;box-shadow:0 15px 50px #2f4e3220;transform:rotate(-5deg);padding:10px;z-index:1}.art-card-top{display:flex;align-items:center;gap:4px;padding:1px 3px 12px}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#d4ded0}.tiny-dot:first-child{background:#9fc47e}.art-filename{font-size:7px;color:#8e9a8e;margin-left:16px;letter-spacing:.3px}.art-video{position:relative;background:linear-gradient(135deg,#b9d1b3,#d9e6c5);height:160px;border-radius:9px;overflow:hidden}.sun{width:54px;height:54px;background:#f5edc0;border-radius:50%;position:absolute;left:56px;top:22px}.hill{position:absolute;width:310px;height:175px;border-radius:50%;transform:rotate(-23deg)}.hill-back{background:#8ba982;top:72px;left:50px}.hill-front{background:#426b54;top:108px;left:-63px;transform:rotate(10deg)}.art-play{position:absolute;top:48px;left:113px;width:49px;height:49px;border:1px solid #ffffff7a;background:#ffffff30;color:#fff;border-radius:50%;display:grid;place-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.art-play svg{margin-left:3px}.art-badge{position:absolute;top:11px;right:11px;font-size:8px;border:1px solid #ffffff70;color:#fff;border-radius:5px;padding:3px 6px}.art-timeline{position:absolute;left:14px;right:14px;bottom:14px;height:3px;background:#ffffff45;border-radius:5px}.art-timeline span{display:block;background:#d9f4b9;width:58%;height:100%;border-radius:5px}.art-card-bottom{display:flex;align-items:center;gap:9px;padding:14px 5px 5px}.art-file-icon{background:#edf3e7;color:#6b8952;display:grid;place-items:center;width:32px;height:35px;border-radius:8px}.art-card-bottom strong{font-size:9px;display:block;letter-spacing:-.2px}.art-card-bottom div>span{font-size:8px;display:block;color:#8a958b;margin-top:3px}.art-check{margin-left:auto;color:#6c984b;background:#edf4e6;width:23px;height:23px;border-radius:50%;display:grid;place-items:center}.floating-chip{position:absolute;display:flex;align-items:center;gap:8px;padding:11px 13px;background:#fff;border:1px solid #ebeee6;border-radius:10px;box-shadow:0 8px 20px #304e3210;font-size:9px;font-weight:800;letter-spacing:.9px;z-index:2}.youtube-chip{left:5px;top:33px;transform:rotate(-9deg);color:#57644d}.youtube-chip svg{color:#d46a53}.audio-chip{right:-3px;bottom:30px;transform:rotate(7deg);color:#365d42}.audio-chip svg{color:#7b9a51}.chip-plus{color:#95a18d;padding:0 3px}.art-download{position:absolute;right:26px;top:34px;background:var(--lime);border:5px solid #f8f9f5;width:62px;height:62px;display:grid;place-items:center;border-radius:20px;z-index:3;transform:rotate(13deg)}.art-spark{position:absolute;color:#7a9a55}.spark-one{left:46px;bottom:32px;font-size:28px}.spark-two{right:31px;bottom:106px;font-size:16px}.art-caption{position:absolute;bottom:-15px;font-size:9px;letter-spacing:.8px;color:#89977e}.workspace{position:relative}.download-panel{background:#fff;border:1px solid var(--border);border-radius:20px;padding:29px 32px 0;box-shadow:0 12px 35px #304e3206}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.section-kicker{display:block;font-size:9px;letter-spacing:1.6px;font-weight:800;color:#84917e;margin-bottom:8px}h2{font-size:25px;font-weight:650;letter-spacing:-.8px;line-height:1.5}.youtube-label{display:flex;align-items:center;gap:6px;background:#f8f9f6;border:1px solid #e9ede5;border-radius:6px;padding:7px 10px;font-size:9px;color:#727e70;font-weight:700}.youtube-label svg{color:#aa6255}.url-row{display:flex;gap:11px}.input-wrap{display:flex;align-items:center;gap:13px;padding:0 12px 0 17px;background:#f9faf7;border:1px solid #dce4d6;border-radius:10px;flex:1;min-width:0}.input-wrap>svg{color:#8b9c80}.input-wrap:focus-within{border-color:#83a66b;box-shadow:0 0 0 3px #e7f0df}.input-wrap input{min-width:0;flex:1;border:0;background:transparent;font-size:13px;height:59px;color:var(--green);outline:none}.input-wrap input::placeholder{color:#a0aa9b}.input-wrap input:focus-visible{outline:none}.paste-button{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #e1e7db;padding:7px 9px;border-radius:6px;font-size:10px;white-space:nowrap;color:#5f7356}.paste-button:hover{background:#edf4e4}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:9px;padding:15px 22px;background:var(--green);color:#fff;font-size:13px;font-weight:600;white-space:nowrap}.primary-button:hover:not(:disabled){background:#285640;transform:translateY(-1px)}.analyze-button{min-width:171px}.form-footnote{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#94a08d;margin:13px 0 22px}.form-footnote>span{display:flex;align-items:center;gap:5px}.mini-dot{width:3px;height:3px;border-radius:50%;background:#b2bea9;margin:0 3px}.responsible-note{font-size:10px;text-align:center;color:#98a08f;border-top:1px solid #edf0e8;padding:15px 0}.under-panel{display:flex;justify-content:center;gap:35px;font-size:10px;color:#87937c;padding:19px 0}.under-panel span{display:flex;align-items:center;gap:6px}.how-section{padding-top:61px;padding-bottom:61px}.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:27px}.hand-note{font-size:12px;display:flex;align-items:center;gap:9px;color:#8fa278;transform:rotate(-5deg)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:23px 25px 24px;border:1px solid #e2e7db;border-radius:13px;background:#f4f6ef}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.step-icon{width:45px;height:45px;background:#e9efdd;border-radius:12px;display:grid;place-items:center;color:#5d7d48}.step-number{font-size:30px;color:#d3ddc7;font-weight:500;letter-spacing:-1.5px}.step h3{font-size:16px;font-weight:650;margin-bottom:9px}.step p{font-size:12px;color:#85907e;line-height:1.9}.faq-section{display:grid;grid-template-columns:1fr 1.9fr;gap:65px;padding-top:47px;padding-bottom:75px;border-top:1px solid var(--border)}.faq-intro h2{font-size:31px;line-height:1.45;margin:15px 0}.faq-intro p{font-size:12px;color:#8c9785;line-height:1.9}.faq-decoration{width:48px;height:48px;border:1px solid #dbe4cf;border-radius:14px;display:grid;place-items:center;color:#93a479;margin-top:25px;transform:rotate(-12deg)}.faq-item{border-bottom:1px solid #e1e7db}.faq-item h3 button{display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;background:transparent;color:#40543b;width:100%;padding:20px 0;font-size:13px;font-weight:600}.faq-item h3 svg{color:#93a184;transition:transform .2s}.faq-item.open h3 svg{transform:rotate(180deg)}.faq-item p{font-size:12px;color:#85907c;line-height:2;padding:0 30px 22px 0}.site-footer{border-top:1px solid #e1e7d9;background:#f1f4ec}.footer-inner{display:flex;align-items:center;gap:28px;padding-top:28px;padding-bottom:24px}.footer-brand{font-size:21px}.footer-brand .brand-icon{width:31px;height:33px;border-radius:9px}.footer-inner p{font-size:10px;letter-spacing:.2px;color:#89947e}.footer-inner>span{margin-left:auto;font-size:10px;color:#88967a}.footer-dot{margin-left:7px;color:#8ca96b}.footer-bottom{padding-top:17px;padding-bottom:20px;border-top:1px solid #e1e7d9;display:flex;justify-content:space-between;color:#a0aa95;font-size:9px}.error-box{display:flex;align-items:flex-start;gap:10px;padding:15px 16px;margin:17px 0;background:#fff6ee;border:1px solid #eddacb;border-radius:9px;color:#985d39;font-size:12px;line-height:1.8}.error-box>svg{margin-top:2px}.error-box>span{flex:1}.icon-button{display:grid;place-items:center;padding:5px;color:#91a086;background:transparent;border-radius:6px}.icon-button:hover{background:#edf1e7;color:#3a5435}.error-box .icon-button{color:#ad846b}.inline-notice{font-size:12px;color:#9b773e;margin:12px 0}.analyzing-state{display:flex;align-items:center;gap:15px;padding:25px 18px;margin-bottom:20px;background:#f5f8f0;border:1px solid #e4ebdc;border-radius:12px}.analyzing-state strong{font-size:13px}.analyzing-state p{font-size:11px;color:#8d9982;margin-top:5px;line-height:1.7}.analyzing-state>svg{margin-left:auto;color:#7f9c65}.analyze-orb{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;background:#e8efdd;border-radius:15px;color:#759852}.video-result{border-top:1px solid #edf0e8;padding-top:24px;margin-bottom:20px;animation:appear .25s ease-out}.video-info{display:flex;gap:20px;align-items:center;margin-bottom:22px}.thumbnail{position:relative;flex:0 0 184px;height:104px;background:#e9ede4;border-radius:9px;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail>span{position:absolute;right:7px;bottom:7px;background:#000a;color:#fff;font-size:10px;padding:2px 5px;border-radius:4px}.found-label{font-size:9px;color:#74964e;display:flex;align-items:center;gap:5px;letter-spacing:.2px}.video-description{min-width:0}.video-description h3{font-size:16px;line-height:1.6;font-weight:650;margin:5px 0;overflow-wrap:anywhere}.video-description p{font-size:11px;color:#89937f}.video-description>a{font-size:9px;display:inline-flex;align-items:center;gap:5px;color:#97a28d;margin-top:10px}.format-options{background:#f7f9f3;border:1px solid #e7ecdf;border-radius:11px;padding:16px}.format-tabs{display:flex;gap:7px;margin-bottom:17px}.format-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;background:transparent;color:#8b9980;border:1px solid transparent;border-radius:7px;font-size:12px}.format-tabs button span{font-size:9px;opacity:.7}.format-tabs .selected{background:#fff;color:#456b35;border-color:#dce6d1;box-shadow:0 2px 4px #1f3d2105}.download-options{display:flex;gap:15px;align-items:stretch}.quality-select{flex:1;border:1px solid #dfe7d6;border-radius:8px;background:#fff;padding:7px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#94a087}.quality-select>div{display:flex;align-items:center;position:relative;color:#446134}.quality-select select{appearance:none;cursor:pointer;border:0;background:transparent;color:#446134;font-weight:600;padding:8px 22px 8px 8px;min-width:135px}.quality-select div>svg{position:absolute;right:0;pointer-events:none}.quality-select>strong{font-size:12px;color:#446134}.quality-note{font-size:10px;color:#97a18e;margin-top:11px;line-height:1.8}.downloads-section{padding-top:36px}.downloads-section h2{font-size:22px}.count-badge{font-size:11px;padding:3px 8px;border-radius:5px;background:#e9efdf;color:#7c9164;margin-left:7px;vertical-align:middle}.text-button{background:transparent;color:#8e9a82;font-size:10px;text-decoration:underline;text-underline-offset:3px}.jobs-list{display:flex;flex-direction:column;gap:10px}.job-card{display:flex;align-items:flex-start;gap:15px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:19px 20px;animation:appear .25s ease-out}.job-file-icon{display:grid;place-items:center;width:42px;height:47px;background:#eef3e7;color:#78965e;border-radius:10px;flex-shrink:0}.job-file-icon.mp3{background:#f4efe5;color:#aa9569}.job-body{min-width:0;flex:1}.job-body h3{font-size:12px;font-weight:600;overflow-wrap:anywhere;line-height:1.6;margin-bottom:5px}.job-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:9px;color:#96a08c}.job-status{display:flex;align-items:center;gap:4px;color:#809567}.job-status.ready{color:#629044}.job-status.failed{color:#b87a56}.job-status.expired,.job-status.cancelled{color:#a8afa1}.job-action{align-self:center}.save-button{display:flex;align-items:center;gap:7px;font-size:11px;background:#e9f4dc;color:#4d7136;padding:10px 13px;border-radius:7px;white-space:nowrap}.save-button:hover{background:#d9edc1;color:#38572a}.progress-track{margin-top:13px;width:100%;height:4px;background:#edf1e6;overflow:hidden;border-radius:8px}.progress-track>span{display:block;height:100%;background:#98bc71;border-radius:8px;transition:width .3s}.progress-track.indeterminate>span{animation:progress 1.8s ease-in-out infinite}.progress-details{display:flex;justify-content:space-between;font-size:8px;color:#a1aa96;margin-top:6px;gap:8px}.job-error{font-size:11px;color:#b27b54;line-height:1.8;margin-top:8px}.job-expiry{font-size:9px;color:#a3ac98;margin-top:6px}.spin{animation:spin 1s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(380%)}}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1300px){.hero{min-height:485px;padding-top:55px;padding-bottom:55px}.hero h1{font-size:65px}}@media(max-width:900px){.shell{padding-left:26px;padding-right:26px}.hero{gap:10px}.hero h1{font-size:49px;letter-spacing:-1.8px}.hero-art{transform:scale(.88);transform-origin:center right}.hero-features{gap:10px;font-size:9px}.hero-description{font-size:13px}.download-panel{padding-left:24px;padding-right:24px}.faq-section{gap:38px}.steps-grid{gap:12px}.step{padding:20px}.header-inner nav{gap:23px}}@media(max-width:650px){.shell{padding-left:20px;padding-right:20px}.site-header{height:75px}.brand{font-size:22px}.brand-icon{width:33px;height:35px;border-radius:10px}.header-inner nav>a:not(.nav-action){display:none}.nav-action{padding:9px 12px;font-size:10px}.hero{grid-template-columns:1fr;gap:0;padding-top:36px;padding-bottom:21px;min-height:0}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:8px;margin-bottom:17px}.hero h1{font-size:48px;line-height:1.3;letter-spacing:-1.7px}.hero-description{font-size:12px;margin-top:22px;line-height:1.9}.hero-features{justify-content:center;margin-top:18px;gap:13px;font-size:8px}.hero-art{min-height:265px;max-width:390px;width:100%;margin:6px auto -22px;transform:scale(.8);transform-origin:center}.art-caption{bottom:-8px}.hero-art .youtube-chip{left:-2px}.hero-art .audio-chip{right:-8px}.download-panel{padding:22px 18px 0;border-radius:15px}.panel-heading{margin-bottom:18px;gap:12px}h2{font-size:20px}.section-kicker{font-size:8px;letter-spacing:1.1px}.youtube-label{font-size:7px;padding:5px 6px;gap:4px}.youtube-label svg{width:14px}.url-row{flex-direction:column;gap:10px}.input-wrap{gap:9px;padding-left:12px}.input-wrap input{height:54px;font-size:11px}.input-wrap>svg{width:18px}.paste-button{padding:7px}.paste-button span{display:none}.primary-button{padding:14px 16px;font-size:12px}.form-footnote{flex-direction:column;gap:8px;margin:13px 0 16px;font-size:8px}.responsible-note{font-size:8px;line-height:1.8;padding:12px 0}.under-panel{gap:11px;flex-wrap:wrap;padding-top:15px;font-size:8px}.under-panel svg{width:12px}.how-section{padding-top:41px;padding-bottom:39px}.section-title-row{margin-bottom:20px}.hand-note{display:none}.steps-grid{grid-template-columns:1fr;gap:10px}.step{position:relative;padding:20px 18px 20px 83px;min-height:107px}.step-top{position:absolute;left:17px;top:22px;margin:0}.step-icon{width:43px;height:43px}.step-number{position:absolute;left:12px;top:47px;font-size:14px;color:#b1c19e;letter-spacing:0}.step h3{font-size:14px;margin-bottom:5px}.step p{font-size:11px;line-height:1.8}.faq-section{grid-template-columns:1fr;gap:23px;margin:0 20px;padding:32px 0 44px}.faq-intro h2{font-size:26px;margin:8px 0}.faq-intro h2 br{display:none}.faq-intro p{font-size:11px}.faq-intro p br,.faq-decoration{display:none}.faq-item h3 button{font-size:12px;padding:18px 0}.faq-item p{font-size:11px}.footer-inner{gap:15px;flex-wrap:wrap;padding-top:25px;padding-bottom:20px}.footer-inner p{font-size:8px}.footer-inner>span{display:none}.footer-bottom{font-size:8px;gap:15px;line-height:1.8}.footer-bottom>span:first-child{white-space:nowrap}.video-info{gap:12px;align-items:flex-start}.thumbnail{flex-basis:110px;height:74px;margin-top:5px}.video-description h3{font-size:12px}.found-label{font-size:8px}.video-description p{font-size:9px}.video-description>a{font-size:8px;margin-top:6px}.format-options{padding:12px}.format-tabs{gap:4px}.format-tabs button{flex:1;padding:10px 5px;font-size:10px;gap:5px}.format-tabs button span{font-size:8px}.download-options{flex-direction:column;gap:10px}.quality-select{min-height:49px}.quality-note{font-size:9px}.downloads-section{padding-top:28px}.downloads-section h2{font-size:18px}.downloads-section .section-title-row{align-items:flex-end}.text-button{font-size:8px;max-width:80px;text-align:right}.job-card{gap:10px;padding:15px 12px;flex-wrap:wrap}.job-file-icon{width:31px;height:37px;border-radius:8px}.job-file-icon svg{width:19px}.job-body h3{font-size:11px}.job-meta{gap:7px;font-size:8px}.job-action{margin-left:auto}.save-button{padding:8px;font-size:9px}.save-button span{display:none}.job-error{font-size:10px}.job-expiry{font-size:8px}.progress-details{font-size:7px}.analyzing-state{padding:17px 12px;gap:10px}.analyzing-state p{font-size:9px}.analyzing-state strong{font-size:12px}.analyze-orb{width:35px;height:39px}.error-box{font-size:11px;padding:12px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.limits-note{display:inline-block;margin-top:4px;font-size:9px;color:#a1aa97}.platforms{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-3px 0 17px}.platforms>span{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#75856b;border:1px solid #e4eadc;background:#f8faf5;border-radius:20px;padding:6px 10px}.thumbnail{display:flex;align-items:center;justify-content:center;color:#99aa8b}.thumbnail img{position:absolute;inset:0}.thumbnail>span{z-index:1}@media(max-width:650px){.platforms{gap:6px;margin-bottom:15px}.platforms>span{font-size:8px;padding:5px 7px}.platforms svg{width:12px}.youtube-label{max-width:120px;line-height:1.5}}.nav-convert{display:inline-flex;align-items:center;gap:7px;color:#557e3b}.converter-page{min-height:100vh;background:#f8f9f5}.converter-page .converter-nav{gap:24px;font-size:12px}.converter-nav a{display:flex;align-items:center;gap:7px}.converter-active{background:#e9f0df;border:1px solid #d9e4ca;padding:10px 15px;border-radius:8px;color:#507039}.converter-nav .back-downloader{color:#8a9581}.convert-hero{text-align:center;padding-top:54px;padding-bottom:34px}.convert-hero .eyebrow{justify-content:center;font-size:9px;margin-bottom:17px}.convert-hero h1{font-size:43px;line-height:1.55;font-weight:700;letter-spacing:-1.5px;color:#1e4432}.convert-hero h1>span:first-child{color:#6e954f}.convert-heading-dot{color:#a1bf74;margin-left:1px}.convert-hero>p{font-size:13px;color:#86917d;line-height:1.9;margin-top:13px}.file-journey{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:25px}.journey-file{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #e2e9da;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:800;color:#87987b;transform:rotate(-3deg)}.journey-file.destination{background:#eef5e5;border-color:#dbe8ca;color:#608448;transform:rotate(2deg)}.journey-arrow{color:#b2c19e;display:flex}.journey-divider{height:20px;width:1px;background:#e0e7d8;margin:0 11px}.convert-panel{background:#fff;border:1px solid #e0e7d8;border-radius:17px;box-shadow:0 12px 40px #2d492a06;padding:27px 29px 0}.convert-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.convert-panel-heading h2{font-size:24px}.convert-private{display:flex;align-items:center;gap:5px;font-size:9px;color:#8c9b80;border:1px solid #e5ebdd;border-radius:6px;background:#fafbf8;padding:6px 9px}.convert-filter{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:18px}.convert-filter button{display:flex;align-items:center;gap:6px;background:transparent;color:#92a084;font-size:10px;border:1px solid transparent;border-radius:7px;padding:7px 12px}.convert-filter .chosen{background:#edf4e4;border-color:#e0eacb;color:#52763e}.convert-filter button:hover:not(:disabled){background:#f3f6ef;color:#52763e}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:16px;min-height:305px;border:1.5px dashed #c8d9b7;background:linear-gradient(135deg,#f9fcf6,#f4f8ed);border-radius:12px;transition:background .2s,border-color .2s}.dropzone.dragging{background:#e6f2d6;border-color:#759d51;box-shadow:inset 0 0 0 3px #e0efcd}.upload-emblem{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#e6f0d8;color:#74994e;transform:rotate(-6deg);border:1px solid #dce9cb}.upload-emblem>svg{transform:rotate(6deg)}.upload-spark{position:absolute;right:-10px;top:-7px;font-size:21px;color:#a0bb79}.dropzone-copy{text-align:center}.dropzone h3{font-size:18px;font-weight:600;color:#526c42;letter-spacing:-.3px}.dropzone p{font-size:11px;color:#99a48e;margin-top:6px}.dropzone .primary-button{padding:12px 22px;font-size:12px;gap:10px}.dropzone .primary-button svg:last-child{border-left:1px solid #ffffff30;box-sizing:content-box;padding-left:9px;margin-left:2px}.dropzone-limit{font-size:9px;color:#9fa994;margin-top:-5px}.dropzone.compact{min-height:99px;flex-direction:row;justify-content:flex-start;gap:15px;padding:18px 22px}.compact .upload-emblem{width:43px;height:43px;border-radius:13px;flex-shrink:0}.compact .upload-spark{font-size:15px;right:-7px;top:-5px}.compact .dropzone-copy{text-align:left}.compact h3{font-size:13px}.compact p{font-size:9px}.compact .primary-button{margin-left:auto;padding:10px 14px;font-size:10px}.convert-panel-footer{display:flex;align-items:center;justify-content:center;gap:26px;color:#9aa58e;font-size:9px;margin-top:22px;padding:17px 0;border-top:1px solid #edf1e6}.convert-panel-footer span{display:flex;align-items:center;gap:5px}.convert-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 0 14px}.convert-list-toolbar>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#7b8c6c;font-weight:600}.convert-list-toolbar>div{display:flex;align-items:center;gap:18px}.convert-list-toolbar label{display:flex;align-items:center;gap:7px;font-size:10px;color:#97a18b}.convert-list-toolbar select{padding:6px 8px;border:1px solid #e2e8d9;background:#fafcf6;border-radius:5px;color:#70895c;font-size:10px}.convert-file-list{display:flex;flex-direction:column;gap:9px}.convert-file-row{border:1px solid #e4eadd;border-radius:10px;padding:17px 16px;background:#fdfefc}.convert-row-main{display:flex;align-items:center;gap:13px}.convert-file-icon{width:40px;height:44px;display:grid;place-items:center;border-radius:10px;color:#749c57;background:#eef4e5;flex-shrink:0}.convert-file-icon.type-video{background:#eaf0f1;color:#7194a0}.convert-file-icon.type-audio{background:#f3eddf;color:#aa9464}.convert-file-icon.type-pdf{background:#f7ede8;color:#bb8a74}.convert-file-icon.type-office{background:#e9eef6;color:#7e97b4}.convert-file-name{flex:1;min-width:0}.convert-file-name h3{font-size:12px;font-weight:600;color:#49603d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convert-file-name p{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:9px;color:#9ca78f}.convert-file-name p span{color:#c0c9b7}.convert-target{display:flex;align-items:center;position:relative;gap:12px;flex-shrink:0}.convert-target>svg:first-child{color:#bdcbb1}.convert-target select{appearance:none;border:1px solid #dfe8d3;background:#f4f8ed;color:#67864d;border-radius:6px;padding:8px 25px 8px 10px;font-size:11px;font-weight:700;min-width:78px}.convert-target select:disabled{opacity:.8;color:#899d76;cursor:default}.convert-target>svg:last-child{position:absolute;right:8px;color:#96ab80;pointer-events:none}.convert-status{display:flex;align-items:center;justify-content:center;gap:4px;min-width:92px;font-size:9px;color:#91a17f}.convert-status.status-ready{color:#6b9447}.convert-status.status-failed{color:#ba8765}.convert-status.status-expired,.convert-status.status-cancelled{color:#b0b8a5}.convert-row-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end;min-width:55px}.convert-row-actions .icon-button{color:#a5b296}.convert-row-actions .icon-button.toggled{color:#6b8d4d;background:#edf4e2}.convert-row-actions .save-button{font-size:10px;padding:8px 10px;gap:5px}.convert-progress{margin:14px 0 0 53px}.convert-progress .progress-track{height:4px;margin-top:0}.convert-progress>div:last-child{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#a0ad92;margin-top:6px}.convert-file-error{display:flex;align-items:flex-start;gap:5px;font-size:10px;color:#b48864;line-height:1.7;margin-top:11px;margin-left:53px}.convert-file-error svg{margin-top:2px}.convert-file-result{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:8px;color:#9bad88;margin-top:10px;margin-left:53px;overflow-wrap:anywhere}.convert-file-result>span{margin-left:auto;color:#adb8a1}.convert-settings{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:16px 0 0 53px;margin-top:14px;border-top:1px solid #edf1e6}.convert-settings label{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#91a17f}.convert-settings select{background:#fff;border:1px solid #dfe8d5;border-radius:6px;color:#738c5c;padding:8px 10px;min-width:132px;font-size:10px}.convert-settings p{width:100%;font-size:9px;line-height:1.8;color:#a2ad97}.convert-bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0 2px}.convert-bottom-actions>div{display:flex;align-items:center;gap:12px}.convert-bottom-actions>div:first-child{display:block}.convert-ready-count{display:flex;align-items:center;gap:6px;font-size:10px;color:#89a070}.convert-bottom-actions p{font-size:9px;color:#acb79f;margin-top:5px}.convert-start{padding:13px 20px;font-size:12px;min-width:155px}.convert-bundle{display:flex;align-items:center;gap:6px;font-size:11px;color:#748f59;border:1px solid #dce7d0;border-radius:8px;padding:12px 14px;background:#f8fbf4}.convert-bundle:hover{background:#eaf4df;color:#557a3c}.format-section{padding-top:50px;padding-bottom:44px}.format-section h2{font-size:24px}.convert-pairs{font-size:10px;color:#99a58b;display:flex;align-items:center;background:#edf2e5;border:1px solid #e4ebd9;border-radius:7px;padding:8px 10px}.format-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.format-card{text-align:left;background:#f3f6ed;border:1px solid #e1e8d7;border-radius:11px;padding:20px 17px;color:inherit}.format-card:hover:not(:disabled),.format-card.selected{background:#eaf2df;border-color:#c6d9af;transform:translateY(-2px)}.format-card-icon{display:grid;place-items:center;width:42px;height:45px;border-radius:11px;background:#e6edda;color:#7c985c;margin-bottom:16px}.format-card.type-video .format-card-icon{background:#e1ebea;color:#72958d}.format-card.type-audio .format-card-icon{background:#eee7d7;color:#ab966a}.format-card.type-pdf .format-card-icon{background:#efe3d9;color:#b08c6d}.format-card.type-office .format-card-icon{background:#e0e8ec;color:#819bad}.format-card h3{font-size:14px;font-weight:600;margin-bottom:6px}.format-card p{font-size:9px;line-height:1.8;color:#9aa88b;min-height:33px}.format-card>span:last-child{display:flex;align-items:center;gap:6px;color:#8ca773;font-size:9px;margin-top:17px}.convert-info{display:grid;grid-template-columns:1fr 2.3fr;gap:40px;padding-top:34px;padding-bottom:57px;border-top:1px solid #e1e7d8}.convert-info-heading h2{font-size:25px;line-height:1.6}.convert-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.convert-info-grid article>span{display:block;color:#97aa7f;margin-bottom:12px}.convert-info-grid h3{font-size:12px;font-weight:600;color:#627a50;margin-bottom:8px}.convert-info-grid p{font-size:10px;color:#9ba78c;line-height:1.95}.converter-footer-link{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:10px;color:#92a17e}.converter-page .footer-brand{font-size:21px}.convert-format-hint{font-size:9px;color:#a3ad96;margin:10px 0 0 53px;line-height:1.8}@media(max-width:950px){.convert-hero h1{font-size:36px}.convert-status{min-width:75px}.convert-row-main{gap:10px}.format-grid{gap:9px}.format-card{padding:17px 12px}.format-card h3{font-size:12px}.convert-info{gap:25px;grid-template-columns:1fr 2fr}.convert-info-grid{gap:16px}.convert-info-heading h2{font-size:21px}.convert-bundle{font-size:10px;padding:12px 10px}}@media(max-width:650px){.header-inner nav>a.nav-convert{display:flex}.header-inner nav .nav-action{display:none}.converter-page .brand{font-size:20px}.converter-page .brand-icon{width:31px;height:34px}.converter-page .converter-nav{gap:10px;font-size:9px}.converter-page .converter-nav a{display:flex!important;gap:4px}.converter-nav .converter-active{padding:8px 9px}.converter-nav .back-downloader{font-size:8px}.converter-nav .back-downloader svg{display:none}.convert-hero{padding-top:36px;padding-bottom:27px}.convert-hero h1{font-size:28px;line-height:1.6;letter-spacing:-1px}.convert-hero h1>span:first-child{display:block}.convert-heading-dot{display:none}.convert-hero>p{font-size:11px;line-height:1.9;margin-top:13px}.convert-hero .eyebrow{font-size:7px;letter-spacing:1.3px}.file-journey{gap:7px;flex-wrap:wrap;max-width:340px;margin:21px auto 0}.journey-file{font-size:8px;padding:7px 9px;gap:5px}.journey-file svg{width:13px}.journey-divider{margin:0 5px}.file-journey>span:nth-child(n+8){display:none}.convert-panel{padding:21px 15px 0;border-radius:13px}.convert-panel-heading{gap:7px;margin-bottom:15px}.convert-panel-heading h2{font-size:19px}.convert-panel-heading .section-kicker{font-size:7px;letter-spacing:.9px}.convert-private{font-size:7px;padding:5px;gap:3px}.convert-private svg{width:10px}.convert-filter{gap:3px;margin-bottom:15px}.convert-filter button{font-size:8px;padding:6px 7px;gap:4px}.convert-filter button svg{width:12px}.dropzone{min-height:278px;gap:16px}.dropzone h3{font-size:17px}.dropzone p{font-size:10px}.dropzone-limit{font-size:8px}.dropzone.compact{gap:10px;padding:15px 12px;min-height:85px}.compact .upload-emblem{width:33px;height:36px;border-radius:11px}.compact .upload-emblem svg{width:21px}.compact h3{font-size:10px}.compact p{font-size:8px}.compact .primary-button{padding:9px 10px;font-size:9px;gap:3px}.compact .primary-button svg:last-child{display:none}.compact .primary-button svg{width:12px}.convert-panel-footer{flex-wrap:wrap;gap:9px 14px;padding:14px 0;font-size:7px;margin-top:17px}.convert-panel-footer svg{width:11px}.convert-list-toolbar{align-items:flex-start;gap:8px;padding-top:19px}.convert-list-toolbar>span{font-size:9px;white-space:nowrap;padding-top:5px}.convert-list-toolbar>div{gap:9px;flex-wrap:wrap;justify-content:flex-end}.convert-list-toolbar label{font-size:8px;gap:4px}.convert-list-toolbar select{font-size:9px;padding:5px}.convert-list-toolbar .text-button{font-size:8px}.convert-file-row{padding:13px 11px}.convert-row-main{flex-wrap:wrap;gap:9px}.convert-file-icon{width:31px;height:35px;border-radius:8px}.convert-file-icon svg{width:19px}.convert-file-name{min-width:180px;flex-basis:calc(100% - 42px)}.convert-file-name h3{font-size:10px}.convert-file-name p{font-size:8px;gap:5px}.convert-target{margin-left:40px;gap:8px}.convert-target select{font-size:9px;padding:7px 23px 7px 8px;min-width:70px}.convert-target>svg:first-child{display:none}.convert-status{font-size:8px;min-width:0;flex:1;justify-content:flex-end;gap:3px}.convert-row-actions{gap:2px;min-width:0}.convert-row-actions .icon-button{padding:4px}.convert-row-actions .icon-button svg{width:14px}.convert-row-actions .save-button{padding:7px}.convert-row-actions .save-button span{display:none}.convert-progress,.convert-file-error,.convert-file-result{margin-left:40px}.convert-file-result{font-size:7px;line-height:1.7}.convert-file-result>span{margin-left:0;width:100%}.convert-file-error{font-size:9px}.convert-format-hint{margin-left:40px;font-size:8px}.convert-settings{padding-left:0;gap:10px}.convert-settings label{font-size:8px;flex:1}.convert-settings select{min-width:100px;font-size:9px;padding:7px}.convert-settings p{font-size:8px}.convert-bottom-actions{flex-direction:column;align-items:stretch;gap:15px;padding-top:20px}.convert-bottom-actions>div:last-child{justify-content:flex-end}.convert-bottom-actions>div:first-child{text-align:center}.convert-ready-count{justify-content:center;font-size:9px}.convert-bottom-actions p{font-size:8px}.convert-start{flex:1;min-width:0;font-size:11px;padding:12px 14px;gap:8px}.convert-bundle{font-size:9px;padding:12px 10px;gap:5px}.convert-bundle svg{width:14px}.format-section{padding-top:36px;padding-bottom:29px}.format-section h2{font-size:19px}.convert-pairs{font-size:7px;padding:6px;max-width:80px;text-align:center;line-height:1.6}.format-grid{grid-template-columns:repeat(2,1fr);gap:10px}.format-card{padding:17px 14px}.format-card-icon{width:36px;height:39px;margin-bottom:12px}.format-card-icon svg{width:21px}.format-card h3{font-size:13px}.format-card p{font-size:9px;min-height:0}.format-card>span:last-child{margin-top:12px;font-size:8px}.format-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:0 10px}.format-card:last-child .format-card-icon{grid-row:1/3;margin:0}.format-card:last-child h3{margin:0}.format-card:last-child p{grid-column:2}.format-card:last-child>span:last-child{grid-column:3;grid-row:1/3;margin:0}.convert-info{grid-template-columns:1fr;gap:23px;margin:0 20px;padding:28px 0 39px}.convert-info-heading h2{font-size:23px}.convert-info-heading h2 br{display:none}.convert-info-grid{grid-template-columns:1fr;gap:21px}.convert-info-grid article{position:relative;padding-left:35px}.convert-info-grid article>span{position:absolute;left:0;top:2px}.convert-info-grid h3{font-size:11px;margin-bottom:5px}.convert-info-grid p{font-size:10px}.converter-footer-link{font-size:8px;margin-left:0}.converter-page .footer-inner{justify-content:space-between;gap:10px}.converter-page .footer-inner>p{display:none}.converter-page .footer-brand{font-size:18px}.converter-page .footer-bottom{font-size:7px}}:root{--ink:#3d2c4f;--ink-soft:#7a6b8a;--cream:#fff8f0;--pink:#ff8fab;--pink-soft:#ffe0e9;--mint:#c9f2dc;--mint-deep:#6fcf9f;--butter:#fff0b3;--lilac:#e6dcff;--sky:#d6ecff;--peach:#ffe2cc;--spring:cubic-bezier(.34,1.56,.64,1);--font-display:"Fredoka","Mali","Noto Sans Thai Looped",sans-serif;font-family:Noto Sans Thai Looped,Fredoka,sans-serif;color:var(--ink);background:var(--cream)}html,body{overflow-x:clip}body{background:var(--cream);color:var(--ink)}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(#f0d9c8 1.4px,transparent 1.6px) 0 0/26px 26px,var(--cream);opacity:.65}body:after{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(420px 320px at 8% 12%,#ffd9e4aa,transparent 70%),radial-gradient(460px 360px at 92% 24%,#d6ecffaa,transparent 70%),radial-gradient(520px 380px at 70% 92%,#c9f2dcaa,transparent 70%),radial-gradient(380px 300px at 12% 80%,#fff0b3aa,transparent 70%);animation:drift 22s ease-in-out infinite alternate}@keyframes drift{to{transform:translate3d(2%,-2%,0) scale(1.06)}}.converter-page{background:transparent}::selection{background:var(--pink);color:#fff}a:hover{color:#e0557b}:focus-visible{outline:3px dashed var(--pink)!important;outline-offset:4px}h1,h2,h3,.brand,.section-kicker,.eyebrow{font-family:var(--font-display)}.hero h1,.convert-hero h1{color:var(--ink);letter-spacing:0;font-weight:700}.hero h1{font-size:58px}.headline-mark{color:#ff5f8a}.headline-mark svg{stroke:var(--butter);stroke-width:9;z-index:-1}.convert-hero h1>span:first-child{color:#ff5f8a}.convert-heading-dot,.brand-dot{color:var(--pink)}.hero-description,.convert-hero>p{color:var(--ink-soft);font-size:15px}.section-kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;width:fit-content;background:var(--lilac);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:5px 13px;font-size:10.5px;letter-spacing:1.2px;font-weight:600}.convert-hero .eyebrow{margin-left:auto;margin-right:auto}.live-dot{background:var(--pink);box-shadow:0 0 0 4px #ffd0dd;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.5)}}h2{font-family:var(--font-display);color:var(--ink);font-weight:700}.site-header{position:sticky;top:0;z-index:20;height:80px;background:#fff8f0d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px dashed #e9cdbb}.brand{color:var(--ink);letter-spacing:-.4px}.brand-icon{background:var(--pink);color:#fff;border:2.5px solid var(--ink);border-radius:14px;box-shadow:3px 3px 0 var(--ink);transition:transform .4s var(--spring)}.brand:hover .brand-icon{transform:rotate(-12deg) scale(1.12)}.brand-light{font-weight:500}.header-inner nav a{font-weight:600;position:relative}.header-inner nav a:not(.nav-action):after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:4px;border-radius:4px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--spring)}.header-inner nav a:not(.nav-action):hover:after{transform:scaleX(1)}.nav-action,.converter-active{background:var(--butter);color:var(--ink);border:2.5px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink)}.nav-action:hover,.converter-active{background:var(--butter);color:var(--ink)}.primary-button,.analyze-button,.save-button,.convert-start,.paste-button,.convert-bundle,.nav-action{transform:translate(var(--tx,0px),var(--ty,0px));transition:transform .45s var(--spring),box-shadow .2s,background .2s}.primary-button,.analyze-button,.save-button,.convert-start,.convert-bundle{background:var(--pink)!important;color:var(--ink)!important;border:2.5px solid var(--ink)!important;border-radius:999px!important;font-weight:700;font-family:var(--font-display);box-shadow:0 5px 0 var(--ink)}.primary-button:hover:not(:disabled),.analyze-button:hover:not(:disabled),.save-button:hover:not(:disabled),.convert-start:hover:not(:disabled),.convert-bundle:hover:not(:disabled),.nav-action:hover{transform:translate(var(--tx,0px),calc(var(--ty,0px) - 3px)) scale(1.05) rotate(-1.2deg);box-shadow:0 8px 0 var(--ink)}.primary-button:active:not(:disabled),.analyze-button:active:not(:disabled),.save-button:active:not(:disabled),.convert-start:active:not(:disabled),.convert-bundle:active:not(:disabled),.nav-action:active{transform:translate(var(--tx,0px),calc(var(--ty,0px) + 4px)) scale(1.06,.9);box-shadow:0 1px 0 var(--ink);transition-duration:.08s}.paste-button,.text-button,.icon-button{color:var(--ink);border-radius:999px}.paste-button{background:var(--sky);border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink)}.paste-button:hover{transform:translateY(-2px) rotate(1.5deg)}.paste-button:active{transform:translateY(3px) scale(1.05,.92);box-shadow:0 1px 0 var(--ink)}.text-button:hover{color:#e0557b}button:disabled{opacity:.55;filter:saturate(.6)}.download-panel,.job-card,.step,.faq-item,.convert-panel,.format-card,.video-result,.convert-file-row,.dropzone,.convert-settings{background:#fff;border:2.5px solid var(--ink)!important;border-radius:26px!important;box-shadow:6px 6px 0 var(--ink)!important}.download-panel{background:linear-gradient(#fff,#fff) padding-box;padding-top:30px;position:relative}.download-panel:before{content:"";position:absolute;top:-16px;right:36px;width:84px;height:26px;background:repeating-linear-gradient(135deg,var(--butter) 0 8px,#ffe58a 8px 16px);border:2px solid var(--ink);transform:rotate(4deg);border-radius:4px;opacity:.95}.step,.format-card,.job-card,.faq-item{transition:transform .45s var(--spring),box-shadow .25s}.step:hover,.format-card:hover{transform:translateY(-6px) rotate(-1.4deg);box-shadow:9px 11px 0 var(--ink)!important}.step:nth-child(3n+1){background:var(--pink-soft)}.step:nth-child(3n+2){background:var(--sky)}.step:nth-child(3n){background:var(--mint)}.step-icon{background:#fff!important;border:2.5px solid var(--ink);border-radius:50%!important;color:var(--ink)!important}.step-number{font-family:var(--font-display);color:var(--ink)!important;opacity:.35}.faq-item.open{background:var(--butter)}.video-result{background:var(--pink-soft)!important}.thumbnail{border:2.5px solid var(--ink);border-radius:18px!important;overflow:hidden}.dropzone{border-style:dashed!important;background:var(--sky)!important;transition:transform .4s var(--spring),background .2s}.dropzone.dragging{background:var(--pink-soft)!important;transform:scale(1.025) rotate(-.6deg)}.upload-emblem{background:#fff!important;border:2.5px solid var(--ink);border-radius:50%!important;color:var(--ink)!important;animation:bob 3s ease-in-out infinite}.convert-filter button,.format-tabs button,.platforms>span,.journey-file,.under-panel>span,.hero-features span,.count-badge,.convert-private,.youtube-label{border:2px solid var(--ink)!important;border-radius:999px!important;background:#fff;color:var(--ink)!important;font-weight:600}.platforms>span:nth-child(4n+1){background:var(--pink-soft)}.platforms>span:nth-child(4n+2){background:var(--butter)}.platforms>span:nth-child(4n+3){background:var(--mint)}.platforms>span:nth-child(4n){background:var(--lilac)}.convert-filter button,.format-tabs button{transition:transform .35s var(--spring)}.convert-filter button:hover,.format-tabs button:hover{transform:translateY(-3px) rotate(-2deg)}.convert-filter .chosen,.format-tabs .selected,.format-options .selected,.quality-select .selected{background:var(--pink)!important}.journey-file.destination{background:var(--mint)!important}input[type=text],input[type=url],input:not([type]),select{border:2.5px solid var(--ink)!important;border-radius:999px!important;background:#fff!important;color:var(--ink)}.input-wrap{border:2.5px solid var(--ink)!important;border-radius:999px!important;background:#fff!important;box-shadow:0 4px 0 var(--ink)!important;transition:transform .35s var(--spring)}.input-wrap:focus-within{transform:translateY(-2px) scale(1.01);background:var(--butter)!important}.input-wrap input{border:0!important;box-shadow:none!important;background:transparent!important}.progress-track{background:#fff!important;border:2.5px solid var(--ink);border-radius:999px!important;overflow:hidden;height:14px}.progress-track>span,.progress-track>div,.progress-track i{background:repeating-linear-gradient(-45deg,var(--pink) 0 10px,#ff7599 10px 20px)!important;background-size:28px 28px;animation:stripes 1s linear infinite}@keyframes stripes{to{background-position:28px 0}}.error-box{background:#ffe3e3;border:2.5px solid var(--ink);border-radius:20px;color:var(--ink)}.inline-notice{color:var(--ink-soft)}.job-status.ready,.status-ready{background:var(--mint)!important;color:var(--ink)!important}.job-status.failed,.status-failed{background:#ffd2d2!important;color:var(--ink)!important}.hero-art:before{background:radial-gradient(var(--pink-soft),transparent 70%)}.orbit{border:2px dashed #d9bfae;animation:spin 40s linear infinite}.orbit-two{animation-direction:reverse;animation-duration:55s}@keyframes spin{to{rotate:360deg}}.floating-chip{background:#fff!important;color:var(--ink)!important;border:2.5px solid var(--ink)!important;border-radius:999px!important;box-shadow:4px 4px 0 var(--ink)!important;font-family:var(--font-display);font-weight:600;animation:bob 4s ease-in-out infinite}.audio-chip{background:var(--butter)!important;animation-delay:-1.6s}.art-spark{color:var(--pink)!important;font-size:30px;animation:twinkle 2.4s ease-in-out infinite;translate:calc(var(--px,0)*14px) calc(var(--py,0)*14px)}.spark-two{color:#ffc43d!important;animation-delay:-1.2s}@keyframes twinkle{50%{transform:scale(.55) rotate(40deg);opacity:.6}}.art-download{background:var(--mint-deep)!important;color:#fff!important;border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);animation:bob 2.6s ease-in-out infinite}.art-caption{font-family:"Mali",var(--font-display);color:var(--ink-soft)!important}@keyframes bob{50%{transform:translateY(-10px)}}.mascot{--mx:0;--my:0;width:290px;max-width:78vw;position:relative;z-index:2;cursor:pointer;transition:transform .5s var(--spring)}.mascot:hover{transform:scale(1.07) rotate(-3deg)}.mascot:active{transform:scale(1.08,.9)}.mascot svg{width:100%;height:auto;overflow:visible;display:block}.m-shadow{fill:#3d2c4f26;transform-box:fill-box;transform-origin:center;animation:shadow 3.2s ease-in-out infinite}@keyframes shadow{50%{transform:scale(.8);opacity:.6}}.m-bob{animation:float 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}@keyframes float{50%{transform:translateY(-12px) scale(1.015,.985)}}.m-antenna{transform-box:fill-box;transform-origin:50% 100%;animation:sway 2.6s ease-in-out infinite}@keyframes sway{50%{transform:rotate(14deg)}}.m-arm{transform-box:fill-box;transform-origin:50% 100%}.m-arm-r{animation:wave 3.6s ease-in-out infinite}@keyframes wave{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-18deg)}80%{transform:rotate(10deg)}90%{transform:rotate(-14deg)}}.m-eye{transform-box:fill-box;transform-origin:center;animation:blink 5s infinite}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.08)}}.m-pupil{transform:translate(calc(var(--mx)*6px),calc(var(--my)*5px));transition:transform .12s ease-out}.mood-busy .m-bob{animation:jiggle .5s ease-in-out infinite}@keyframes jiggle{25%{transform:translate(-4px) rotate(-2deg)}75%{transform:translate(4px) rotate(2deg)}}.mood-busy .m-arm-l,.mood-busy .m-arm-r{animation:wave .5s ease-in-out infinite}.mood-happy .m-bob{animation:hop 1s var(--spring) infinite}@keyframes hop{50%{transform:translateY(-22px) scale(.97,1.04)}}.mood-happy .m-arm-l,.mood-happy .m-arm-r{animation:wave 1s ease-in-out infinite}.m-sweat{position:absolute;right:14%;top:8%;font-family:var(--font-display);font-size:34px;font-weight:700;color:var(--ink);animation:bob 1s ease-in-out infinite}.m-hearts{position:absolute;inset:0;pointer-events:none}.m-hearts i{position:absolute;font-style:normal;font-size:22px;color:var(--pink);animation:rise 2s ease-out infinite}.m-hearts i:nth-child(1){left:8%;top:30%}.m-hearts i:nth-child(2){left:50%;top:0;color:#ffc43d;animation-delay:.6s}.m-hearts i:nth-child(3){right:6%;top:28%;animation-delay:1.2s}@keyframes rise{0%{transform:translateY(20px) scale(.4);opacity:0}30%{opacity:1}to{transform:translateY(-46px) scale(1.2) rotate(14deg);opacity:0}}.mascot-small{width:120px;margin:0 auto -6px}.marquee{overflow:hidden;background:var(--butter);border-block:2.5px solid var(--ink);transform:rotate(-1.4deg);margin:14px -20px 40px;box-shadow:0 5px 0 var(--ink);position:relative;z-index:3}.marquee-track{display:flex;width:max-content;animation:marquee 32s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-row{display:flex;flex-shrink:0}.marquee-row span{font-family:var(--font-display);font-size:22px;font-weight:600;padding:11px 0 11px 28px;color:var(--ink);white-space:nowrap}.marquee-row b{color:var(--pink);margin-left:28px;font-weight:700;display:inline-block;animation:spin 6s linear infinite}@keyframes marquee{to{transform:translate(-50%)}}.cute .reveal{opacity:0;transform:translateY(34px) scale(.94) rotate(-1deg);transition:opacity .5s ease var(--d,0ms),transform .8s var(--spring) var(--d,0ms)}.cute .reveal.in{opacity:1;transform:none}.cute .step.reveal.in,.cute .format-card.reveal.in,.cute .job-card.reveal.in{transition:transform .45s var(--spring),box-shadow .25s,opacity .5s}.sparkle{position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);animation:sparkle .9s ease-out forwards;-webkit-user-select:none;user-select:none}@keyframes sparkle{to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--r)) scale(.2);opacity:0}}.faq-item h3 button{padding:18px 24px!important;font-size:15.5px!important;font-family:var(--font-display);color:var(--ink)!important}.faq-item p{font-size:14px!important;color:var(--ink-soft)!important;padding:0 28px 22px 24px!important}.faq-item h3 svg{color:var(--ink)!important}.hero-features{font-size:12.5px!important;gap:10px!important;color:var(--ink)!important}.hero-features span{padding:6px 13px;font-weight:600;gap:6px}.hero-features svg{color:#2fae77!important}.platforms>span{font-size:13px!important;padding:6px 14px!important;gap:6px}.under-panel>span{font-size:12.5px!important;padding:6px 14px!important;gap:6px}.form-footnote,.responsible-note,.limits-note,.inline-notice{font-size:12px!important;color:var(--ink-soft)!important}.step h3{font-size:19px!important}.step p{font-size:14px!important;color:var(--ink-soft)!important;line-height:1.8}.hand-note{font-family:"Mali",var(--font-display);color:#ff5f8a!important;font-size:15px!important}.panel-heading h2,.section-title-row h2{font-size:30px}.faq-intro p{font-size:14px;color:var(--ink-soft)}.faq-decoration{background:#fff!important;border:2.5px solid var(--ink)!important;border-radius:50%!important;color:var(--ink)!important;box-shadow:3px 3px 0 var(--ink);animation:bob 3s ease-in-out infinite}.job-card{padding:18px 20px!important}.job-card h3,.job-body strong{color:var(--ink)}.dropzone-copy h3{color:var(--ink)!important;font-size:22px}.dropzone-copy p,.dropzone-limit{color:var(--ink-soft)!important;font-size:13px!important}.upload-spark{color:var(--pink)!important}.convert-panel-footer span,.convert-ready-count{font-size:12.5px!important;color:var(--ink-soft)!important}.convert-ready-count{background:var(--mint);border:2px solid var(--ink);border-radius:999px;padding:4px 12px;color:var(--ink)!important}.format-card{background:#fff;color:var(--ink)}.format-card:hover:not(:disabled),.format-card.selected{background:var(--butter)}.format-card h3{font-size:18px;font-family:var(--font-display)}.format-card p,.format-card>span{font-size:12.5px!important;color:var(--ink-soft)!important}.format-card-icon,.format-card.type-video .format-card-icon,.format-card.type-audio .format-card-icon,.format-card.type-pdf .format-card-icon,.format-card.type-office .format-card-icon{border:2.5px solid var(--ink);color:var(--ink)!important;border-radius:50%!important;width:48px;height:48px}.format-card-icon{background:var(--mint)!important}.type-video .format-card-icon{background:var(--sky)!important}.type-audio .format-card-icon{background:var(--butter)!important}.type-pdf .format-card-icon{background:var(--pink-soft)!important}.type-office .format-card-icon{background:var(--lilac)!important}.convert-info{border-top:2.5px dashed #e3c8b6!important;margin-top:20px}.convert-info-heading h2{font-size:28px}.convert-info-grid article>span{color:var(--pink)!important}.convert-info-grid h3{font-size:16px!important;color:var(--ink)!important;font-family:var(--font-display)}.convert-info-grid p{font-size:13px!important;color:var(--ink-soft)!important}.convert-pairs{background:var(--lilac)!important;border:2px solid var(--ink)!important;border-radius:999px!important;color:var(--ink)!important;font-size:12.5px!important;padding:6px 14px!important}.convert-file-row{padding:14px!important}.convert-file-name{color:var(--ink)!important;font-weight:600}.convert-file-icon{background:var(--butter)!important;color:var(--ink)!important;border:2px solid var(--ink);border-radius:14px!important}.presets{padding-top:6px;padding-bottom:6px}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.preset{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;text-align:left;padding:16px 18px;color:var(--ink);background:#fff;border:2.5px solid var(--ink);border-radius:22px;box-shadow:5px 5px 0 var(--ink);transition:transform .45s var(--spring),box-shadow .25s,background .2s}.preset:nth-child(6n+1){background:var(--pink-soft)}.preset:nth-child(6n+2){background:var(--sky)}.preset:nth-child(6n+3){background:var(--butter)}.preset:nth-child(6n+4){background:var(--mint)}.preset:nth-child(6n+5){background:var(--lilac)}.preset:nth-child(6n){background:var(--peach)}.preset-emoji{grid-row:1/3;font-size:34px;line-height:1;transition:transform .5s var(--spring)}.preset strong{font-family:var(--font-display);font-size:17px;font-weight:600}.preset small{font-size:12.5px;color:var(--ink-soft);line-height:1.5}.preset:hover:not(:disabled){transform:translateY(-5px) rotate(-1.5deg);box-shadow:8px 10px 0 var(--ink)}.preset:hover:not(:disabled) .preset-emoji{transform:scale(1.25) rotate(-12deg)}.preset:active:not(:disabled){transform:translateY(3px) scale(1.03,.94);box-shadow:2px 2px 0 var(--ink);transition-duration:.08s}.preset:disabled{opacity:.5;filter:grayscale(.5)}.saved-pill{display:inline-block;margin-left:8px;padding:2px 10px;background:var(--mint);border:2px solid var(--ink);border-radius:999px;font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--ink);animation:pop .6s var(--spring)}@keyframes pop{0%{transform:scale(.3) rotate(-12deg)}}.confetti{position:fixed;top:-24px;z-index:9998;pointer-events:none;border:1.5px solid var(--ink);animation:confetti linear forwards}@keyframes confetti{to{transform:translate(var(--dx),108vh) rotate(var(--r))}}@media(max-width:950px){.preset-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.preset-grid{grid-template-columns:1fr}.preset{box-shadow:4px 4px 0 var(--ink)}}.tools{padding-top:34px}.tools-panel{margin-top:18px;background:#fff;border:2.5px solid var(--ink);border-radius:26px;box-shadow:6px 6px 0 var(--ink);overflow:hidden}.tool-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:2.5px solid var(--ink);background:var(--lilac)}.tool-tab{display:grid;gap:2px;justify-items:center;text-align:center;padding:14px 8px;color:var(--ink);background:transparent;border-right:2.5px solid var(--ink);border-radius:0;transition:background .2s,transform .35s var(--spring)}.tool-tab:last-child{border-right:0}.tool-tab span{font-size:26px;transition:transform .4s var(--spring)}.tool-tab strong{font-family:var(--font-display);font-size:15px;font-weight:600}.tool-tab small{font-size:11.5px;color:var(--ink-soft)}.tool-tab:hover span{transform:scale(1.25) rotate(-10deg)}.tool-tab.on{background:var(--butter)}.tool-body{padding:26px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.tool-grid.single{grid-template-columns:1fr}.tool-form{display:grid;gap:16px}.tool-field{display:grid;gap:8px;font-weight:600;font-size:14px;color:var(--ink)}.tool-field input:not([type=range]),.tool-field textarea{font:inherit;font-weight:400;font-size:15px;color:var(--ink);background:#fff;border:2.5px solid var(--ink);border-radius:18px;padding:12px 16px;resize:vertical;box-shadow:0 4px 0 var(--ink);transition:transform .3s var(--spring),background .2s}.tool-field input:focus,.tool-field textarea:focus{outline:none;background:var(--butter);transform:translateY(-2px)}.tool-field input[type=range]{accent-color:#ff5f8a;width:100%}.tool-note{font-size:12.5px;color:var(--ink-soft);line-height:1.7}.tool-note code{background:var(--butter);border-radius:8px;padding:1px 6px}.tool-result{display:grid;gap:14px;justify-items:center;align-content:start;text-align:center;background:var(--sky);border:2.5px dashed var(--ink);border-radius:22px;padding:22px;min-height:150px}.tool-empty{color:var(--ink-soft);font-size:14px;align-self:center}.tool-button{padding:11px 22px;font-size:15px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:150px}.tool-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.qr-result img{border:2.5px solid var(--ink);border-radius:18px;background:#fff;box-shadow:4px 4px 0 var(--ink);max-width:100%;height:auto}.swatches{display:flex;gap:10px}.swatch{width:36px;height:36px;border-radius:50%;border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);transition:transform .35s var(--spring)}.swatch:hover{transform:scale(1.15)}.swatch.on{outline:3px solid var(--pink);outline-offset:3px}.baht-text{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.6;color:var(--ink);word-break:break-word}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.stat{display:grid;gap:2px;justify-items:center;padding:14px 6px;border:2.5px solid var(--ink);border-radius:18px;box-shadow:3px 3px 0 var(--ink);background:var(--mint)}.stat:nth-child(2n){background:var(--pink-soft)}.stat:nth-child(3n){background:var(--butter)}.stat strong{font-family:var(--font-display);font-size:26px}.stat span{font-size:12px;color:var(--ink-soft);text-align:center}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{padding:7px 16px;border:2.5px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font-family:var(--font-display);font-weight:600;transition:transform .35s var(--spring)}.chip:hover{transform:translateY(-3px) rotate(-2deg)}.chip.on{background:var(--mint)}.password-box{font-family:ui-monospace,Menlo,monospace;font-size:20px;word-break:break-all;background:#fff;border:2.5px solid var(--ink);border-radius:16px;padding:14px 16px;width:100%;box-shadow:0 4px 0 var(--ink);-webkit-user-select:all;user-select:all}.strength{font-family:var(--font-display);font-weight:600;font-size:14px;border:2px solid var(--ink);border-radius:999px;padding:3px 14px;background:#fff}.strength.strong{background:var(--mint)}.strength.good{background:var(--butter)}.strength.ok{background:var(--peach)}.strength.weak{background:#ffd2d2}.wheel-wrap{position:relative;width:min(340px,100%)}.wheel-wrap canvas{width:100%;height:auto;display:block}.wheel-pointer{position:absolute;left:50%;top:-8px;transform:translate(-50%);z-index:2;font-size:30px;line-height:1;color:#ff5f8a;text-shadow:0 2px 0 var(--ink),2px 0 0 var(--ink),-2px 0 0 var(--ink),0 -2px 0 var(--ink)}.wheel-winner{font-family:var(--font-display);font-size:20px;min-height:32px}.wheel-winner b{color:#e0557b}@media(max-width:950px){.tool-tabs{grid-template-columns:repeat(3,1fr)}.tool-tab{border-bottom:2.5px solid var(--ink)}.tool-tab:nth-child(3){border-right:0}.stat-grid{grid-template-columns:repeat(3,1fr)}.tool-grid{grid-template-columns:1fr}}@media(max-width:650px){.tool-tabs{grid-template-columns:repeat(2,1fr)}.tool-tab:nth-child(3){border-right:2.5px solid var(--ink)}.tool-tab:nth-child(2n){border-right:0}.tool-tab small{display:none}.tool-body{padding:18px}.tools-panel{box-shadow:4px 4px 0 var(--ink)}.baht-text{font-size:20px}}.tools-panel .tool-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px}.tools-panel .tool-tab{border:2.5px solid var(--ink)!important;border-radius:18px;background:#fff;box-shadow:0 4px 0 var(--ink)}.tools-panel .tool-tab.on{background:var(--butter);transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}.tools-panel .tool-tab:hover:not(.on){transform:translateY(-3px) rotate(-1deg)}.form-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.field-hint{font-weight:400;font-size:11.5px;color:var(--ink-soft)}.tool-field select,.date-row select{font:inherit;font-size:15px;color:var(--ink);background:#fff;border:2.5px solid var(--ink);border-radius:18px;padding:11px 14px;box-shadow:0 4px 0 var(--ink)}.tool-field input:disabled{opacity:.55}.check{display:flex;gap:10px;align-items:center;font-weight:600;font-size:14px}.check input{width:20px;height:20px;accent-color:#ff5f8a}.date-row{display:grid;grid-template-columns:80px 1fr 110px;gap:10px}.tax-grid{grid-template-columns:1.05fr 1fr}.tax-result,.age-result{justify-items:stretch;text-align:left;background:var(--sky)}.tax-headline{display:grid;gap:2px;justify-items:center;text-align:center;padding:14px;background:#fff;border:2.5px solid var(--ink);border-radius:20px;box-shadow:4px 4px 0 var(--ink)}.tax-headline strong{font-family:var(--font-display);font-size:38px;color:#e0557b;line-height:1.2}.tax-headline small{color:var(--ink-soft);font-size:13px}.tax-headline.free{background:var(--mint)}.tax-headline.free span{font-family:var(--font-display);font-size:26px;font-weight:600}.tax-balance{text-align:center;font-family:var(--font-display);font-weight:600;border:2px solid var(--ink);border-radius:999px;padding:5px 14px;justify-self:center;background:#fff}.tax-balance.refund{background:var(--mint)}.tax-balance.owe{background:var(--peach)}.tax-rows{display:grid;gap:6px;margin:0;font-size:13.5px}.tax-rows div{display:flex;justify-content:space-between;gap:12px;border-bottom:1.5px dashed #7a6b8a55;padding-bottom:5px}.tax-rows dt{color:var(--ink-soft)}.tax-rows dd{margin:0;font-weight:600;white-space:nowrap}.tax-rows .total{border-bottom:0;border-top:2.5px solid var(--ink);padding-top:8px;font-size:15px}.tax-rows .total dt{color:var(--ink);font-weight:700}.tax-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff;border:2.5px solid var(--ink);border-radius:14px;overflow:hidden}.tax-table th,.tax-table td{padding:7px 10px;border-bottom:1.5px solid #3d2c4f22;text-align:right}.tax-table th:first-child,.tax-table td:first-child{text-align:left}.tax-table th{background:var(--butter);font-weight:600}.tax-tip{font-size:13px;line-height:1.7;color:var(--ink)}.age-big{font-family:var(--font-display);font-size:30px;font-weight:700;color:#e0557b;text-align:center;line-height:1.4}.age-small{text-align:center;color:var(--ink-soft);font-size:13.5px}.age-line{font-size:14.5px;line-height:1.7;text-align:center}.age-stats{grid-template-columns:repeat(3,1fr)!important}.milestones{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13px}.milestones li{display:flex;justify-content:space-between;gap:10px;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:6px 12px}.milestones li.passed{background:var(--mint)}.milestones li span:first-child{font-weight:600}.tomatoes{display:flex;align-items:center;gap:6px;font-size:26px}.tomatoes span{filter:grayscale(1) opacity(.35);transition:filter .3s,transform .4s var(--spring)}.tomatoes span.on{filter:none;transform:scale(1.15)}.tomatoes small{font-size:13px;color:var(--ink-soft);margin-left:8px}.pomo{background:var(--pink-soft);transition:background .4s}.pomo-short{background:var(--mint)}.pomo-long{background:var(--sky)}.pomo-ring{position:relative;width:min(240px,100%)}.pomo-ring svg{width:100%;height:auto;display:block}.ring-bg{fill:#fff;stroke:var(--ink);stroke-width:4}.ring-fg{fill:none;stroke:#ff5f8a;stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset .3s linear}.pomo-short .ring-fg{stroke:#2fae77}.pomo-long .ring-fg{stroke:#2c6fd6}.pomo-time{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.pomo-time strong{font-family:var(--font-display);font-size:48px;line-height:1.1}.pomo-time span{font-size:15px;color:var(--ink-soft)}@media(max-width:950px){.tools-panel .tool-tabs{grid-template-columns:repeat(3,1fr)}.tax-grid{grid-template-columns:1fr}}@media(max-width:650px){.tools-panel .tool-tabs{grid-template-columns:repeat(2,1fr);padding:12px;gap:10px}.date-row{grid-template-columns:70px 1fr 96px}.tax-headline strong{font-size:32px}}.tools-panel .tool-tabs{grid-template-columns:repeat(5,1fr)}.bill-grid{grid-template-columns:1.1fr 1fr}.person-chip{display:inline-flex;align-items:center;border:2.5px solid var(--ink);border-radius:999px;background:var(--pink-soft);overflow:hidden;box-shadow:0 3px 0 var(--ink)}.person-chip:nth-child(4n+2){background:var(--sky)}.person-chip:nth-child(4n+3){background:var(--butter)}.person-chip:nth-child(4n){background:var(--mint)}.person-chip input{width:96px;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:6px 6px 6px 14px!important;font-weight:600;font-size:14px}.person-chip button{border:0;background:transparent;color:var(--ink);font-size:20px;line-height:1;padding:0 12px 2px 4px}.person-chip button:disabled{opacity:.3}.add-row{display:flex;gap:10px;flex-wrap:wrap}.add-row input{flex:1 1 140px}.dish-list{display:grid;gap:12px}.dish{display:grid;gap:8px;padding:12px;background:var(--cream);border:2.5px solid var(--ink);border-radius:18px}.dish-top{display:grid;grid-template-columns:1fr 110px auto;gap:8px;align-items:center}.dish-top input{font:inherit;font-size:14.5px;color:var(--ink);background:#fff;border:2.5px solid var(--ink);border-radius:14px;padding:8px 12px;min-width:0}.dish-remove{border:0;background:transparent;font-size:18px;padding:4px}.dish-remove:disabled{opacity:.3}.dish-who{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px}.dish-who>span{color:var(--ink-soft)}.chip.small{padding:3px 12px;font-size:13px;box-shadow:none}.bill-result{justify-items:stretch;text-align:left;align-content:start}.bill-people{display:grid;gap:10px}.bill-person{background:#fff;border:2.5px solid var(--ink);border-radius:18px;padding:12px 14px;box-shadow:3px 3px 0 var(--ink);display:grid;gap:8px}.bill-person-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.bill-person-head strong{font-family:var(--font-display);font-size:17px}.bill-person-head span{font-family:var(--font-display);font-size:24px;color:#e0557b;font-weight:700}.bill-person summary{cursor:pointer;font-size:12.5px;color:var(--ink-soft)}.bill-person ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px;font-size:13px}.bill-person li{display:flex;justify-content:space-between;gap:10px;border-bottom:1.5px dashed #7a6b8a44;padding-bottom:3px}.bill-qr-button{min-width:0;padding:7px 16px;font-size:14px;justify-self:start}.bill-qr{display:grid;justify-items:center;gap:6px;background:var(--cream);border:2.5px dashed var(--ink);border-radius:16px;padding:12px}.bill-qr img{border:2.5px solid var(--ink);border-radius:14px;background:#fff;max-width:100%;height:auto}.bill-qr small{font-family:var(--font-display);font-weight:600}.bill-warning{font-size:13px;background:var(--peach);border:2px solid var(--ink);border-radius:14px;padding:8px 12px}@media(max-width:950px){.tools-panel .tool-tabs{grid-template-columns:repeat(3,1fr)}.bill-grid{grid-template-columns:1fr}}@media(max-width:650px){.tools-panel .tool-tabs{grid-template-columns:repeat(2,1fr)}.dish-top{grid-template-columns:1fr 90px auto}}.ad-slot{margin-top:28px;margin-bottom:8px;text-align:center}.ad-slot small{display:block;font-size:11px;letter-spacing:1px;color:var(--ink-soft);margin-bottom:4px}.ad-slot:has(ins[data-ad-status=unfilled]){display:none}.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:9990;max-width:760px;margin:0 auto;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff;border:2.5px solid var(--ink);border-radius:22px;box-shadow:5px 5px 0 var(--ink);padding:14px 18px}.consent p{margin:0;font-size:13.5px;line-height:1.6;flex:1 1 320px}.consent a{text-decoration:underline}.consent div{display:flex;gap:10px}.consent button{padding:8px 18px;font-size:14px}.site-footer .text-button{color:var(--ink);text-decoration:underline;font-size:inherit}.site-footer{background:var(--lilac);border-top:2.5px solid var(--ink);color:var(--ink);margin-top:50px}.site-footer .brand,.site-footer p,.site-footer span{color:var(--ink)}.footer-dot{color:var(--pink)}@media(max-width:950px){.hero h1{font-size:44px}.marquee{margin-inline:-12px}.marquee-row span{font-size:18px}.site-header{height:70px}.mascot{width:230px}}@media(max-width:650px){.hero h1{font-size:36px}.download-panel,.convert-panel,.step,.faq-item{box-shadow:4px 4px 0 var(--ink)!important;border-radius:22px!important}.download-panel:before{right:18px}}@media(prefers-reduced-motion:reduce){.cute .reveal{opacity:1;transform:none;transition:none}.marquee-track,.orbit,.m-bob,.m-arm,.m-antenna,.m-shadow,body:after{animation:none!important}}.nav-convert,.converter-nav a{color:var(--ink)!important}.converter-nav .back-downloader{color:var(--ink-soft)!important}.header-inner nav{font-size:14.5px}.converter-page .converter-nav{font-size:14px}.convert-filter button,.format-tabs button{font-size:13px!important}.convert-file-name{font-size:15px!important;font-family:var(--font-display)}.convert-file-result{font-size:12.5px!important;color:var(--ink-soft)!important;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.convert-file-result span{font-size:12px!important;color:var(--ink-soft)!important;margin-left:auto}.convert-row-main small,.convert-row-main p,.convert-status{font-size:12px!important;color:var(--ink-soft)!important}.convert-status{background:var(--mint)!important;border:2px solid var(--ink);border-radius:999px!important;padding:3px 10px!important;color:var(--ink)!important}a.preset{text-decoration:none;color:var(--ink)}.tool-page{padding-top:26px;padding-bottom:40px}.tool-page .crumbs{font-size:14px;color:var(--ink-soft);margin:0 0 6px}.tool-page .crumbs a{color:var(--ink-soft)}.tool-page h1{font-family:var(--font-display);font-size:clamp(28px,5vw,42px);line-height:1.4;margin:4px 0 8px}.tool-lead{font-size:16px;line-height:1.8;color:var(--ink-soft);max-width:760px;margin:0 0 22px}.tool-page .tools-panel{margin-top:6px}.guide-link{display:flex;gap:14px;align-items:center;margin-top:22px;padding:14px 18px;background:var(--butter);border:2.5px solid var(--ink);border-radius:20px;box-shadow:4px 4px 0 var(--ink);color:var(--ink);text-decoration:none;line-height:1.6;transition:transform .4s var(--spring)}.guide-link span:first-child{font-size:30px}.guide-link:hover{transform:translateY(-3px) rotate(-.6deg)}.more-title{font-family:var(--font-display);font-size:24px;margin:42px 0 0}.more-all{margin-top:18px;font-weight:600}.more-all a{color:var(--ink)}
