:root{--ink:#14251f;--muted:#66736e;--paper:#f4f6f1;--card:#fff;--line:#dfe5de;--green:#2b6b51;--lime:#d8f05b;--navy:#182f3a}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.center-screen,.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#e5f4d5,transparent 34%),var(--paper)}.loader{width:34px;height:34px;border:3px solid #d6ded7;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-card{width:min(440px,100%);background:#fff;padding:42px;border:1px solid var(--line);box-shadow:0 24px 70px #24372a14}.brand-mark{width:48px;height:48px;display:grid;place-items:center;background:var(--ink);color:var(--lime);font:bold 25px Georgia,serif;border-radius:12px;margin-bottom:28px}.brand-mark.small{width:38px;height:38px;font-size:20px;margin:0;border-radius:9px}.eyebrow{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.16em;margin:0 0 12px}h1{font:500 clamp(35px,5vw,58px)/1.03 Georgia,serif;letter-spacing:-.035em;margin:0 0 16px}h2,h3,p{margin-top:0}.muted,.hero p,.card p{color:var(--muted);line-height:1.55}.form-stack{display:grid;gap:17px;margin-top:28px}label{display:grid;gap:8px;font-size:13px;font-weight:700}input{width:100%;border:1px solid #cad3cc;background:#fbfcfa;border-radius:9px;padding:13px 14px;outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #2b6b5118}.primary,.secondary{border:0;border-radius:9px;padding:14px 20px;font-weight:800;transition:.18s}.primary{background:var(--ink);color:#fff;box-shadow:0 8px 24px #14251f28}.primary:hover:not(:disabled){background:var(--green);transform:translateY(-1px)}.secondary{background:var(--lime);color:var(--ink)}.secondary:hover:not(:disabled){filter:brightness(.95)}button:disabled{opacity:.45;cursor:not-allowed}.notice{padding:12px 14px;border-radius:8px;font-size:13px;line-height:1.4}.notice.ok{background:#e5f4e9;color:#215a3e;border:1px solid #b8ddc5}.notice.error{background:#fff0ec;color:#8b3829;border:1px solid #f2c8bd}header{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,5vw,76px);background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand div{display:grid;gap:2px}.brand strong{font-size:15px}.brand span:not(.brand-mark){font-size:11px;color:var(--muted)}nav{display:flex;background:#eef1ec;border-radius:9px;padding:4px;gap:3px}nav button{border:0;background:transparent;padding:9px 15px;border-radius:7px;color:var(--muted);font-size:13px;font-weight:700}nav button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #1a302014}.logout{justify-self:end;border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:700}.content{width:min(1180px,calc(100% - 44px));margin:auto;padding:64px 0 48px}.hero{max-width:720px;margin-bottom:38px}.hero.compact{margin-bottom:32px}.hero.compact h1{font-size:44px}.hero p{font-size:16px;max-width:620px}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:0 10px 35px #20312708}.step,.card-title{display:flex;gap:18px;align-items:flex-start}.step>span,.number{font:italic 700 14px Georgia,serif;color:var(--green);padding-top:5px}.step h2,.card-title h2{font:500 24px Georgia,serif;margin-bottom:6px}.dropzone{width:100%;margin:24px 0 16px;border:1.5px dashed #aebbb2;background:#fafbf9;border-radius:12px;min-height:176px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--ink);cursor:pointer}.dropzone:hover,.dropzone.has-file{border-color:var(--green);background:#f4f9f2}.file-badge{background:#e1ebdf;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.1em;padding:7px 9px;border-radius:6px}.drop-main{font-weight:800;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-hint{font-size:12px;color:var(--muted)}.convert-button{width:100%;padding:16px}.summary-card{background:var(--navy);color:#fff}.summary-card p{color:#aebdc1}.status-dot{width:9px;height:9px;border-radius:50%;background:#e2a85d;display:inline-block;box-shadow:0 0 0 5px #e2a85d1c}.status-dot.ready{background:var(--lime);box-shadow:0 0 0 5px #d8f05b1a}.summary-card h3{margin:15px 0 7px;font:500 22px Georgia,serif}.rule{border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c;margin:24px 0;padding:20px 0;display:grid;gap:9px}.rule span,.output-note strong{font-size:10px;letter-spacing:.13em;color:#92a5aa;text-transform:uppercase}.rule code{font-size:12px;color:#e7efec}.output-note{display:grid;gap:9px}.output-note span{border-left:2px solid var(--lime);padding-left:10px;font-size:13px}.output-note small{color:#91a3a7;margin-top:5px}.settings-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}.settings-grid .dropzone{min-height:145px}.settings-grid .secondary{width:100%}.current-file{margin-top:18px;border-top:1px solid var(--line);padding-top:16px;display:grid;gap:5px}.current-file span,.current-file small{font-size:11px;color:var(--muted)}.current-file strong{font-size:13px;word-break:break-all}.floating{margin-top:20px}footer{padding:24px;text-align:center;color:#88938f;font-size:11px;border-top:1px solid var(--line)}footer span{margin:0 8px}@media(max-width:800px){header{grid-template-columns:1fr auto;height:auto;padding:14px 20px;gap:12px}header nav{grid-row:2;grid-column:1/-1;justify-self:stretch}nav button{flex:1}.logout{grid-column:2;grid-row:1}.brand span:not(.brand-mark){display:none}.content{width:min(100% - 28px,700px);padding-top:42px}.work-grid,.settings-grid{grid-template-columns:1fr}.summary-card{order:-1}.auth-card{padding:30px 24px}}