:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#192537;background:#f4f6f9;font-synthesis:none;font-size:16px;--blue:#2458dc;--muted:#657286;--line:#dfe5ee}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #90afff;outline-offset:4px}[hidden]{display:none!important}.header{height:88px;padding:0 max(28px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:700;font-size:1.125rem}.brand-divider{height:20px;width:1px;background:var(--line);margin:0 9px}.brand-caption{font-size:.875rem;font-weight:400;color:var(--muted)}.format-label{font-size:.75rem;letter-spacing:.09em;color:#57677d;border:1px solid var(--line);padding:8px 11px;border-radius:5px;white-space:nowrap}main{max-width:1176px;padding:58px 28px 0;margin:auto}.intro{max-width:720px;margin-bottom:34px}.eyebrow{color:var(--blue);font-size:.75rem;letter-spacing:.13em;font-weight:700;margin:0 0 14px}h1{font-size:clamp(2rem,4vw,2.75rem);letter-spacing:-.04em;line-height:1.12;margin:0 0 16px;font-weight:650}.intro>p:last-child{color:var(--muted);line-height:1.7;margin:0;max-width:630px}h2{font-size:1rem;margin:0;font-weight:650}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,1fr);gap:22px;align-items:start}.work-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;min-width:0;box-shadow:0 3px 10px #13244503}.panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}.step-number{font-size:.75rem;letter-spacing:.03em;color:#78869a;font-variant-numeric:tabular-nums}.dropzone{position:relative;border:1.5px dashed #b4c3dd;background:#f9fbff;border-radius:8px;min-height:237px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;transition:background .15s,border-color .15s}.dropzone:hover,.dropzone.dragging,.dropzone:focus-within{background:#eff4ff;border-color:var(--blue)}.dropzone:focus-within{outline:3px solid #90afff;outline-offset:3px}.upload-icon{width:44px;height:44px;color:var(--blue);margin-bottom:17px}.file-label{font-weight:600;color:var(--blue);line-height:1.5}.dropzone p{margin:6px 0 21px;color:var(--muted);font-size:.875rem}.file-limits{font-size:.75rem;color:#728097;line-height:1.5}#file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.action-row{display:flex;align-items:center;gap:18px;margin-top:22px;flex-wrap:wrap}.primary-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 20px;border-radius:6px;background:var(--blue);color:white;font-weight:600;text-decoration:none;line-height:1.25;transition:background .15s}.primary-button:hover{background:#1748c5}.primary-button:disabled{background:#e8edf5;color:#8b97aa}.primary-button span{font-size:1.2rem}.action-note{color:var(--muted);font-size:.75rem}.settings{padding:28px;background:#edf1f7;border:1px solid #e3e8f0;border-radius:12px}.template-title{display:flex;align-items:center;gap:13px;margin:29px 0 25px}.template-title svg{width:29px;height:35px;flex-shrink:0;color:#4c6388}.template-title strong{display:block;font-size:.875rem;line-height:1.5}.template-title span{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}dl{margin:0}dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #dce3ed;font-size:.875rem;line-height:1.45}dt{color:var(--muted)}dd{margin:0;text-align:right;font-weight:500}.template-note{color:var(--muted);font-size:.875rem;line-height:1.65;margin:20px 0 0}.notes{display:flex;justify-content:space-between;gap:35px;margin-top:25px;color:var(--muted);font-size:.75rem;line-height:1.7}.notes p{margin:0}.notes p:first-child{max-width:490px}.notes p:last-child{text-align:right;max-width:375px}.notes span{margin-right:6px;color:var(--blue)}footer{max-width:1120px;margin:65px auto 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:22px 0 26px;color:#7b889b;font-size:.75rem}.selected{display:flex;gap:14px;align-items:center;background:#f4f7fc;border:1px solid var(--line);border-radius:8px;padding:20px;min-height:110px}.pdf-tag{font-size:.75rem;color:var(--blue);background:#e8efff;padding:12px 7px;border-radius:4px;font-weight:700}.file-info{min-width:0;flex:1}.file-info strong{display:block;font-size:.875rem;line-height:1.6;overflow-wrap:anywhere}.file-info span{display:block;font-size:.75rem;color:var(--muted);margin-top:5px}.icon-button{border:0;background:transparent;font-size:1.7rem;color:var(--muted);padding:6px 10px}.processing{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.progress-heading{display:flex;justify-content:space-between;gap:15px;font-size:.875rem;line-height:1.6}.progress-heading span{color:var(--muted);font-variant-numeric:tabular-nums}progress{width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;margin:18px 0 3px;accent-color:var(--blue);background:#e8edf5}progress::-webkit-progress-bar{background:#e8edf5}progress::-webkit-progress-value{background:var(--blue)}progress::-moz-progress-bar{background:var(--blue)}.processing p{color:var(--muted);font-size:.75rem;line-height:1.6;margin-bottom:0}.error{background:#fff1f0;border:1px solid #f2c8c3;color:#a6342c;border-radius:6px;padding:15px 17px;font-size:.875rem;line-height:1.6;margin:22px 0 0}.result{text-align:center;padding:27px 0 10px}.success-mark{width:50px;height:50px;border-radius:50%;background:#e9f3ef;color:#297654;display:grid;place-items:center;font-size:1.5rem;margin:0 auto 18px}.result h2{font-size:1.4rem}.result p{font-size:.875rem;color:var(--muted);line-height:1.6;margin:12px 0 26px}.result .primary-button{min-width:220px}.text-button{display:block;margin:16px auto 0;border:0;background:transparent;color:var(--muted);font-size:.875rem;padding:9px}.text-button:hover{color:var(--blue)}@media(max-width:760px){.header{height:72px;padding:0 20px}.brand-caption,.brand-divider{display:none}main{padding:35px 20px 0}.intro{margin-bottom:27px}h1{font-size:2rem}.workspace{grid-template-columns:minmax(0,1fr)}.work-panel,.settings{padding:22px}.settings .panel-heading{margin-bottom:17px}.template-title{margin:20px 0}.notes{flex-direction:column;gap:12px}.notes p:last-child{text-align:left}.action-row{gap:13px}.action-row .primary-button{width:100%}.action-note{width:100%;text-align:center}footer{margin:38px 20px 0;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}