@font-face{font-display:swap;font-family:LINE Seed Sans TH;font-style:normal;font-weight:400;src:url(/fonts/LINESeedSansTH_W_Rg.woff2)format("woff2")}@font-face{font-display:swap;font-family:LINE Seed Sans TH;font-style:normal;font-weight:700;src:url(/fonts/LINESeedSansTH_W_Bd.woff2)format("woff2")}@font-face{font-display:swap;font-family:LINE Seed Sans TH;font-style:normal;font-weight:800;src:url(/fonts/LINESeedSansTH_W_XBd.woff2)format("woff2")}:root{--brand:#2563eb;--brand-dark:#1d4ed8;--brand-soft:#dbeafe;--accent:#0f9f8f;--accent-soft:#ccfbf1;--warm:#ff7657;--warm-soft:#fff0eb;--warning:#d97706;--warning-soft:#fff7ed;--danger:#dc2626;--danger-soft:#fef2f2;--ink:#0f172a;--muted:#475569;--surface:#fff;--background:#f8fafc;--border:#e2e8f0;--shadow:0 22px 60px #0f172a17;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#f7f8fc;margin:0;font-family:LINE Seed Sans TH,Noto Sans Thai,system-ui,sans-serif;line-height:1.65}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #2563eb6b}button:disabled{cursor:not-allowed;opacity:.48}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;background:#f7f8fcdb;border-bottom:1px solid #d5dcebc7;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:10px clamp(18px,5vw,72px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.015em;white-space:nowrap;align-items:center;gap:8px;font-size:22px;font-weight:800;display:inline-flex}.brand-mark{justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;overflow:visible}.brand-mark img{object-fit:contain;width:52px;height:52px;display:block}.brand-name>span{color:var(--brand)}.header-tools{align-items:center;gap:8px;display:flex}.header-tool-link{color:var(--muted);border-radius:999px;align-items:center;min-height:44px;padding:8px 12px;font-size:14px;font-weight:750;display:inline-flex}.header-tool-link:hover{color:var(--brand);background:#fff}.footer-links a:hover{color:var(--brand)}.header-cta,.primary-button,.secondary-button,.text-button,.dropzone button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;font-weight:750;display:inline-flex}.header-cta,.primary-button{border:1px solid var(--brand);color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb 70%,#3b82f6);transition:box-shadow .15s,transform .15s;box-shadow:0 10px 24px #2563eb38}.header-cta:hover,.primary-button:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8 70%,#2563eb);transform:translateY(-1px);box-shadow:0 13px 28px #2563eb47}.secondary-button{background:var(--surface);border:1px solid var(--border);color:var(--ink)}.secondary-button:hover{border-color:#94a3b8}.text-button{color:var(--brand);background:0 0;border:0;padding-inline:8px}.full-width{width:100%}.eyebrow{color:var(--brand);letter-spacing:.035em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:800}.home-page{isolation:isolate;background:radial-gradient(at 88% 12%,#38bdf824,#0000 34%),radial-gradient(at 72% 88%,#6366f11a,#0000 35%),linear-gradient(#f8fbff 0%,#fff 82%);position:relative;overflow:hidden}.home-page:before{content:"";opacity:.72;pointer-events:none;z-index:0;background-image:linear-gradient(#2563eb0e 1px,#0000 1px),linear-gradient(90deg,#2563eb0e 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(108deg,#0000 8% 38%,#000 74%,#0000 100%);mask-image:linear-gradient(108deg,#0000 8% 38%,#000 74%,#0000 100%)}.home-page:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000,#3b82f680,#7dd3fc3d,#0000);width:min(38vw,500px);height:1px;animation:10s ease-in-out infinite alternate ambient-scan;position:absolute;top:22%;right:3%;transform:rotate(-9deg);box-shadow:0 0 28px #3b82f629}.home-hero{z-index:1;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:center;gap:clamp(48px,6vw,84px);max-width:1280px;min-height:calc(100vh - 76px);margin:0 auto;padding:clamp(70px,8vw,110px) clamp(22px,5vw,58px);display:grid;position:relative}.hero-copy{z-index:1;max-width:690px;position:relative}.hero-copy:before{background:linear-gradient(90deg, var(--brand), #60a5fa 62%, var(--warm) 62%);content:"";border-radius:999px;width:78px;height:7px;margin-bottom:24px;display:block}.hero-copy h1{letter-spacing:0;text-wrap:balance;margin-bottom:22px;font-size:clamp(43px,5.5vw,70px);font-weight:800;line-height:1.22}.hero-highlight{color:var(--brand);white-space:nowrap;z-index:0;margin-left:.12em;display:inline-block;position:relative}.hero-highlight:after{content:"";z-index:-1;background:#ff765747;border-radius:999px;width:104%;height:.22em;position:absolute;bottom:.12em;left:-.03em;transform:rotate(-2deg)}.hero-text{color:var(--muted);max-width:620px;font-size:clamp(18px,1.7vw,21px);line-height:1.75}.hero-note{flex-wrap:wrap;gap:10px;margin:20px 0 14px;font-size:14px;font-weight:700;display:flex}.hero-note span{background:#ffffffc7;border:1px solid #bfdbfee6;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;display:inline-flex}.hero-note span:before{color:var(--accent);content:"✓";font-weight:800}.hero-dropzone{text-align:center;z-index:1;background:radial-gradient(circle at 50% 13%,#dbeafee6,#0000 36%),linear-gradient(160deg,#fffffffa,#f8fbfff0);border:2px dashed #83b8f4;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;min-height:438px;padding:clamp(28px,5vw,52px);transition:background .15s,border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px #1e40af21,0 6px 20px #0f172a0d}.hero-dropzone:before{background:linear-gradient(90deg, var(--brand), #60a5fa 72%, var(--warm) 72%);content:"";height:7px;position:absolute;top:0;left:0;right:0}.hero-dropzone.is-dragging{border-color:var(--brand);background:#eff6ff;transform:scale(1.015)}.hero-dropzone.is-opening{cursor:progress}.page-drop-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:3px solid var(--brand);pointer-events:none;z-index:100;background:#eff6ffe6;border-radius:28px;justify-content:center;align-items:center;display:flex;position:fixed;inset:12px}.page-drop-overlay-card{text-align:center;background:#fff;border:1px solid #bfdbfe;border-radius:28px;flex-direction:column;align-items:center;padding:34px 44px;display:flex;box-shadow:0 24px 64px #1e40af2e}.page-drop-overlay-card strong{font-size:clamp(28px,4vw,42px);line-height:1.25}.page-drop-overlay-card>span:last-child{color:var(--muted);margin-top:6px}.page-drop-overlay-icon{background:var(--brand);color:#fff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:18px;font-size:32px;display:flex}.hero-dropzone-icon{color:#fff;background:linear-gradient(145deg,#1d4ed8,#3b82f6);border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:22px;font-size:34px;display:flex;box-shadow:0 12px 28px #2563eb3d}.hero-dropzone strong{letter-spacing:0;font-size:clamp(20px,2.2vw,28px);font-weight:800}.hero-dropzone p{color:var(--muted);max-width:360px;margin:10px auto 14px;font-size:16px;line-height:1.65}.format-pills{flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:22px;display:flex}.format-pills span{background:var(--brand-soft);color:var(--brand-dark);letter-spacing:.035em;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}.format-pills span:last-child{background:var(--warm-soft);color:#c2412d}.hero-dropzone small{color:#64748b;margin-top:18px;font-weight:650}.privacy-badge{color:#334155;background:#ffffffb8;border:1px solid #cbd5e1e6;border-radius:999px;align-items:center;gap:9px;padding:8px 13px;font-size:13px;font-weight:650;display:inline-flex}.privacy-dot{background:var(--accent);border:4px solid var(--accent-soft);border-radius:50%;width:13px;height:13px}.site-footer{border-top:1px solid var(--border);background:#ffffffdb;justify-content:space-between;align-items:center;gap:36px;margin-top:100px;padding:34px clamp(18px,5vw,72px);display:flex}.home-page+.site-footer{margin-top:0}.footer-copy{max-width:760px}.footer-purpose{color:var(--ink);margin:8px 0 0;font-size:14px;font-weight:700}.footer-privacy{color:var(--muted);margin:3px 0 0;font-size:13px}.footer-links{color:var(--muted);white-space:nowrap;flex-wrap:wrap;gap:16px;font-size:13px;font-weight:700;display:flex}.tool-page{min-height:80vh}.tool-intro{border-bottom:1px solid var(--border);background:#eff6ff;padding:54px max(18px,50vw - 560px)}.breadcrumb{color:var(--muted);align-items:center;gap:8px;margin-bottom:32px;font-size:13px;display:flex}.breadcrumb a:hover{color:var(--brand)}.tool-intro h1{letter-spacing:0;margin-bottom:18px;font-size:clamp(38px,6vw,62px);line-height:1.24}.tool-lead{color:var(--muted);max-width:720px;font-size:18px}.step-indicator{align-items:center;gap:10px;margin:34px 0 0;padding:0;list-style:none;display:flex}.step-indicator li{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.step-indicator li:not(:last-child):after{content:"";background:#cbd5e1;width:clamp(22px,5vw,76px);height:1px;margin-inline:10px}.step-indicator span{color:var(--brand);background:#fff;border:1px solid #bfdbfe;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.workspace-shell{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:24px;max-width:1120px;margin:50px auto;padding:clamp(20px,4vw,38px)}.workspace-heading{justify-content:space-between;align-items:start;gap:24px;margin-bottom:24px;display:flex}.workspace-heading h2{letter-spacing:0;margin-bottom:0;font-size:clamp(25px,4vw,36px);line-height:1.28}.workspace-heading>span{background:var(--background);border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:13px}.dropzone{text-align:center;background:#fff;border:2px dashed #93c5fd;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:28px;transition:background .15s,transform .15s;display:flex}.dropzone.is-dragging{border-color:var(--brand);background:#eff6ff;transform:scale(1.01)}.dropzone-icon{background:var(--brand-soft);color:var(--brand);border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:16px;font-size:32px;display:flex}.dropzone strong{font-size:18px}.dropzone>span:not(.dropzone-icon){color:var(--muted);font-size:14px}.dropzone button{background:var(--brand);color:#fff;border:0;margin-top:20px}.notice{border:1px solid;border-radius:12px;margin-top:16px;padding:12px 14px}.notice.error{background:var(--danger-soft);color:#991b1b;border-color:#fecaca}.notice.warning{background:var(--warning-soft);color:#9a3412;border-color:#fed7aa}.notice.info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.workspace-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:28px;margin-top:30px;display:grid}.pdf-to-jpg-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.42fr)}.composer-workspace-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.38fr);gap:24px;display:grid}.composer-settings{margin-top:18px}.settings-subheading{border-top:1px solid var(--border);margin:4px 0 -2px;padding-top:16px}.workspace-grid h3,.settings-panel h3{margin-bottom:14px;font-size:17px}.file-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.file-row{border:1px solid var(--border);z-index:1;background:#fff;border-radius:14px;align-items:center;gap:12px;min-height:78px;padding:10px;display:flex;position:relative}.file-row.is-sorting{box-shadow:var(--shadow);z-index:20}.file-thumbnail,.file-type{background:var(--brand-soft);object-fit:contain;border-radius:8px;flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:56px;transition:transform .18s;display:flex}.file-type{color:var(--brand);font-size:11px;font-weight:900}.file-copy{min-width:0;display:grid}.file-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-copy span{color:var(--muted);font-size:12px}.row-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.icon-button,.drag-handle{border:1px solid var(--border);color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:40px;height:40px;display:inline-flex}.drag-handle{cursor:grab;touch-action:none}.drag-handle:active{cursor:grabbing}.icon-button.danger,.danger-text{color:var(--danger)}.settings-panel{background:var(--background);border:1px solid var(--border);border-radius:16px;align-self:start;gap:16px;padding:20px;display:grid;position:sticky;top:94px}.settings-panel label,.field-block,.action-footer label{gap:7px;font-size:13px;font-weight:700;display:grid}.settings-panel input,.settings-panel select,.field-block input,.action-footer input{color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;min-height:44px;padding:8px 11px}.settings-panel input[type=range]{accent-color:var(--brand);padding:0}.settings-panel p{color:var(--muted);margin-bottom:0;font-size:13px}.suffix-field{background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;display:flex;overflow:hidden}.suffix-field input{border:0}.suffix-field>span{color:var(--muted);padding-right:10px}.job-panel{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;align-items:center;gap:14px;margin-top:22px;padding:18px;display:grid}.job-panel>div:first-child{display:grid}.job-panel span{color:var(--muted);font-size:13px}.job-panel progress{accent-color:var(--brand);width:100%;height:8px}.indeterminate-bar{background:#dbeafe;border-radius:999px;height:8px;overflow:hidden}.indeterminate-bar span{background:var(--brand);border-radius:inherit;width:35%;height:100%;animation:1.2s ease-in-out infinite progress-slide;display:block}.result-panel{align-items:start;gap:24px;min-height:300px;padding:clamp(26px,6vw,70px);display:flex}.result-panel h2{font-size:clamp(28px,4vw,42px)}.result-panel p:not(.eyebrow){color:var(--muted)}.success-mark{background:var(--accent);border:10px solid var(--accent-soft);color:#fff;border-radius:50%;flex:0 0 72px;justify-content:center;align-items:center;height:72px;font-size:30px;display:flex}.result-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.source-file-bar,.selection-toolbar,.action-footer{background:var(--background);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:14px 16px;display:flex}.source-file-bar>div{display:grid}.source-file-bar span{color:var(--muted);font-size:13px}.source-summary-list{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.source-summary-list li{border:1px solid var(--border);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:9px 12px 9px 16px;display:flex}.source-summary-list li>div{min-width:0;display:grid}.source-summary-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-summary-list span{color:var(--muted);font-size:13px}.mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0;display:grid}.mode-tabs label{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:9px;min-height:56px;padding:10px 13px;font-size:14px;font-weight:700;display:flex}.mode-tabs label:has(input:checked){color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.mode-tabs input{accent-color:var(--brand)}.field-block{max-width:520px;margin:18px 0}.field-block small{color:var(--muted);font-weight:400}.selection-toolbar>div{flex-wrap:wrap;gap:6px;display:flex}.sticky-toolbar{z-index:10;position:sticky;top:84px}.page-grid-viewport{border:1px solid var(--border);border-radius:16px;height:min(70vh,660px);margin-top:18px;padding:12px;position:relative;overflow:auto}.page-grid-spacer{width:100%;position:relative}.virtual-page-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:282px;display:grid;position:absolute;top:0;left:0;right:0}.page-card{border:2px solid var(--border);color:var(--ink);background:#fff;border-radius:14px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:270px;padding:10px;display:flex;overflow:hidden}button.page-card{cursor:pointer}.page-card.is-selected{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:#eff6ff}.page-thumbnail,.thumbnail-placeholder{object-fit:contain;background:#f1f5f9;border-radius:7px;justify-content:center;align-items:center;width:100%;height:214px;display:flex}.thumbnail-placeholder{color:#94a3b8;font-size:12px;font-weight:900}.page-card>span:last-child{font-size:13px;font-weight:750}.organize-card{padding:8px}.page-select-button{cursor:grab;touch-action:manipulation;background:0 0;border:0;width:100%;height:212px;padding:0;overflow:hidden}.page-select-button:active,.file-drag-preview:active{cursor:grabbing}.file-drag-preview{cursor:grab;touch-action:manipulation;-webkit-user-select:none;user-select:none}.rotated-preview{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .18s;display:flex}.page-card-footer{justify-content:space-between;align-items:center;width:100%;font-size:12px;font-weight:750;display:flex}.page-card-footer>div{gap:3px;display:flex}.page-card-footer .icon-button,.page-card-footer .drag-handle{min-width:34px;height:34px}.composer-card-footer{gap:6px}.compose-page-label{text-align:left;min-width:0;display:grid}.compose-page-label strong{text-overflow:ellipsis;white-space:nowrap;max-width:96px;overflow:hidden}.compose-page-label small{color:var(--muted);font-size:10px;font-weight:650}.action-footer{margin-top:22px}.action-footer label{width:100%;max-width:440px}.content-page{max-width:830px;min-height:68vh;margin:0 auto;padding:clamp(62px,9vw,110px) 22px}.content-page h1{letter-spacing:0;font-size:clamp(40px,6vw,66px);line-height:1.25}.content-lead{color:var(--muted);font-size:20px;line-height:1.75}.content-page section{border-top:1px solid var(--border);margin-top:36px;padding-top:28px}.content-page section h2{font-size:24px}.content-page section p,.content-page li{color:var(--muted)}.updated-note{color:#64748b;margin-top:48px;font-size:13px}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes ambient-scan{0%{opacity:.28;transform:translate(-20px)rotate(-9deg)}to{opacity:.7;transform:translate(20px)rotate(-9deg)}}@media (width<=980px){.home-hero{grid-template-columns:1fr}.hero-copy{max-width:850px}.workspace-grid,.composer-workspace-grid{grid-template-columns:1fr}.settings-panel{position:static}.virtual-page-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.site-header{min-height:64px;padding:10px 16px}.header-cta{padding-inline:13px}.header-tools{gap:2px}.header-tool-link{padding-inline:8px;font-size:12px}.home-hero{gap:30px;min-height:auto;padding-top:44px}.home-page:before{opacity:.42;background-size:44px 44px}.home-page:after{display:none}.hero-dropzone{min-height:290px}.hero-copy h1 br{display:none}.site-footer{display:grid}.tool-intro{padding-top:38px}.step-indicator{align-items:flex-start}.step-indicator li{text-align:center;justify-items:center;display:grid}.step-indicator li:not(:last-child):after{display:none}.workspace-shell{border-inline:0;border-radius:0;margin:28px 0}.mode-tabs{grid-template-columns:1fr}.source-file-bar,.selection-toolbar,.action-footer{flex-direction:column;align-items:stretch}.page-card-footer .icon-button,.page-card-footer .drag-handle{min-width:44px;height:44px}.sticky-toolbar{position:static}.virtual-page-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.brand{font-size:17px}.brand-mark{width:34px;height:34px}.header-cta{font-size:13px}.hero-copy h1{font-size:43px}.hero-dropzone{border-radius:22px;min-height:270px;padding:26px 18px}.workspace-heading{display:block}.workspace-heading>span{margin-top:10px;display:inline-block}.file-row{flex-wrap:wrap;align-items:flex-start}.file-copy{max-width:calc(100% - 68px)}.row-actions{justify-content:flex-end;width:calc(100% - 64px);margin-left:64px}.result-panel{display:grid}.result-actions,.source-summary-list li{flex-direction:column;align-items:stretch}.virtual-page-row{grid-template-columns:1fr}.page-card{max-width:260px;margin-inline:auto}.footer-links{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}