:root{--text:#5f6875;--text-h:#111827;--bg:#eef3f5;--border:#d7dee4;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#a7b0ba;--text-h:#f6f7f9;--bg:#111827;--border:#2e3745;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}#root{min-height:100svh;margin:0 auto}body{background:linear-gradient(135deg, #2d7d6c1f, transparent 42%), var(--bg);margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:0;margin:0;font-size:42px;line-height:112%}@media (width<=1024px){h1{font-size:34px}}h2{letter-spacing:0;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-page,.result-shell{background:var(--bg);box-sizing:border-box;min-height:100svh}.app-page{grid-template-rows:auto minmax(0,1fr);padding:22px;display:grid}.topbar,.brand-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.brand-mark,.panel-label{color:#5d6b7a;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800}.language-select{align-items:center;gap:8px;display:inline-flex}.language-select span{color:#5d6b7a;text-transform:uppercase;font-size:12px;font-weight:800}.language-select select{min-height:34px;color:var(--text-h);font:inherit;cursor:pointer;background:#fff;border:1px solid #c7d2dc;border-radius:8px;padding:0 28px 0 10px;font-size:12px;font-weight:850}.language-select select:focus,.dropzone:focus,.primary-action:focus,.secondary-action:focus,.ghost-action:focus,.rewrite-action:focus{border-color:#166c5c;outline:3px solid #166c5c24}.intro-page{overflow:hidden}.intro-hero{grid-template-columns:minmax(0,.95fr) minmax(300px,1.05fr);justify-self:center;align-items:center;gap:44px;width:min(1120px,100%);padding:48px 0 20px;display:grid}.intro-copy{align-content:center;gap:20px;display:grid}.intro-copy p:not(.panel-label),.upload-panel p:not(.panel-label),.loading-panel p{max-width:660px;color:var(--text);font-size:17px;font-weight:600;line-height:155%}.intro-hero img{object-fit:cover;width:100%;min-height:420px;max-height:620px;box-shadow:var(--shadow);border-radius:8px}.upload-page{align-items:start}.upload-panel,.loading-panel{border:1px solid var(--border);width:min(640px,100%);box-shadow:var(--shadow);box-sizing:border-box;background:#fbfcfd;border-radius:8px;place-self:center;gap:20px;padding:30px;display:grid}.brand-block{gap:8px;display:grid}.dropzone{width:100%;min-height:180px;color:var(--text-h);text-align:left;cursor:pointer;box-sizing:border-box;background:#f5f8fb;border:1px dashed #90a4b7;border-radius:8px;align-content:center;gap:10px;padding:24px;display:grid}.dropzone:hover,.dropzone.dragging{background:#edf8f4;border-color:#166c5c}.dropzone strong{text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:125%;overflow:hidden}.dropzone span,.file-note{color:var(--text);font-size:14px;font-weight:650}input[type=file]{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.quick-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.primary-action,.secondary-action,.ghost-action,.rewrite-action{min-height:46px;font:inherit;letter-spacing:0;cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.wide-action{width:min(220px,100%)}.primary-action{color:#fff;background:#122f48}.secondary-action{color:#fff;background:#166c5c;width:100%}.rewrite-action{color:#fff;background:#7a3d0c}.ghost-action{color:#122f48;background:#fff;border-color:#c7d2dc}.primary-action:disabled,.secondary-action:disabled,.rewrite-action:disabled{cursor:wait;opacity:.68}.message{border-radius:8px;padding:12px 14px;font-size:14px;font-weight:700;line-height:140%}.error{color:#8a1f1f;background:#fff1f2}.loading-page{align-items:center}.loading-panel{text-align:left}.progress{background:#dce4ea;border-radius:999px;height:8px;overflow:hidden}.progress span{border-radius:inherit;background:#166c5c;width:50%;height:100%;animation:1.2s ease-in-out infinite progress-slide;display:block}@keyframes progress-slide{0%{margin-left:-50%}to{margin-left:100%}}.result-shell{grid-template-columns:minmax(320px,380px) minmax(0,1fr);display:grid}.result-status{border-right:1px solid var(--border);box-sizing:border-box;background:#fbfcfd;align-content:start;gap:20px;min-height:100svh;padding:24px;display:grid}.status-text{color:var(--text-h);margin-top:8px;font-size:22px;font-weight:780;line-height:125%}.file-meta{border-top:1px solid var(--border);gap:12px;margin:0;padding-top:12px;display:grid}.file-meta div{gap:4px;display:grid}.file-meta dt{color:#5d6b7a;text-transform:uppercase;font-size:12px;font-weight:800}.file-meta dd{min-width:0;color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:650;overflow:hidden}.build-meta{color:#5d6b7a;font-size:13px;font-weight:650;line-height:140%}.preview-panel{box-sizing:border-box;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:100svh;padding:24px;display:grid}.preview-toolbar{justify-content:space-between;align-items:center;gap:18px;padding-bottom:18px;display:flex}.pdf-frame{border:1px solid var(--border);min-height:0;box-shadow:var(--shadow);background:#dbe3ea;border-radius:8px;overflow:hidden}.pdf-frame iframe{background:#fff;border:0;width:100%;height:100%;min-height:720px;display:block}.empty-preview{color:#647484;text-align:center;place-content:center;gap:18px;min-height:560px;display:grid}.empty-preview span{color:#122f48;background:#fff;border:1px solid #bcc8d3;border-radius:8px;justify-self:center;place-items:center;width:120px;height:156px;font-size:28px;font-weight:850;display:inline-grid;box-shadow:0 14px 30px #202c3924}.empty-preview p{font-size:15px;font-weight:700}@media (width<=900px){.intro-hero{grid-template-columns:1fr;gap:28px;padding-top:32px}.intro-hero img{min-height:280px;max-height:360px}.result-shell{grid-template-columns:1fr}.result-status{border-right:0;border-bottom:1px solid var(--border);min-height:auto}.preview-panel{min-height:660px}}@media (width<=620px){.app-page,.preview-panel,.result-status{padding:18px}.topbar,.brand-row{flex-direction:column;align-items:flex-start}.upload-panel,.loading-panel{padding:22px}.quick-actions{grid-template-columns:1fr}.dropzone strong{white-space:normal}}