:root{color:#17324d;background:#f4f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:0;border-radius:14px;padding:.85rem 1.05rem;color:#fff;background:#1167b1;cursor:pointer;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;box-shadow:0 10px 22px #1167b12e}button:hover:not(:disabled){transform:translateY(-1px);background:#0d5796}button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}button.secondary{color:#1167b1;background:#e7f2fb;box-shadow:none}input{width:100%;border:1px solid #c9dbe8;border-radius:14px;padding:.9rem 1rem;color:#17324d;background:#fff;outline:none}input:focus{border-color:#1167b1;box-shadow:0 0 0 4px #1167b11f}label{display:block;margin-bottom:.55rem;font-weight:800}code{border-radius:6px;padding:.1rem .35rem;background:#e7f2fb}.app-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.hero{display:grid;grid-template-columns:1fr 120px;gap:24px;align-items:center;margin-bottom:22px;border-radius:28px;padding:30px;color:#fff;background:radial-gradient(circle at top right,rgba(255,255,255,.28),transparent 35%),linear-gradient(135deg,#0c4a7f,#1597bb);box-shadow:0 24px 54px #0c4a7f38}.hero img{width:120px;height:120px;border-radius:26px;object-fit:cover;background:#ffffff29}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:900;opacity:.8}h1,h2,p{margin-top:0}h1{max-width:760px;margin-bottom:.8rem;font-size:clamp(2rem,5vw,4rem);line-height:.98}h2{margin-bottom:0;font-size:1.1rem}.hero-text{max-width:760px;margin-bottom:0;color:#ffffffe0;font-size:1.05rem}.card{border:1px solid rgba(114,150,175,.22);border-radius:24px;padding:22px;background:#ffffffe0;box-shadow:0 18px 44px #1a405b14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.drop-zone{margin-bottom:18px;border-style:dashed}.drop-zone.is-dragging{border-color:#1167b1;background:#edf7ff}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.file-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:0;border-radius:14px;padding:.85rem 1.05rem;color:#1167b1;background:#e7f2fb;cursor:pointer;font-weight:800;white-space:nowrap}.file-button input{display:none}.hint{margin:.8rem 0 0;color:#5b7082}.actions-grid,.content-grid,.button-row{display:grid;gap:12px}.actions-grid{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.section-title{display:flex;gap:12px;align-items:baseline;justify-content:space-between;margin-bottom:16px}.section-title span{color:#6b8294;font-size:.85rem;font-weight:700}.result-box{min-height:118px;margin:0 0 14px;border:1px solid #b9d8eb;border-radius:16px;padding:16px;color:#123553;background:#dff1fb;white-space:pre-wrap;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;line-height:1.55}.result-box.small{min-height:92px;margin-top:14px}.notice{margin-top:16px;border-radius:16px;padding:14px 16px;color:#134e2a;background:#daf7e4;font-weight:700}.notice.error{color:#8a1f17;background:#ffe4df}.reset{display:block;margin:18px auto 0;background:#d7263d;box-shadow:0 10px 22px #d7263d2e}.reset:hover:not(:disabled){background:#b91f34}@media(max-width:780px){.hero,.content-grid,.actions-grid,.input-row{grid-template-columns:1fr}.hero img{width:88px;height:88px}}