:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.45;font-weight:400;color:#e2e8f0;background-color:#020617}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#020617}.container{max-width:1200px;margin:0 auto;padding:24px;color:#e2e8f0}.header h1{margin:0 0 8px}.header p{margin:0;color:#94a3b8}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:16px}.panel{border:1px solid #334155;border-radius:10px;padding:14px;background:#0f172a}.panel h2{margin-top:0}form{display:grid;gap:10px}label{display:grid;gap:6px;font-size:14px}input,textarea{background:#020617;color:#e2e8f0;border:1px solid #334155;border-radius:8px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.row{display:flex;gap:10px;align-items:center}button{border:1px solid #334155;border-radius:8px;background:#1d4ed8;color:#fff;padding:8px 12px;cursor:pointer}.error{color:#f87171}.result ul,.history ul{margin:8px 0 0;padding-left:18px}.history li{margin-bottom:8px}.history li button{width:100%;text-align:left;background:#0b1220}a{color:#93c5fd}@media (max-width: 900px){.grid{grid-template-columns:1fr}}