:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#e5eefc;background:#575813;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;min-height:100vh}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(231,6,6,.25),transparent 30%),#0f0000}button,textarea{font:inherit}button{border:none;border-radius:12px;background:linear-gradient(135deg,#4f7cff,#7a5cff);color:#fff;cursor:pointer;padding:.8rem 1.2rem;font-weight:600;transition:transform .2s ease,opacity .2s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:#94a3b81f;color:#dfeafc;border:1px solid rgba(148,163,184,.2)}.app-shell{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 3rem}.topbar{margin-bottom:1.5rem}.eyebrow{margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:#7dd3fc}h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.converter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.panel{background:#040122d9;border:1px solid rgba(148,163,184,.2);border-radius:20px;padding:1rem;box-shadow:0 12px 30px #02061759}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-header h2{margin:0;font-size:1.2rem}textarea,pre{width:100%;min-height:420px;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:#020617b3;color:#e2e8f0;padding:1rem}textarea{resize:vertical}textarea:focus{outline:2px solid rgba(96,165,250,.85);border-color:transparent}.actions{display:flex;gap:.8rem;margin-top:1rem}pre{margin:0;white-space:pre-wrap;word-break:break-word;overflow:auto}.error-box{background:#ef44441a;color:#fecaca;border:1px solid rgba(248,113,113,.3);border-radius:12px;padding:.8rem 1rem;margin-bottom:1rem}@media(max-width:840px){.converter-grid{grid-template-columns:1fr}.actions,.panel-header{flex-direction:column;align-items:stretch}}