@font-face{font-family:Noto Sans Thai;src:url(/assets/NotoSansThai-Dg24IlzU.ttf)format("truetype");font-weight:100 900;font-stretch:62.5% 100%;font-display:swap}@font-face{font-family:Noto Sans;src:url(/assets/NotoSans-CYoOFcCZ.ttf)format("truetype");font-weight:100 900;font-stretch:62.5% 100%;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-latin-Dx4kXJAl.woff2)format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;src:url(/assets/Inter-latin-ext-DO1Apj_S.woff2)format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,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}:root{--font:"Noto Sans Thai", "Noto Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--bg:#f5f7fb;--surface:#fff;--text:#1d1d1d;--text-2:#374151;--text-3:#5a6478;--muted:#9aa4b8;--border:#e9edf4;--border-input:#dde3ed;--border-soft:#e1e6ef;--brand-bar:#3f4ea0;--navy:#1e3d8c;--link:#1668c9;--accent:#3d6fef;--sel-bg:#f2f6ff;--ink-blue:#33507d;--danger:#c42b2b;--danger-dark:#a11116;--success:#12c99a;--radius-card:22px;--shadow-card:0 4px 16px #1e3d8c12;--topbar-h:64px;--gutter:clamp(16px, 4vw, 40px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.5}img{max-width:100%}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{background:var(--bg);min-height:100vh}@keyframes tpFloatA{0%,to{transform:translate(0,0)scale(1)}33%{transform:translate(60px,-40px)scale(1.12)}66%{transform:translate(-30px,50px)scale(.94)}}@keyframes tpFloatB{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-70px,-55px)scale(1.18)}}@keyframes tpFloatC{0%,to{transform:translate(0,0)scale(1)}40%{transform:translate(45px,55px)scale(.88)}75%{transform:translate(-55px,-25px)scale(1.1)}}@keyframes tpDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes tpWrench{0%,60%,to{transform:translate(0)rotate(0)}68%{transform:translate(-1.5px,1.5px)rotate(-9deg)}76%{transform:translate(1.5px,-1.5px)rotate(7deg)}86%{transform:translate(-1px,1px)rotate(-4deg)}}@keyframes tpHueShift{0%,to{background-position:0%,0%}25%{background-position:60% 20%,40% 80%}50%{background-position:100%,100%}75%{background-position:40% 80%,70% 20%}}@keyframes tpSheen{0%,to{opacity:.35;transform:translate(-8%)scale(1.1)}50%{opacity:.7;transform:translate(10%,4%)scale(1.25)}}@keyframes tpSpin{to{transform:rotate(360deg)}}@keyframes tpRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.topbar{z-index:60;background:var(--brand-bar);position:sticky;top:0;box-shadow:0 2px 12px #0c14322e}.topbar__inner{max-width:1280px;height:var(--topbar-h);align-items:center;gap:clamp(12px,2.4vw,28px);margin:0 auto;padding:0 clamp(16px,3vw,32px);display:flex}.topbar__spacer{flex:1}.topbar__nav{gap:clamp(12px,2.4vw,28px);display:flex}.brand{background:0 0;border:0;align-items:center;gap:11px;min-width:0;padding:0;display:flex}.brand__logo{background:#fff;border-radius:9px;flex:none;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.brand__logo img{object-fit:contain;width:38px;height:38px}.brand__name{color:#fff;letter-spacing:.1px;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.nav-link{color:#ffffffeb;white-space:nowrap;background:0 0;border:0;padding:4px 0;font-size:15.5px;transition:color .14s}.nav-link:hover{color:#fff}.lang{align-items:center;display:flex;position:relative}.lang__dropdown{color:#fff;background:#ffffff24;border:1px solid #ffffff57;border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 10px 0 8px;font-size:13.5px;font-weight:700;transition:background .14s;display:flex}.lang__dropdown:hover,.lang__dropdown.is-open{background:#ffffff3d}.lang__chevron{color:#ffffffd9;transition:transform .14s}.lang__dropdown.is-open .lang__chevron{transform:rotate(180deg)}.lang__menu{border:1px solid var(--border);z-index:40;background:#fff;border-radius:12px;min-width:132px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #0000002e}.lang__option{color:#28347a;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;height:36px;padding:0 10px;font-size:13.5px;font-weight:600;transition:background .12s;display:flex}.lang__option:hover{background:#28347a14}.lang__option.is-active{background:#28347a1f;font-weight:700}@media (width<=760px){.brand__name{display:none}}@media (width<=460px){.topbar__nav .nav-link:nth-child(2){display:none}.nav-link{font-size:14px}.lang__dropdown{padding:0 8px 0 6px;font-size:12.5px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.spinner{border:2px solid #dbe3f0;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite tpSpin;display:inline-block}.toast{z-index:1000;left:50%;bottom:max(20px, env(safe-area-inset-bottom));color:#ffd9d6;background:#2a1215;border-radius:12px;align-items:flex-start;gap:12px;width:min(560px,100vw - 32px);padding:13px 14px 13px 18px;font-size:13.5px;animation:.2s tpRise;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 16px 40px #0a0d1259}.toast span{overflow-wrap:anywhere;flex:1}.toast button{color:inherit;opacity:.8;background:0 0;border:0;flex:none;padding:3px}.toast button:hover{opacity:1}.hero{background-color:#1d4a93;background-image:radial-gradient(130% 95% at 26% 78%,#1b8ca0 0%,#1b8ca000 58%),linear-gradient(126deg,#26357f 0%,#1c5ca2 30%,#2076b4 52%,#1e3d8c 100%);background-size:180% 180%,220% 220%;padding-bottom:110px;animation:14s ease-in-out infinite tpHueShift;position:relative;overflow:hidden}.hero__sheen{pointer-events:none;background:radial-gradient(45% 40% at 70% 30%,#4fe0ce52,#4fe0ce00 70%);animation:11s ease-in-out infinite tpSheen;position:absolute;inset:-10%}.hero__orb{pointer-events:none;border-radius:50%;position:absolute}.hero__orb--a{background:radial-gradient(circle,#2ec4c46b,#2ec4c400 68%);width:560px;height:560px;animation:24s ease-in-out infinite tpFloatA;bottom:-180px;left:-140px}.hero__orb--b{background:radial-gradient(circle,#7896ff4d,#7896ff00 70%);width:460px;height:460px;animation:28s ease-in-out infinite tpFloatB;top:-120px;right:4%}.hero__orb--c{background:radial-gradient(circle,#ffffff24,#fff0 70%);width:320px;height:320px;animation:21s ease-in-out infinite tpFloatC;top:60px;left:40%}.hero__grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:40px;max-width:1280px;margin:0 auto;padding:48px clamp(16px,3vw,32px) 0;display:grid;position:relative}.hero__badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:.1px;background:#ffffff24;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:11px;max-width:100%;margin-bottom:22px;padding:10px 24px 10px 18px;font-size:clamp(20px,2.6vw,38px);font-weight:700;display:inline-flex}.hero__badge span{white-space:nowrap}.hero__wrench{flex:none;margin:-12px -2px -12px -4px;animation:5s ease-in-out infinite tpWrench}.hero__title{color:#fff;letter-spacing:-.4px;white-space:pre-line;max-width:540px;margin:0 0 16px;font-size:clamp(28px,2.6vw,38px);font-weight:700;line-height:1.2}.hero__actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.btn-hero-primary,.btn-hero-ghost{white-space:nowrap;border-radius:14px;align-items:center;gap:10px;height:52px;font-size:15px;display:inline-flex}.btn-hero-primary{color:#123a6b;background:#fff;border:0;padding:0 28px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 10px 24px #0614323d}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0614324d}.btn-hero-ghost{color:#fff;background:#ffffff14;border:1px solid #ffffff80;padding:0 26px;font-weight:600;transition:background .15s,border-color .15s}.btn-hero-ghost:hover{background:#fff3;border-color:#ffffffd9}.hero__art{justify-content:center;align-items:center;padding:6px 0 4px;display:flex;position:relative}.hero__art-glow{background:radial-gradient(circle,#4fe0ce47,#4fe0ce00 68%);border-radius:50%;width:300px;height:300px;position:absolute}.doc-back{background:#ffffff24;border:1px solid #ffffff38;border-radius:12px;width:214px;height:322px;animation:9s ease-in-out infinite tpDrift;position:absolute;top:14px;right:calc(50% - 23px);rotate:2.5deg}.doc-sheet{aspect-ratio:1/1.414;background:#fff;border-radius:12px;flex-direction:column;gap:11px;width:238px;padding:26px 24px;animation:8s ease-in-out .3s infinite tpDrift;display:flex;position:relative;rotate:-3deg;box-shadow:0 26px 58px #0614325c}.doc-line{background:#eef2f8;border-radius:4px;height:7px}.doc-tag{color:#fff;letter-spacing:.6px;background:linear-gradient(160deg,#f2564e,#c42b2b);border-radius:7px;justify-content:center;align-items:flex-end;width:42px;height:52px;padding-bottom:7px;font-size:11px;font-weight:700;display:flex;position:absolute;top:20px;right:18px;box-shadow:0 8px 16px #9614144d}.doc-tag:after{content:"";background:#00000038;border-radius:0 7px;width:14px;height:14px;position:absolute;top:0;right:0}.hero__wave{width:100%;height:120px;display:block;position:absolute;bottom:-1px;left:0}@media (width<=480px){.hero__badge{gap:8px;padding:8px 16px 8px 12px;font-size:18px}.hero__badge span{white-space:normal}.hero__wrench{width:30px;height:30px;margin:-6px 0}}@media (width<=900px){.hero{padding-bottom:80px}.hero__grid{grid-template-columns:1fr;gap:28px;padding-top:36px}.hero__art{display:none}.hero__wave{height:70px}}.section{max-width:1240px;padding:14px var(--gutter) 84px;margin:0 auto}#tools,#howto{scroll-margin-top:calc(var(--topbar-h) + 20px)}.section__head{text-align:center;margin-bottom:44px}.section__eyebrow{letter-spacing:-.6px;color:var(--navy);margin-bottom:8px;font-size:clamp(26px,3vw,34px);font-weight:700}.section__title{letter-spacing:-.4px;margin:0 0 12px;font-size:clamp(20px,2.2vw,26px);font-weight:700}.tool-grid{grid-template-columns:repeat(6,1fr);gap:24px;display:grid}.tool-card{text-align:left;border:1px solid var(--border);border-radius:var(--radius-card);background:#fff;flex-direction:column;grid-column:span 2;align-items:flex-start;height:100%;padding:30px 26px 28px;transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s,border-color .18s;display:flex;box-shadow:0 2px 6px #1e3d8c0d}.tool-card:hover{border-color:#b9c8ec;transform:translateY(-6px);box-shadow:0 20px 40px #1e3d8c33}.tool-card--jpg{grid-column:2/span 2}.tool-card--edit{grid-column:4/span 2}.tool-card__icon{filter:drop-shadow(0 5px 9px #18346e26);width:56px;height:56px;margin-bottom:16px}.tool-card__title{letter-spacing:-.2px;margin:0 0 9px;font-size:18px;font-weight:700}.tool-card__desc{color:#666;text-wrap:pretty;margin:0 0 18px;font-size:13px;line-height:1.65}.tool-card__cta{color:var(--link);margin-top:auto;font-size:16px;font-weight:700}@media (width<=960px){.tool-grid{grid-template-columns:repeat(2,1fr);gap:18px}.tool-card,.tool-card--jpg{grid-column:span 1}.tool-card--edit{grid-column:1/-1}}@media (width<=560px){.tool-grid{grid-template-columns:1fr}.tool-card--edit{grid-column:auto}}.howto{margin-top:60px}.howto__eyebrow{letter-spacing:-.5px;color:var(--link);margin-bottom:8px;font-size:clamp(24px,2.6vw,30px);font-weight:700}.howto__title{letter-spacing:-.3px;color:var(--text-3);margin:0 0 22px;font-size:clamp(18px,2vw,22px);font-weight:700}.how-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.how-card{background:#fff;border-radius:16px;padding:26px 24px 28px;box-shadow:0 2px 8px #1e3d8c0f}.how-card__num{background:var(--link);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:20px;font-size:15px;font-weight:700;display:grid}.how-card__title{letter-spacing:-.2px;margin-bottom:12px;font-size:17px;font-weight:700}.how-card__body{color:var(--text-3);text-wrap:pretty;font-size:14px;line-height:1.7}.how-card--3 .how-card__num{background:linear-gradient(150deg,#2a9be0,#1fc3c6)}.how-card--4{background:linear-gradient(150deg,#1e3d8c,#1b8ca0);box-shadow:0 10px 24px #0a1e4633}.how-card--4 .how-card__num{background:#ffffff38}.how-card--4 .how-card__title{color:#fff}.how-card--4 .how-card__body{color:#ffffffd1}.security{border:1px solid var(--border);background:#fff;border-radius:16px;align-items:flex-start;gap:20px;margin-top:22px;padding:26px 28px;display:flex;box-shadow:0 2px 8px #1e3d8c0f}.security__icon{background:#edfbf6;border-radius:18px;flex:none;place-items:center;width:62px;height:62px;display:grid}.security__text{flex:1;min-width:0}.security__title{letter-spacing:-.2px;margin-bottom:6px;font-size:17px;font-weight:700}.security__body{max-width:900px;color:var(--text-3);text-wrap:pretty;font-size:14px;line-height:1.7}@media (width>=1200px){.security__body.is-nowrap{white-space:nowrap}}@media (width<=960px){.how-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (width<=560px){.how-grid{grid-template-columns:1fr}.security{flex-direction:column;padding:22px}}.footer{background:#fff;border-top:1px solid #e7ebf2}.footer__inner{max-width:1240px;padding:26px var(--gutter);flex-wrap:wrap;align-items:center;gap:14px;margin:0 auto;display:flex}.footer__inner img{object-fit:contain;width:42px;height:42px}.footer__name{color:#666;font-size:13px}.footer__copy{color:var(--muted);font-size:12px}.tool-hero{background-color:#1d4a93;background-image:radial-gradient(130% 120% at 22% 90%,#1b8ca0 0%,#1b8ca000 60%),linear-gradient(126deg,#26357f 0%,#1c5ca2 46%,#1e3d8c 100%);padding-bottom:70px;position:relative;overflow:hidden}.hero__orb--d{background:radial-gradient(circle,#fff3,#fff0 70%);width:420px;height:420px;animation:24s ease-in-out infinite tpFloatA;top:-180px;left:-100px}.hero__orb--e{background:radial-gradient(circle,#2ec4c457,#2ec4c400 70%);width:320px;height:320px;animation:20s ease-in-out infinite tpFloatB;top:-120px;right:12%}.tool-hero__inner{max-width:1180px;padding:34px var(--gutter) 0;margin:0 auto;position:relative}.btn-back-home{color:#fff;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff73;border-radius:999px;align-items:center;gap:8px;height:46px;margin-bottom:14px;padding:0 24px;font-size:15px;font-weight:600;transition:background .14s;display:inline-flex}.btn-back-home:hover{background:#ffffff3d}.tool-hero__title{color:#fff;letter-spacing:-.3px;margin:0 0 8px;font-size:clamp(28px,3.4vw,38px);font-weight:700}.tool-main{z-index:1;max-width:1180px;padding:0 var(--gutter) 80px;flex-direction:column;gap:20px;margin:-40px auto 0;animation:.26s tpRise;display:flex;position:relative}.preview{width:fit-content;max-width:100%;margin:0 auto;padding:18px 22px}.preview__head{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:14px;display:grid}.preview__title{color:#a6afbf;white-space:nowrap;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.preview__zoom{justify-self:center;align-items:center;gap:8px;display:flex}.preview__zoom-label{text-align:center;min-width:44px;color:var(--ink-blue);font-size:12px;font-weight:700}.preview__pager{justify-self:end;align-items:center;gap:6px;display:flex}.pager__label{text-align:center;min-width:74px}.pager__page{color:var(--ink-blue);white-space:nowrap;font-size:12.5px;font-weight:700}.pager__file{max-width:120px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.icon-btn{border:1px solid var(--border-soft);width:32px;height:32px;color:var(--ink-blue);background:#fff;border-radius:8px;place-items:center;transition:background .14s;display:grid}.icon-btn:hover:not(:disabled){background:var(--sel-bg)}.icon-btn:disabled{opacity:.4}.preview__loading{color:#6b7280;justify-content:center;align-items:center;gap:10px;padding:22px;font-size:13px;display:flex}.preview__empty{text-align:center;width:700px;max-width:100%;color:var(--muted);background:#fbfcfe;border:3px dashed #cbd5e6;border-radius:14px;padding:52px 24px;font-size:13px}.preview__empty-sheet{background:#fff;border:1.5px solid #dce3ef;border-radius:6px;width:52px;height:66px;margin:0 auto 14px}.preview__frame{max-width:100%;margin:0 auto}.page-surface{-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 22px #0a0d1229;container-type:inline-size}.page-surface.is-edit{cursor:crosshair;touch-action:none}.page-surface__img{pointer-events:none;width:100%;display:block}.page-surface__wm{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ann{position:absolute}.ann--hl,.ann--text{cursor:pointer}.ann--text{white-space:nowrap;font-weight:600;line-height:1.2}.ann--shape{pointer-events:none}.ann svg,.drag-rect svg{width:100%;height:100%;display:block;overflow:visible}.ann-arrow{transform-origin:0;pointer-events:none;height:0;position:absolute}.ann-arrow__head{width:0;height:0;position:absolute;right:0}.ann-arrow__hit{pointer-events:auto;cursor:pointer;position:absolute;left:0;right:0}.ann-arrow__end{width:0;height:0;position:absolute}.drag-rect{pointer-events:none;position:absolute}.del-dot{z-index:2;background:var(--danger-dark);color:#fff;opacity:0;pointer-events:auto;border:0;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;transition:opacity .14s,transform .14s;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 2px 5px #0a0d1247}.del-dot:hover,.del-dot:focus-visible{opacity:1;transform:scale(1.12)}@media (hover:none){.del-dot{opacity:.9}}@media (width<=640px){.preview{padding:14px}.preview__head{grid-template-columns:1fr auto}.preview__title{grid-column:1/-1}.preview__zoom{justify-self:start}}.editor{width:100%;padding:16px 20px}.editor__del-hint{color:var(--danger-dark);align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.editor__del-hint span{font-size:15px;font-weight:700;line-height:1}.editor__row{grid-template-columns:auto 3px 1fr;gap:16px;display:grid}.editor__divider{opacity:.75;border-left:3px dashed #d6deec}.editor__label{color:var(--navy);white-space:nowrap;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.muted-hint{color:var(--muted);margin-bottom:8px;font-size:12px;line-height:1.5}.field-row{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:10px;display:flex}.field-row__label,.range-field__label{color:var(--text-2);white-space:nowrap;flex:none;font-size:13px}.editor__text-row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.editor__text-input{flex:1;min-width:150px}.editor__text-opts{flex-direction:column;flex:none;margin-top:-10px;display:flex}.editor__shapes{border-top:3px dashed #d6deec;margin-top:14px;padding-top:14px}.editor__shape-grid{flex-wrap:wrap;align-items:center;gap:0 18px;display:flex}.swatches{flex-wrap:wrap;gap:7px;max-width:344px;display:flex}.swatch{border:2px solid #0000001f;border-radius:50%;width:26px;height:26px;padding:0;transition:transform .12s}.swatch:hover{transform:scale(1.08)}.swatch.is-active{border-color:var(--link)}.swatch--light{box-shadow:inset 0 0 0 1px var(--border-soft)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--border-soft);white-space:nowrap;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 13px;font-size:13px;font-weight:600;transition:border-color .14s,background .14s;display:inline-flex}.chip:hover{border-color:#b9c8ec}.chip.is-active{border-color:var(--accent);background:var(--sel-bg)}.demo-box{border:2px solid var(--navy);border-radius:3px;width:14px;height:14px}.demo-box--fill{background:#1e3d8c59}.demo-line{border-top:2px solid var(--navy);width:16px}.demo-line--dashed{border-top-style:dashed}.range-field{align-items:center;gap:10px;display:flex}.range-field input{min-width:88px;accent-color:var(--navy);flex:1;margin:0}.range-field__value{text-align:right;min-width:40px;color:var(--link);flex:none;font-size:13px;font-weight:700}@media (width<=900px){.editor__row{grid-template-columns:1fr}.editor__divider{border-top:3px dashed #d6deec;border-left:0}.editor__text-opts{margin-top:0}}.action-bar{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:-4px;display:flex}.btn-secondary,.btn-danger{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:150px;height:42px;padding:0 20px;font-size:14px;font-weight:600;transition:background .14s,border-color .14s;display:inline-flex}.btn-secondary{border:1px solid var(--border-input);color:var(--ink-blue);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--sel-bg);border-color:#9daedc}.btn-secondary:disabled{opacity:.45}.btn-danger{background:var(--danger);color:#fff;border:0}.btn-danger:hover{background:var(--danger-dark)}@media (width<=480px){.btn-secondary,.btn-danger{flex:1;min-width:0}}.steps{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.step{height:300px;padding:22px 20px;overflow-y:auto}.step--dark{background:linear-gradient(150deg,#1e3d8c,#1b8ca0);border-color:#1b4a94;box-shadow:0 10px 26px #1432783d}@media (width<=1100px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.step{height:auto;min-height:260px}}@media (width<=640px){.steps{grid-template-columns:1fr}.step{min-height:0}}.step__head{align-items:flex-start;gap:10px;min-height:48px;margin-bottom:12px;display:flex}.step__num{color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid;box-shadow:0 3px 8px #1e3d8c33}.step__num--1{background:linear-gradient(150deg,#3a32e0,#3d6fef)}.step__num--2{background:linear-gradient(150deg,#3d6fef,#2a9be0)}.step__num--3{background:linear-gradient(150deg,#2a9be0,#1fc3c6)}.step__num--4{background:#ffffff38;box-shadow:0 3px 8px #0a1e464d}.step__title{margin-top:2px;font-size:16px;font-weight:700;line-height:1.35}.step__title--light{color:#fff}.step__sub{color:var(--muted);margin-top:4px;font-size:12px}.dropzone{text-align:center;cursor:pointer;background:#fbfcfe;border:3px dashed #d5dce8;border-radius:16px;padding:12px 14px;transition:background .16s,border-color .16s}.dropzone:hover,.dropzone.is-over{border-color:var(--accent);background:var(--sel-bg)}.dropzone__icon{color:#3a47cf;background:linear-gradient(150deg,#eef2ff,#e4fbf7);border-radius:10px;place-items:center;width:34px;height:34px;margin:0 auto 8px;display:grid}.dropzone__btn{background:var(--link);color:#fff;border-radius:9px;align-items:center;min-height:30px;margin-top:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.link-btn{color:var(--link);text-underline-offset:2px;background:0 0;border:0;margin:8px auto 0;padding:2px 4px;font-size:12px;font-weight:600;text-decoration:underline;display:block}.link-btn:hover{color:#0f4e99}.file-list{flex-direction:column;gap:8px;margin:14px 0 0;padding:0 2px 0 0;list-style:none;display:flex}.file-item{border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;gap:9px;padding:11px 12px;display:flex;box-shadow:0 3px 10px #1e3d8c14}.file-item__main{align-items:flex-start;gap:10px;display:flex}.file-item__badge{color:#fff;background:linear-gradient(150deg,#5b4be8,#2a9be0);border-radius:8px;flex:none;justify-content:center;align-items:flex-end;width:30px;height:30px;padding-bottom:4px;font-size:7.5px;font-weight:700;display:flex}.file-item__text{flex:1;min-width:0}.file-item__name{color:var(--navy);overflow-wrap:anywhere;font-size:12.5px;font-weight:700;line-height:1.4}.file-item__meta{color:var(--muted);margin-top:2px;font-size:11px}.file-item__actions{justify-content:flex-end;gap:5px;display:flex}.mini-btn{border:1px solid var(--border-soft);color:#4a5568;background:#fff;border-radius:7px;place-items:center;width:26px;height:24px;padding:0;transition:background .14s;display:grid}.mini-btn:hover{background:#f1f4f9}.mini-btn--danger{color:#fff;background:#e23b3b;border:0;margin-left:1px;box-shadow:0 3px 8px #c42b2b4d}.mini-btn--danger:hover{background:var(--danger-dark)}.text-input{border:1px solid var(--border-input);width:100%;height:46px;color:var(--text);background:#fff;border-radius:12px;outline:none;padding:0 14px;font-size:14px;transition:border-color .14s}.text-input:focus{border-color:var(--accent)}.text-input--sm{border-radius:10px;height:40px;font-size:13.5px}.counter{color:var(--muted);align-items:center;gap:6px;margin-top:6px;font-size:11.5px;display:flex}.counter b{font-weight:600}.counter b.is-max{color:var(--danger)}.name-preview{color:var(--muted);word-break:break-all;margin-top:6px;font-size:12px}.opt-block{border-top:1px solid #eef1f6;margin-top:14px;padding-top:14px}.opt-title,.field-title{color:var(--text-2);margin-bottom:8px;font-size:13px;font-weight:700}.field-title{margin-bottom:6px;font-weight:600;display:block}.opt-grid{grid-template-columns:1fr;gap:8px;display:grid}.opt-grid--2{grid-template-columns:1fr 1fr;gap:7px}.opt-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.opt-grid--3 .chip{padding:0 4px;font-size:11.5px}.option{border:1.5px solid var(--border-soft);text-align:left;background:#fff;border-radius:10px;flex-direction:column;align-items:stretch;gap:3px;padding:9px 11px;transition:border-color .14s,background .14s;display:flex}.opt-grid--2 .option{text-align:center;padding:9px 4px}.option.is-active{border-color:var(--accent);background:var(--sel-bg)}.option__title{font-size:12.5px;font-weight:700}.opt-grid--2 .option__title{font-size:11.5px;font-weight:600}.option__desc{color:#6b7280;font-size:11px;line-height:1.5}.range-input{margin-top:10px}.range-input__help{color:#6b7280;margin-top:6px;font-size:11px}.segmented{background:#eef1f7;border:1px solid #dfe5ef;border-radius:999px;margin-bottom:14px;padding:3px;display:flex}.segmented__item{color:#8a94a8;background:0 0;border:0;border-radius:999px;flex:1;padding:5px 4px;font-size:11.5px;font-weight:700;transition:background .14s,color .14s}.segmented__item.is-off{background:var(--danger);color:#fff}.segmented__item.is-on{color:#fff;background:#12a37e}.wm-fields{border:0;flex-direction:column;gap:13px;min-width:0;margin:0;padding:0;transition:opacity .14s;display:flex}.wm-fields.is-disabled{opacity:.45}.wm-fields .counter{margin-top:-7px}.slider-field{grid-template-columns:1fr auto;row-gap:5px;display:grid}.slider-field .range-field__label{font-weight:600}.slider-field .range-field__value{grid-area:1/2;min-width:0}.slider-field input{width:100%;accent-color:var(--accent);grid-column:1/-1}.alert-error{color:var(--danger-dark);background:#fffffff0;border:1px solid #f3d7d8;border-radius:10px;margin-bottom:16px;padding:13px 16px;font-size:13px;line-height:1.6}.progress{margin-bottom:16px}.progress__head{color:#ffffffe6;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.progress__head b{color:#fff}.progress__track{background:#ffffff38;border-radius:999px;height:8px;overflow:hidden}.progress__bar{background:linear-gradient(90deg,#3a32e0,#1fc3c6);border-radius:999px;height:100%;transition:width .16s}.result{background:#edfbf6;border:1px solid #c8eee1;border-radius:11px;margin-bottom:16px;padding:13px 14px}.result__row{align-items:center;gap:12px;display:flex}.result__check{background:var(--success);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.result__text{flex:1;min-width:0}.result__title{color:#0b6b58;font-size:14px;font-weight:700}.result__meta{color:#3f7d6f;overflow-wrap:anywhere;font-size:11px}.result__drive{color:#3f7d6f;overflow-wrap:anywhere;margin-top:8px;font-size:11.5px}.pick-first{color:#ffffffe6;margin:0 0 16px 14px;font-size:13px;line-height:1.6}.btn-run{color:#123a6b;white-space:nowrap;background:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;font-size:15px;font-weight:700;transition:transform .14s,filter .14s;display:flex;box-shadow:0 10px 22px #081a3c4d}.btn-run:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.btn-run:disabled{color:#ffffffd9;box-shadow:none;background:#ffffff38}.db-overlay{z-index:999;background:#1418228c;place-items:center;padding:12px;animation:.16s tpRise;display:grid;position:fixed;inset:0}.db-modal{background:#fff;border-radius:14px;flex-direction:column;width:min(920px,100%);height:min(640px,100vh - 24px);display:flex;overflow:hidden;box-shadow:0 24px 70px #00000059}.db-header{justify-content:space-between;align-items:center;gap:12px;padding:20px 26px 14px;display:flex}.db-title{color:#1c2536;font-size:19px;font-weight:700}.db-close{color:#8a94a6;background:0 0;border:0;border-radius:8px;padding:6px;line-height:0}.db-close:hover{color:#1c2536;background:#f1f4f9}.db-tabs{border-bottom:1px solid #e5e9f0;gap:4px;padding:0 26px;display:flex;overflow-x:auto}.db-tab{color:#8a94a6;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 14px;font-size:14px}.db-tab.is-active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.db-toolbar{flex-wrap:wrap;align-items:center;gap:10px;padding:12px 26px;display:flex}.db-crumbs{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:160px;font-size:13px;overflow:hidden}.db-crumbs__sep{color:#c7ceda}.db-crumb{color:#8a94a6;background:0 0;border:0;padding:0}.db-crumb:hover{color:#1c2536}.db-crumb.is-current{color:#1c2536;cursor:default;font-weight:600}.db-search{border:1px solid #d8dee9;border-radius:8px;outline:none;flex:0 220px;min-width:0;padding:9px 12px;font-size:13px}.db-search:focus{border-color:var(--accent)}.db-newfolder-btn{color:#1c2536;white-space:nowrap;background:#fff;border:1px solid #d8dee9;border-radius:8px;align-items:center;gap:6px;padding:9px 14px;font-size:13px;display:flex}.db-newfolder-btn:hover{background:#f5f7fb;border-color:#b9c8ec}.db-newfolder{flex-wrap:wrap;align-items:center;gap:8px;padding:0 26px 12px;display:flex}.db-newfolder__input{border:1px solid #d8dee9;border-radius:8px;outline:none;flex:220px;min-width:0;padding:9px 12px;font-size:13px}.db-newfolder__input:focus{border-color:var(--accent)}.db-newfolder__error{grid-column:unset;text-align:left;flex-basis:100%;padding:0}.db-list{flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;gap:12px;padding:6px 26px 16px;display:grid;overflow:auto}.db-item{-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e5e9f0;border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:14px 10px;transition:border-color .12s,background .12s;display:flex}.db-item:hover{border-color:#b9c8ec}.db-item.is-selected{border-color:var(--accent);background:var(--sel-bg)}.db-item__icon{font-size:30px;line-height:1.2}.db-item__name{color:#1c2536;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.db-msg{text-align:center;color:#8a94a6;grid-column:1/-1;padding:40px}.db-msg--error{color:#d64545}.db-footer{border-top:1px solid #e5e9f0;justify-content:flex-end;gap:10px;padding:14px 26px;display:flex}.db-btn{color:#1c2536;background:#fff;border:1px solid #d8dee9;border-radius:8px;padding:10px 18px;font-size:14px}.db-btn:hover{background:#f5f7fb}.db-btn--primary{background:var(--accent);color:#fff;border:0;padding:10px 20px;font-weight:600}.db-btn--primary:hover{background:#2f5fdc}.db-btn--primary:disabled{opacity:.5}@media (width<=560px){.db-header,.db-tabs,.db-toolbar,.db-newfolder,.db-list,.db-footer{padding-left:16px;padding-right:16px}.db-search{flex:100%}.db-newfolder-btn{flex:100%;justify-content:center}.db-list{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}