:root{--bg-1: #fff7e8;--bg-2: #f7fbff;--card: rgba(255, 255, 255, .88);--ink: #18202d;--muted: #5b6474;--accent: #ef6c00;--accent-2: #0057ff;--danger: #b3261e;--border: rgba(24, 32, 45, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Noto Sans SC,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 18%,rgba(239,108,0,.25),transparent 48%),radial-gradient(circle at 85% 2%,rgba(0,87,255,.2),transparent 42%),linear-gradient(150deg,var(--bg-1),var(--bg-2))}#app{max-width:1160px;margin:0 auto;padding:28px 16px 48px}.hero{padding:20px 24px;border:1px solid var(--border);border-radius:20px;background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 32px #18202d14}h1,h2,h3{margin:0;font-family:Space Grotesk,Noto Sans SC,sans-serif;letter-spacing:.02em}h1{font-size:clamp(1.8rem,4vw,2.7rem)}.subtitle{margin-top:10px;color:var(--muted)}.grid{margin-top:18px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--card)}.config-grid{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}label{font-size:13px;color:var(--muted);display:block;margin-bottom:6px}input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fffffff2;font-size:14px}button{border:0;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:700;font-family:Space Grotesk,Noto Sans SC,sans-serif;cursor:pointer;background:linear-gradient(120deg,var(--accent),#ff9b2f);color:#fff}button.secondary{background:linear-gradient(120deg,var(--accent-2),#3b89ff)}button.ghost{background:#fff;color:var(--ink);border:1px solid var(--border)}button:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.muted{color:var(--muted);font-size:13px}.output{margin-top:12px;background:#ffffffd1;border:1px dashed var(--border);border-radius:12px;padding:12px;min-height:140px;white-space:pre-wrap;line-height:1.62;font-size:14px}.status{margin-top:12px;font-size:13px;color:var(--muted)}.warning{color:var(--danger)}@media (max-width: 980px){.grid,.config-grid{grid-template-columns:1fr}}