:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-top:#f3efe5;--bg-bottom:#dfe8da;--surface:#fffcf5e0;--surface-strong:#fffaf0;--text-main:#1b1f18;--text-muted:#5b6458;--accent:#205c4f;--accent-strong:#123b33;--border:#205c4f29;--error:#aa2e25;--shadow:0 24px 80px #1f301d1f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text-main);background:radial-gradient(circle at top left,#ffffffe6,transparent 36%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom));font-family:Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif}button,input{font:inherit}.page-shell{width:min(980px,100vw - 32px);margin:0 auto;padding:48px 0 72px}.hero-card,.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px}.hero-card{padding:32px}.hero-card h1{letter-spacing:-.05em;margin:8px 0 12px;font-size:clamp(2.2rem,5vw,4.4rem);line-height:.96}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}.intro{max-width:56rem;color:var(--text-muted);margin:0;font-size:1.05rem;line-height:1.7}.stack{gap:20px;margin-top:20px;display:grid}.panel{padding:28px}.panel-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.panel-header h2{margin:0;font-size:1.4rem}.panel-header span{color:var(--text-muted);font-size:.94rem}.upload-form{gap:18px;display:grid}.file-dropzone{cursor:pointer;background:#fffaf0c7;border:1.5px dashed #205c4f52;border-radius:22px;gap:8px;padding:26px;display:grid}.file-dropzone input{display:none}.file-dropzone span{font-size:1.06rem;font-weight:600}.file-dropzone small,.field span,.status{color:var(--text-muted)}.field{gap:8px;display:grid}.field input{border:1px solid var(--border);background:var(--surface-strong);border-radius:16px;outline:none;width:100%;padding:14px 16px}.field input:focus{border-color:#205c4f80;box-shadow:0 0 0 4px #205c4f14}button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#f8f7f1;cursor:pointer;border:0;border-radius:999px;width:fit-content;padding:14px 22px;font-weight:700}button:disabled{cursor:wait;opacity:.75}.result-box{border:1px solid var(--border);background:#faf7eecc;border-radius:22px;min-height:260px;padding:22px}.result-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.result-meta div{border:1px solid var(--border);background:#fffaf0b8;border-radius:16px;gap:4px;padding:14px 16px;display:grid}.result-meta strong{font-size:.86rem}.result-meta span{color:var(--text-muted);word-break:break-all;font-size:.94rem}.result-box pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:Consolas,SFMono-Regular,monospace;font-size:.98rem;line-height:1.7}.status{margin:0;font-size:.98rem;line-height:1.7}.status.error{color:var(--error)}@media (max-width:720px){.page-shell{width:min(100vw - 20px,980px);padding:20px 0 32px}.hero-card,.panel{border-radius:22px;padding:20px}.panel-header{flex-direction:column;align-items:start;margin-bottom:16px}.result-meta{grid-template-columns:1fr}button{justify-content:center;width:100%}}