:root{--bg: #f4f6fb;--bg-deep: #e7edf8;--panel: #ffffff;--ink: #1d2433;--muted: #5f6880;--line: #d6deef;--accent: #1b7f8f;--accent-strong: #115d68;--ok: #0f7a3d;--warn: #b54708;--bad: #bf1c3f;--shadow: 0 20px 45px rgba(17, 42, 76, .12);--radius: 16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Segoe UI,Inter,Avenir Next,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 0%,#ffffff 0%,transparent 42%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%)}.app-shell{width:min(980px,calc(100vw - 2rem));margin:2rem auto;display:grid;gap:1rem}.hero{padding:1rem .35rem}.eyebrow{margin:0 0 .4rem;color:var(--accent-strong);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}h1{margin:0;font-size:clamp(1.65rem,2.5vw,2.4rem)}.subtitle{margin:.6rem 0 0;color:var(--muted);line-height:1.45}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);padding:1rem}.drop-zone{border:2px dashed #b4c3e5;border-radius:14px;background:linear-gradient(180deg,#f8faff,#f2f6ff);padding:1.75rem 1rem;cursor:pointer;transition:.16s ease}.drop-zone:hover,.drop-zone:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-1px)}.drop-zone.drag{border-color:var(--accent-strong);background:linear-gradient(180deg,#eefcff,#e4f4f7)}.drop-zone.processing{border-color:#9bb5df;opacity:.78;cursor:progress}.drop-title{margin:0;font-size:1.1rem;font-weight:700}.drop-hint{margin:.35rem 0 0;color:var(--muted)}.status-text{margin:.9rem 0 0;font-weight:600;color:var(--accent-strong)}.status-text.error{color:var(--bad)}.status-text.success{color:var(--ok)}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.9rem}.btn{border:1px solid #b8c6e8;background:#f7f9ff;color:#26314b;border-radius:10px;padding:.6rem .95rem;font-weight:650;cursor:pointer}.btn:hover:not(:disabled){background:#edf2ff}.btn-primary{border-color:var(--accent-strong);background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn:disabled{opacity:.52;cursor:not-allowed}.meta{margin-top:.65rem;color:var(--muted);min-height:1.25rem}.preview-head h2{margin:0;font-size:1rem}.preview{width:100%;min-height:350px;margin-top:.75rem;border:1px solid var(--line);border-radius:10px;resize:vertical;padding:.75rem;font:.95rem/1.4 Consolas,SFMono-Regular,Menlo,monospace}@media (max-width: 640px){.app-shell{width:calc(100vw - 1rem);margin:.8rem auto 1rem}.panel{padding:.8rem}.preview{min-height:280px}}