:root{color-scheme:light;--bg: #eef3ec;--bg-soft: #f7faf6;--panel: #ffffff;--panel-soft: #f3f7f1;--ink: #263126;--muted: #586358;--line: #cfd8cb;--line-strong: #b8c5b3;--accent: #5f9b3d;--accent-strong: #4e8332;--accent-soft: #e9f3e3;--brand-dark: #2f5d2f;--error: #8d2626}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;font-family:Candara,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,sans-serif;color:var(--ink);background:linear-gradient(180deg,#5f9b3d14,#5f9b3d00 180px),linear-gradient(180deg,#f9fbf8 0%,var(--bg) 100%)}code{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.92em;background:var(--accent-soft);padding:.1em .35em;border-radius:.3em}.shell{width:min(920px,calc(100% - 32px));margin:24px auto 36px;display:grid;gap:16px}.hero,.panel{border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 8px 24px #354d2f14}.hero{position:relative;padding:clamp(18px,4vw,28px);background:linear-gradient(180deg,#5f9b3d14 0,#5f9b3d00 72px),var(--panel)}.hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel{padding:clamp(18px,4vw,28px);background:linear-gradient(180deg,var(--panel) 0%,var(--bg-soft) 100%)}.brand{display:flex;align-items:center;gap:16px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;flex:0 0 58px}.brand-mark img{width:100%;height:100%;display:block}.brand-copy{min-width:0}.eyebrow{margin:0 0 4px;font-size:.84rem;color:var(--brand-dark);font-weight:700}h1{margin:0;font-family:Gill Sans,Trebuchet MS,sans-serif;font-size:clamp(1.9rem,4.6vw,3rem);line-height:1.02;color:var(--brand-dark)}h2{margin:0 0 14px;font-family:Gill Sans,Trebuchet MS,sans-serif;font-size:1.2rem;color:var(--brand-dark)}.subtitle{margin:4px 0 0;font-size:1rem;line-height:1.25;color:var(--muted);font-weight:700}.lede{margin:14px 0 0;line-height:1.5;color:var(--muted);font-size:1rem}.hero-links{margin:10px 0 0}.hero-links a{color:var(--muted);text-decoration:underline;text-decoration-color:#58635859;text-underline-offset:.18em;font-size:.9rem;font-weight:500;transition:color .12s ease,text-decoration-color .12s ease}.hero-links a:hover,.hero-links a:focus-visible{color:var(--brand-dark);text-decoration-color:#2f5d2fa6;outline:none}.locale-picker{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.92rem;flex-shrink:0}.locale-picker select{border:1px solid var(--line-strong);border-radius:8px;padding:4px 8px;background:#fff;color:var(--ink)}.form{display:grid;gap:16px}.dropzone{display:grid;gap:10px;padding:18px;border:2px dashed var(--line-strong);border-radius:14px;background:linear-gradient(180deg,#5f9b3d0a,#5f9b3d03),#ffffffe6;cursor:pointer;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.dropzone:hover,.dropzone:focus-visible,.dropzone.drop-active{border-color:var(--accent);background:linear-gradient(180deg,#5f9b3d14,#5f9b3d05),#fffffff5;box-shadow:0 0 0 4px #5f9b3d14;outline:none}.dropzone-title{margin:0;font-size:1rem;font-weight:700;color:var(--brand-dark)}.dropzone-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:500;font-style:normal;font-size:1.12rem;display:inline-block;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.field{display:grid;gap:8px;font-weight:700;padding:14px;border:1px solid var(--line);border-radius:12px;background:#ffffffdb}.field span{font-size:.96rem;color:var(--brand-dark)}.field-help{margin:0;font-size:.9rem;line-height:1.45;color:var(--muted)}.drop-help,.picked-file{margin:0;line-height:1.45}.picked-file{min-height:1.5em;font-weight:700;color:var(--ink)}.checkbox-row{display:flex;align-items:center;gap:10px;font-weight:400;color:var(--ink)}.checkbox-row input[type=checkbox]{width:auto;margin:0}input[type=file]{width:100%;border:1px solid var(--line-strong);border-radius:10px;padding:12px;background:#fff;font:inherit}select{width:100%;border:1px solid var(--line-strong);border-radius:8px;padding:10px 12px;background:#fff;color:var(--ink);font:inherit}select:disabled{background:#f3f5f2;color:#879187}.radio-group{display:grid;gap:10px}.radio-row{display:flex;align-items:center;gap:10px;font-weight:400;color:var(--ink)}.radio-row input[type=radio]{margin:0}.mapping-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.mapping-table th,.mapping-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.mapping-table thead th{background:var(--panel-soft);color:var(--brand-dark);font-size:.92rem}.mapping-table tbody th{width:34%;font-weight:700;color:var(--ink)}.mapping-table tbody tr:last-child th,.mapping-table tbody tr:last-child td{border-bottom:0}.page-selection-actions{display:flex;flex-wrap:wrap;gap:8px}.page-selection-list{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff}.page-selection-row{display:flex;align-items:center;gap:10px;margin:0;padding:8px 10px 8px calc(10px + var(--depth-indent, 0px));border-bottom:1px solid #e8eee4;font-weight:400}.page-selection-row:last-child{border-bottom:0}.page-selection-row input[type=checkbox]{margin:0}.preview-field{position:relative;gap:10px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-frame{width:100%;min-height:420px;border:1px solid var(--line);border-radius:10px;background:#fff}.preview-mode{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft)}.preview-mode-label{font-size:.9rem;font-weight:700;color:var(--brand-dark)}.preview-mode-actions{display:flex;flex-wrap:wrap;gap:8px}.preview-mode-button{padding:8px 12px}.preview-mode-button[data-state=active]{color:#fff;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);border-color:transparent}.preview-mode-button[data-state=active]:hover:not(:disabled){background:linear-gradient(180deg,#6aa845 0%,var(--accent-strong) 100%)}.preview-markdown{margin:0;max-height:420px;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.88rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.preview-field.preview-stale:after{content:attr(data-stale-message);position:absolute;top:86px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:#fff8f8f0;color:var(--error);font-size:.98rem;font-weight:700;letter-spacing:.01em;pointer-events:none;border:1px solid rgba(141,38,38,.18);border-radius:999px;box-shadow:0 8px 22px #2631261f;text-align:center;z-index:2;max-width:calc(100% - 48px)}.preview-field.preview-busy:after{content:attr(data-busy-message);position:absolute;top:86px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:#fffffff0;color:var(--brand-dark);font-size:.98rem;font-weight:700;letter-spacing:.01em;pointer-events:none;border:1px solid rgba(95,155,61,.22);border-radius:999px;box-shadow:0 8px 22px #2631261f;text-align:center;z-index:2;max-width:calc(100% - 48px)}.preview-field.preview-busy .preview-frame,.preview-field.preview-busy .preview-markdown{opacity:.42;filter:grayscale(.12) blur(.6px)}.preview-field.preview-stale .preview-frame,.preview-field.preview-stale .preview-markdown{opacity:.42;filter:grayscale(.18) blur(.6px)}.actions{display:flex;flex-wrap:wrap;gap:12px}.actions-help{margin:-4px 0 0;font-size:.92rem;line-height:1.45;color:var(--brand-dark);font-weight:700}button{border:0;border-radius:12px;padding:11px 16px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;font:inherit;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease;box-shadow:0 6px 14px #5f9b3d33}button:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(180deg,#6aa845 0%,var(--accent-strong) 100%)}button:focus-visible{outline:0;box-shadow:0 0 0 3px #5f9b3d33,0 6px 14px #5f9b3d33}button:disabled{opacity:.65;cursor:wait}.ghost-button{color:var(--brand-dark);background:#fff;border:1px solid var(--line-strong);box-shadow:none}.ghost-button:hover:not(:disabled){transform:none;background:var(--panel-soft);border-color:#a9b8a4;box-shadow:none}.ghost-button .material-symbols-rounded{font-size:1.04rem}.btn-label{line-height:1}.status{margin:0;flex:1;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);color:var(--muted)}.status-shell{display:flex;align-items:flex-start;gap:12px;margin-top:18px}.status-spinner{width:18px;height:18px;margin-top:14px;border:2px solid rgba(95,155,61,.18);border-top-color:var(--accent);border-radius:50%;flex:0 0 auto;animation:spin .8s linear infinite}.progress-shell{margin-top:18px}.progress-track{height:8px;overflow:hidden;border-radius:999px;background:#5f9b3d1f;border:1px solid rgba(95,155,61,.12)}.progress-bar{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent) 0%,#7ab653 100%);transition:width .18s ease}.status[data-state=error]{background:#8d262614;border-color:#8d262633;color:var(--error)}.notes{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.notes summary{cursor:pointer;font-weight:700;color:var(--brand-dark)}.notes ul{margin:12px 0 0;padding-left:20px;color:var(--muted);line-height:1.5}.app-footer{padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#5f9b3d0d,#5f9b3d00),var(--panel);box-shadow:0 8px 24px #354d2f0d;text-align:center}.app-footer p{margin:0;color:var(--muted);line-height:1.45;font-size:.92rem}.app-footer p+p{margin-top:8px}.app-footer-meta{font-size:.86rem}.app-footer-note{max-width:78ch;margin-left:auto!important;margin-right:auto!important}.app-footer a{color:var(--brand-dark);font-weight:700;text-decoration-thickness:1px;text-underline-offset:.12em}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.shell{width:min(100%,calc(100% - 20px));margin:16px auto}.hero,.panel{border-radius:12px}.brand{align-items:flex-start}.hero-top{flex-direction:column}.brand-mark{width:50px;height:50px;flex-basis:50px}.locale-picker{margin-top:10px}input[type=file]{padding:14px}}@media(min-width:900px){.lede{max-width:none;white-space:normal;overflow-wrap:anywhere}}