:root{font-family:Inter,system-ui,sans-serif;color:#f7f2df;background:#06140f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% 0,#164d37 0,transparent 35%),linear-gradient(160deg,#06140f,#020806)}main{max-width:1050px;margin:auto;padding:22px}header{display:flex;justify-content:space-between;align-items:center;margin:18px 0 24px}small{letter-spacing:.18em;color:#d8b957}h1{font-size:34px;margin:5px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid article,.panel,.actions{background:rgba(13,42,31,.72);border:1px solid rgba(219,183,71,.22);box-shadow:inset 0 1px rgba(255,255,255,.07),0 18px 50px rgba(0,0,0,.25);backdrop-filter:blur(18px);border-radius:22px;padding:18px}.grid strong{display:block;margin-top:8px;color:#6ce39c}.panel{margin-top:14px}textarea{width:100%;min-height:110px;border-radius:16px;padding:14px;background:#071a13;color:#fff;border:1px solid #345847;font:inherit}button{border:1px solid rgba(221,184,66,.4);background:linear-gradient(135deg,#145b3f,#c5a13c);color:#fff;font-weight:800;border-radius:14px;padding:12px 16px;cursor:pointer}.danger{background:linear-gradient(135deg,#6d241d,#c69e3a)}.actions{display:flex;gap:10px;overflow:auto;margin-top:14px}pre{white-space:pre-wrap;overflow:auto;background:rgba(0,0,0,.25);padding:14px;border-radius:14px;color:#dce9e2}#overall{color:#d8b957;font-weight:800}@media(max-width:650px){main{padding:14px}.grid{grid-template-columns:1fr}.actions{position:sticky;bottom:10px;z-index:3}h1{font-size:28px}}