@font-face { font-family: "AI Smart PDF Thai"; src: url("../fonts/pdf-editor/NotoSansThai-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
html[lang="th"] body.site-modern,
html[lang="th"] .site-modern :where(h1, h2, h3, h4, h5, h6, p, a, button, input, select, textarea, label, span, li, div, strong, small, summary, legend, option, output, dt, dd, th, td):not(:where(.fa, .fas, .far, .fab, .fal, .fad)) {
    font-family: "AI Smart PDF Thai", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
html {
    --ui-bg: #f9fafb; --ui-panel: #fff; --ui-strong: #f1f5f9; --ui-input: #fff;
    --ui-ink: #1f2937; --ui-muted: #64748b; --ui-line: #d5dde8;
    --ui-primary: #dc2626; --ui-primary-text: #fff; --ui-selected: #fff1f2;
    --ui-success: #047857; --ui-success-bg: #ecfdf5;
    --ui-danger: #991b1b; --ui-danger-bg: #fef2f2; --ui-warning: #92400e;
    color-scheme: light;
}
html[data-theme="dark"] {
    --ui-bg: #08121f; --ui-panel: #101a27; --ui-strong: #182739; --ui-input: #0a111d;
    --ui-ink: #f5fbff; --ui-muted: #a5bdcf; --ui-line: #3a5067;
    --ui-primary: #55c7f2; --ui-primary-text: #062029; --ui-selected: #142f42;
    --ui-success: #76d9aa; --ui-success-bg: #12312c;
    --ui-danger: #ffb4a6; --ui-danger-bg: #3a222b; --ui-warning: #efc45d;
    color-scheme: dark;
}
.pdf-preferences { position: relative; display: flex; align-items: center; gap: 6px; margin-left: auto; flex-shrink: 0; }
.site-modern .pdf-preference-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; margin: 0; padding: 8px 10px; border: 1px solid var(--ui-line); border-radius: 8px; background: var(--ui-panel); color: var(--ui-ink); font-size: 12px; line-height: 1.4; box-shadow: none; cursor: pointer; }
.pdf-preference-button:hover { border-color: var(--ui-primary); }
#pdfThemeToggle { width: 40px; padding: 0; }
.pdf-theme-sun, [data-theme="dark"] .pdf-theme-moon { display: none; }
[data-theme="dark"] .pdf-theme-sun { display: inline-block; }
.pdf-language-picker { position: relative; }
.pdf-language-flag { display: block; width: 25px; height: 17px; flex-shrink: 0; object-fit: cover; border: 1px solid var(--ui-line); border-radius: 2px; }
.pdf-language-options { position: absolute; right: 0; top: calc(100% + 8px); z-index: 130; width: min(280px, calc(100vw - 32px)); padding: 6px; border: 1px solid var(--ui-line); border-radius: 10px; background: var(--ui-panel); box-shadow: 0 12px 32px #0003; }
.site-modern .pdf-language-options button { display: grid; grid-template-columns: 25px minmax(0, 1fr) auto 14px; align-items: center; gap: 9px; width: 100%; min-height: 44px; padding: 9px; margin: 0; border: 0; border-radius: 6px; background: transparent; color: var(--ui-ink); font-size: 13px; text-align: left; cursor: pointer; box-shadow: none; }
.pdf-language-options button[aria-selected="true"], .pdf-language-options button:hover { background: var(--ui-selected); }
.pdf-language-options small { color: var(--ui-muted); font-size: 11px; }
.pdf-language-options button i { visibility: hidden; color: var(--ui-primary); }
.pdf-language-options button[aria-selected="true"] i { visibility: visible; }
.pdf-preference-notice { position: absolute; top: calc(100% + 10px); right: 0; z-index: 140; width: min(370px, calc(100vw - 32px)); padding: 14px; border: 1px solid var(--ui-line); border-radius: 9px; background: var(--ui-danger-bg); color: var(--ui-danger); font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.site-modern .pdf-preference-notice button { margin: 10px 6px 0 0; padding: 6px 9px; border: 1px solid var(--ui-line); border-radius: 6px; background: var(--ui-panel); color: var(--ui-ink); font-size: 11px; box-shadow: none; cursor: pointer; }
.site-modern :where(button, a, input, select, textarea, summary, [tabindex]):focus-visible { outline: 2px solid var(--ui-primary) !important; outline-offset: 3px; }
.header-inner { max-width: 1480px; gap: 16px; }
.site-navigation { gap: 15px; }
.pdf-translation-entry { padding: 18px 0; border-top: 1px solid var(--ui-line); }
.pdf-translation-entry h2 { font-size: 13px; margin: 0; }
.pdf-translation-source { white-space: pre-wrap; overflow-wrap: anywhere; color: var(--ui-muted); }
.pdf-translation-entry textarea { min-height: 100px; margin: 0; }
.pdf-translation-actions { display: flex; flex-wrap: wrap; gap: 8px; }
#pdfTranslationLanguage { max-width: 220px; margin: 0; }

html[data-theme="dark"] body.site-modern {
    --accent: var(--ui-primary); --accent-dark: #36b5e0; --ink: var(--ui-ink); --muted: var(--ui-muted); --line: var(--ui-line);
    background: var(--ui-bg); color: var(--ui-ink);
}
html[data-theme="dark"] .site-modern :where(.site-header, .tools-mega-menu, .site-navigation, .site-footer, .kingdom-account-panel, .kingdom-login, .catalog-card, .catalog-empty, .workflow-grid article, .workflow-feature-card, .post, .main-cont1, .pdf-panel, .pdf-admin-nav a) { background: var(--ui-panel); border-color: var(--ui-line); color: var(--ui-ink); }
html[data-theme="dark"] .site-modern :where(.landing-hero, .tools-section, .how-it-works, .converter-hero, .editor-stage, .pdf-editor, .editor-thumbnail, .pdf-table th, .pdf-plan-editor) { background: var(--ui-bg); color: var(--ui-ink); }
html[data-theme="dark"] .site-modern :is(.landing-hero h1 span, .converter-hero h1) { background-image: linear-gradient(135deg, var(--ui-ink), var(--ui-primary) 70%, var(--ui-success)); }
html[data-theme="dark"] .site-modern :is(.xml-icon, .json-icon) { color: var(--ui-primary); }
html[data-theme="dark"] .site-modern .excel-icon { color: var(--ui-success); }
html[data-theme="dark"] .site-modern .csv-icon { color: var(--ui-danger); }
html[data-theme="dark"] .site-modern :where(.site-navigation a, .tools-menu-toggle, .tools-menu-item, .workflow-feature-card li, .footer-inner a, .footer-bottom, .post p, .main-cont1 p) { color: var(--ui-ink); }
html[data-theme="dark"] .site-modern :where(.site-navigation a:hover, .site-navigation a[aria-current="page"], .tools-menu-toggle[aria-expanded="true"], .card-action) { color: var(--ui-primary); }
html[data-theme="dark"] .site-modern :where(.tools-menu-group summary, .tools-menu-copy small, .tools-menu-footer p, .workflow-feature-copy p, .hero-description, .hero-benefits, .editor-project-help, .editor-project-status) { color: var(--ui-muted); }
html[data-theme="dark"] .site-modern :where(.button-primary, .workflow-primary, .editor-button-primary, .convert-button.recommended) { background: var(--ui-primary); border-color: var(--ui-primary); color: var(--ui-primary-text); }
html[data-theme="dark"] .site-modern :is(.button-primary:hover, .workflow-primary:hover:not(:disabled), .editor-button-primary:hover:not(:disabled)) { background: #36b5e0; color: var(--ui-primary-text); border-color: #36b5e0; }
html[data-theme="dark"] .site-modern :where(.button-secondary, .catalog-filter, .menu-toggle, .editor-button:not(.editor-button-primary), .editor-tool, .workflow-button:not(.workflow-primary), .workflow-port, .kingdom-account-panel button, .reset, .remove-button, .convert-button:not(.recommended)) { background: var(--ui-panel); color: var(--ui-ink); border-color: var(--ui-line); }
html[data-theme="dark"] .site-modern :is(.button-secondary:hover, .catalog-filter.active, .editor-tool.active, .editor-tool:hover:not(:disabled), .editor-button:not(.editor-button-primary):hover:not(:disabled), .workflow-button:not(.workflow-primary):hover:not(:disabled), .workflow-port.is-pending, .pdf-admin-nav a[aria-current="page"], a.tools-menu-item:hover) { background: var(--ui-selected); color: var(--ui-primary); border-color: var(--ui-primary); }
html[data-theme="dark"] .site-modern :where(.editor-toolbar, .editor-heading, .editor-properties, .editor-sidebar, .editor-empty, .editor-busy, .editor-statusbar, .editor-release-note, .editor-project-help p, .editor-dialog, .workflow-builder, .workflow-batch, .workflow-use-cases, .workflow-node, .workflow-recipes, .workflow-results) { background: var(--ui-panel); color: var(--ui-ink); border-color: var(--ui-line); }
html[data-theme="dark"] .site-modern :where(.editor-properties label, .editor-empty p, .editor-format small, .editor-dialog p, .workflow-use-case-heading p, .workflow-use-case-card-heading p, .workflow-use-case-description, .workflow-use-case-output, .workflow-use-case-count, .workflow-use-case-input, .workflow-node-summary, .workflow-properties p, .workflow-recipes p, .workflow-results > p, .workflow-scope, .workflow-result small, .workflow-batch span, .workflow-batch small, .workflow-planned, .workflow-palette h3) { color: var(--ui-muted); }
html[data-theme="dark"] .site-modern :where(input:not([type="color"]):not([type="checkbox"]):not([type="radio"]), select, textarea, .workflow-use-case-filters input, .workflow-use-case-filters select, .workflow-palette input, .workflow-properties input, .workflow-properties select, .workflow-recipes input, .workflow-recipes select, .editor-properties input, .editor-properties select, .editor-dialog input, .editor-dialog textarea) { background: var(--ui-input); color: var(--ui-ink); border-color: var(--ui-line); box-shadow: none; }
html[data-theme="dark"] .site-modern :where(input, textarea)::placeholder { color: var(--ui-muted); opacity: 1; }
html[data-theme="dark"] .site-modern :where(.workflow-use-case-card, .workflow-viewport-controls, .workflow-board-help, .workflow-use-case-empty, .tools-menu-badge, .tabs, .editor-format, .editor-signature-mode) { background: var(--ui-strong); color: var(--ui-ink); border-color: var(--ui-line); }
html[data-theme="dark"] .site-modern :where(.workflow-use-case-card h3, .workflow-use-case-filters label, .workflow-use-case-badges span) { color: var(--ui-ink); }
html[data-theme="dark"] .site-modern :is(.workflow-use-case-card-heading > i, .workflow-use-case-steps li, .workflow-use-case-badges span, .workflow-node-heading, .editor-format:has(input:checked), .editor-signature-mode.active, .format-label, .step-number, .card-tool-icon, .eyebrow) { background: var(--ui-selected); color: var(--ui-primary); border-color: var(--ui-line); }
html[data-theme="dark"] .site-modern :where(.workflow-heading h1 i, .workflow-use-case-heading h2 i, .workflow-action i, .workflow-feature-card li i, .editor-empty-icon) { color: var(--ui-primary); }
html[data-theme="dark"] .site-modern :where(.workflow-use-case-guide, .privacy-banner, .kingdom-auth-notice, .kingdom-admin, .editor-workflow-hint, .editor-project-save, .pdf-notice-success) { background: var(--ui-success-bg); color: var(--ui-success); border-color: #376856; }
html[data-theme="dark"] .site-modern :where(.workflow-use-case-guide p, .privacy-banner p, .privacy-banner h2) { color: var(--ui-ink); }
html[data-theme="dark"] .site-modern :where(.editor-private, .workflow-private, .workflow-status, .workflow-use-case-privacy, .editor-project-status[data-state="saved"], .editor-project-status[data-state="opened"], .editor-project-status[data-state="online-saved"], .pdf-plan-badge, .pdf-metric) { color: var(--ui-success); }
html[data-theme="dark"] .site-modern :where(.workflow-error, .editor-error, .kingdom-login-error, .pdf-notice-error) { background: var(--ui-danger-bg); border-color: #775264; color: var(--ui-danger); }
html[data-theme="dark"] .site-modern :where(.pdf-notice-warning, .editor-project-status[data-state="unsaved"], .editor-project-status[data-state="download-started"], .editor-project-status[data-state="online-unsaved"], .editor-project-status[data-state="online-error"]) { color: var(--ui-warning); }
html[data-theme="dark"] .site-modern .pdf-notice-warning { background: #332d1b; }
html[data-theme="dark"] .site-modern .pdf-notice:not(.pdf-notice-success):not(.pdf-notice-warning):not(.pdf-notice-error) { background: var(--ui-strong); color: var(--ui-ink); }
html[data-theme="dark"] .site-modern .workflow-board-scroll { background: var(--ui-bg); }
html[data-theme="dark"] .site-modern .workflow-board { background-image: radial-gradient(#3a5067 1px, transparent 1px); }
html[data-theme="dark"] .site-modern .workflow-board path { stroke: #9cb6c8; }
html[data-theme="dark"] .site-modern .workflow-board path.is-selected { stroke: var(--ui-primary); }
html[data-theme="dark"] .site-modern .workflow-node.is-selected { border-color: var(--ui-primary); box-shadow: 0 0 0 2px var(--ui-selected); }
html[data-theme="dark"] .site-modern #workflowZoomValue { color: var(--ui-ink); }
html[data-theme="dark"] .site-modern #section-tool { background: var(--ui-panel) !important; color: var(--ui-ink); border-color: var(--ui-line); }
html[data-theme="dark"] .site-modern #section-tool :where(h2, label, .drag-area .header) { color: var(--ui-ink); }
html[data-theme="dark"] .site-modern #section-tool :where(.drag-area, #fileList > li, #activityContainer, .tab-item.active) { background: var(--ui-input); color: var(--ui-ink); border-color: var(--ui-line); }
html[data-theme="dark"] .site-modern #section-tool :is(.tab-item.active, .drag-area:hover, .drag-area.active) { background: var(--ui-selected); color: var(--ui-primary); border-color: var(--ui-line); }
html[data-theme="dark"] .site-modern .site-brand img, html[data-theme="dark"] .site-modern .footer-brand img { background: #fff; border-radius: 6px; padding: 2px; }
html[data-theme="dark"] .site-modern :where(.editor-sidebar, .editor-toolbar, .editor-heading, .editor-properties, .editor-statusbar, .workflow-palette, .workflow-properties, .workflow-board-help, .workflow-viewport-controls, .workflow-edge-row, .workflow-result, .tools-menu-group, .footer-bottom) { border-color: var(--ui-line); }
html[data-theme="dark"] .site-modern .editor-dialog::backdrop { background: #020c10c7; }
html[data-theme="dark"] .site-modern .editor-page, html[data-theme="dark"] .site-modern #editorSignatureCanvas, html[data-theme="dark"] .site-modern #editorSignaturePreview { background: #fff; color-scheme: light; }
html[data-theme="dark"] .site-modern button:disabled { opacity: .6; }

@media (max-width: 1280px) and (min-width: 1001px) {
    .site-navigation { display: none; position: absolute; top: calc(100% - 1px); left: 24px; right: 24px; padding: 12px; max-height: calc(100dvh - 100px); overflow-y: auto; background: var(--ui-panel); border: 1px solid var(--ui-line); border-radius: 12px; }
    .site-navigation.is-open { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
    .site-navigation > a { padding: 10px 14px; }
    .menu-toggle { display: block; }
    .tools-mega-menu { position: static; width: 100%; }
    .tools-menu-toggle { width: 100%; justify-content: space-between; padding: 10px 14px; }
}
@media (max-width: 600px) {
    .site-header .header-action { display: none; }
    .header-inner { gap: 8px; }
    #pdfThemeToggle { width: 36px; height: 36px; }
    #pdfLanguageToggle { height: 36px; padding: 8px; }
    #pdfLanguageName, #pdfLanguageToggle > i { display: none; }
    .pdf-language-options { position: fixed; right: 16px; top: 65px; }
    .pdf-preference-notice { position: fixed; right: 16px; top: 65px; }
}