*{box-sizing:border-box}:root{--bg:#f5f5f7;--surface:#fff;--text:#30323a;--muted:#737781;--line:#e8e8ed;--red:#e74444;--hover:#fdf7f6;--shadow:0 8px 28px #24263608;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg:#17191f;--surface:#22252d;--text:#f1f2f5;--muted:#adb2bf;--line:#353a45;--hover:#2c2830;--shadow:0 8px 28px #0002;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Noto Sans Thai,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}header{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:42px;height:80px;padding:0 4%;display:flex}.brand{letter-spacing:-.9px;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;font-size:25px;font-weight:800;display:flex}.brand>span:last-child{font-weight:400}.brand-icon{background:var(--red);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:37px;height:40px;margin-right:4px;display:flex}nav{flex:1;gap:27px;display:flex}nav button{background:0 0;border:0;align-items:center;gap:5px;font-size:14px;font-weight:700;display:flex}nav button:hover{color:var(--red)}.header-actions{align-items:center;gap:12px;display:flex}.header-actions select{color:var(--text);background:0 0;border:0;max-width:120px;font-size:14px}.icon-button{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;padding:9px;display:inline-flex}.home{max-width:1260px;margin:auto;padding:0 30px}.intro{text-align:center;padding:53px 0 26px}.intro h1{letter-spacing:-.8px;margin:0 0 15px;font-size:35px;line-height:1.4}.intro p{color:var(--muted);max-width:740px;margin:auto;font-size:18px}.filters{flex-wrap:wrap;justify-content:center;gap:8px;margin:15px 0 31px;display:flex}.filters button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:25px;padding:8px 19px;font-size:14px}.filters button.active{background:var(--surface);border-color:var(--line);color:var(--red);font-weight:700;box-shadow:0 2px 5px #00000005}.tool-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.tool-card{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px;min-height:213px;padding:24px 24px 27px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative}.tool-card:hover{box-shadow:var(--shadow);background:var(--hover);border-color:#e7444470;transform:translateY(-4px)}.tool-icon{border-radius:13px;justify-content:center;align-items:center;width:59px;height:59px;display:flex}.tool-card h2{margin:17px 0 7px;font-size:20px;line-height:1.4}.tool-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.card-arrow{color:var(--muted);opacity:0;position:absolute;top:27px;right:22px}.tool-card:hover .card-arrow{opacity:1}.trust{color:var(--muted);justify-content:center;gap:35px;margin:33px 0 45px;font-size:14px;display:flex}.trust span{align-items:center;gap:8px;display:flex}footer{border-top:1px solid var(--line);max-width:1200px;color:var(--muted);justify-content:space-between;margin:0 auto;padding:24px 0;font-size:14px;display:flex}.footer-brand{color:var(--text);font-weight:700}.workspace{max-width:1100px;margin:auto;padding:30px}.back{color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;font-size:14px;display:flex}.work-heading{text-align:center;margin:24px 0 32px}.work-heading h1{margin:0 0 8px;font-size:36px;line-height:1.4}.work-heading p{color:var(--muted);margin:0}.work-layout{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}.file-zone,.settings{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:25px}.dropzone{border:2px dashed var(--line);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:260px;padding:25px;display:flex}.dropzone.drag{border-color:var(--red);background:var(--hover)}.primary{background:var(--red);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:13px 26px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.primary:hover{background:#cf3636}.secondary{background:var(--surface);border:1px solid var(--line);border-radius:7px;align-items:center;gap:7px;padding:8px 15px;display:inline-flex}.muted{color:var(--muted);font-size:14px}.settings label{margin-bottom:16px;font-size:14px;font-weight:600;display:block}.settings input,.settings select,.settings textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:6px;margin-top:7px;padding:9px;display:block}.settings .primary{width:100%;margin-top:8px}.file-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:15px 0;display:flex}.file-row .file-name{flex:1;min-width:0}.file-name strong{overflow-wrap:anywhere;font-size:14px;display:block}.file-row button{color:var(--muted);background:0 0;border:0;padding:5px}.file-row>svg{color:var(--red);flex-shrink:0}.note{color:var(--muted);gap:8px;margin-top:18px;font-size:14px;display:flex}.note svg{flex-shrink:0;margin-top:3px}.content-editor{resize:vertical;border:1px solid var(--line);background:var(--bg);width:100%;min-height:350px;color:var(--text);border-radius:8px;padding:15px;font-family:monospace;font-size:14px}.error{color:#b92727;background:#ffe8e8;border-radius:7px;margin-top:16px;padding:12px;font-size:14px}.success{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:45px}.success>svg{color:#71b784}.success .downloads{flex-direction:column;align-items:center;gap:12px;margin:22px 0;display:flex}.signature-canvas{touch-action:none;background:#fff;border:1px dashed #999;border-radius:7px;width:100%;height:140px;display:block}.settings .secondary{margin-top:6px;font-size:14px}.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1000px){header{gap:20px}nav{gap:15px}nav button{font-size:13px}.tool-grid{grid-template-columns:repeat(3,1fr)}footer{margin:0 30px}}@media (max-width:760px){header{justify-content:space-between;height:70px;padding:0 18px}nav,.globe{display:none}.brand{font-size:22px}.header-actions{gap:8px}.home{padding:0 18px}.intro{padding-top:35px}.intro h1{font-size:28px}.intro p{font-size:16px}.filters{gap:2px}.filters button{padding:7px 11px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tool-card{min-height:205px;padding:18px}.tool-card h2{font-size:18px}.trust{flex-wrap:wrap;gap:15px}.work-layout{grid-template-columns:1fr}.workspace{padding:22px 18px}.work-heading h1{font-size:28px}footer{flex-wrap:wrap;gap:10px;margin:0 18px}.file-row{gap:6px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.preferences{gap:12px}.theme-swap{isolation:isolate;background:var(--bg);border:1px solid var(--line);border-radius:30px;align-items:center;gap:2px;height:42px;padding:4px;display:flex;position:relative}.theme-thumb{z-index:-1;background:var(--surface);border-radius:22px;width:calc(50% - 4px);height:32px;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s;position:absolute;top:4px;left:4px;box-shadow:0 2px 7px #00000012}.theme-swap.is-dark .theme-thumb{background:#424959;transform:translate(100%)}.theme-option{width:72px;color:var(--muted);justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1;transition:color .2s;display:flex}.theme-swap:not(.is-dark) .theme-option:first-of-type,.theme-swap:not(.is-dark) .theme-option:nth-child(2){color:var(--text)}.theme-swap.is-dark .theme-option:last-child{color:#f5df95}.theme-option svg{transition:transform .3s}.theme-swap.is-dark .theme-option:last-child svg{transform:rotate(-15deg)}.language-picker{position:relative}.language-picker summary{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;align-items:center;gap:9px;min-height:42px;padding:8px 12px;font-size:14px;list-style:none;display:flex}.language-picker summary::-webkit-details-marker{display:none}.language-picker[open] summary{border-color:#e7444460;box-shadow:0 0 0 3px #e7444409}.language-code{color:var(--muted);border-left:1px solid var(--line);padding-left:9px;font-size:12px;font-weight:700}.language-chevron{color:var(--muted);transition:transform .2s}.language-picker[open] .language-chevron{transform:rotate(180deg)}.language-popover{z-index:30;border:1px solid var(--line);background:var(--surface);border-radius:14px;width:252px;padding:8px;animation:.16s ease-out language-in;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 14px 45px #00000018}.language-popover>p{color:var(--muted);margin:5px 10px 9px;font-size:12px;font-weight:700}.language-choice{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:11px 10px;display:flex}.language-choice:hover{background:var(--bg)}.language-choice.selected{background:var(--hover);color:var(--red)}.language-monogram{border:1px solid var(--line);background:var(--surface);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.language-name{flex:1}.language-name strong{font-size:14px;display:block}.language-name small{color:var(--muted);font-size:12px;display:block}@keyframes language-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.privacy-panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin:0 0 38px;padding:30px}.privacy-heading{align-items:center;gap:14px;display:flex}.privacy-emblem{color:#548e5a;background:#75b87914;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}html[data-theme=dark] .privacy-emblem{color:#9dd7a3}.privacy-eyebrow{color:var(--muted);font-size:12px;font-weight:700}.privacy-heading h2{margin:2px 0 0;font-size:22px;line-height:1.5}.privacy-intro{color:var(--muted);margin:16px 0 24px;font-size:16px}.privacy-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.privacy-grid>div{border-left:1px solid var(--line);padding-left:20px}.privacy-grid>div:first-child{border-left:0;padding-left:0}.privacy-grid svg{color:var(--muted)}.privacy-grid h3{margin:9px 0 7px;font-size:16px}.privacy-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.privacy-details{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.privacy-details summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;list-style:none;display:flex}.privacy-details summary::-webkit-details-marker{display:none}.privacy-details[open] summary svg{transform:rotate(180deg)}.privacy-details p{color:var(--muted);max-width:950px;margin:14px 0 0;font-size:14px;line-height:1.9}.privacy-panel.compact{margin:24px 0 0;padding:22px}.compact .privacy-heading h2{font-size:18px}.compact .privacy-emblem{width:42px;height:42px}.compact .privacy-details{margin-top:15px;padding-top:12px}@media (max-width:1150px){header{gap:22px}nav{gap:16px}.theme-option{width:38px}.theme-option>span{display:none}}@media (max-width:760px){.preferences{gap:7px}.language-picker summary{gap:6px;padding:7px 9px}.language-code,.language-picker summary>svg:first-child{display:none}.language-popover{width:240px}.privacy-panel{padding:22px}.privacy-heading h2{font-size:19px}.privacy-grid{grid-template-columns:1fr;gap:20px}.privacy-grid>div{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.privacy-grid>div:first-child{border-top:0;padding-top:0}.privacy-intro{font-size:15px}.privacy-heading{align-items:flex-start}.current-language{max-width:65px}.theme-option{width:28px}.theme-swap{height:38px}.theme-thumb{height:28px}}@media (max-width:380px){header{gap:8px;padding:0 12px}.brand{gap:4px;font-size:20px}.brand-icon{width:31px;height:35px}.language-picker summary{padding:7px}.preferences{gap:5px}}.powered-by{color:var(--muted);align-items:center;gap:5px;text-decoration:none;transition:color .18s;display:inline-flex}.powered-by strong{color:var(--text);font-weight:600}.powered-by:hover,.powered-by:hover strong{color:var(--red)}