*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;background:radial-gradient(circle at 20% 20%,#2828502e,#0000 25%),radial-gradient(circle at 80% 30%,#0078ff1f,#0000 22%),radial-gradient(circle at 50% 80%,#ff008014,#0000 30%),#000;width:100%;height:100%;font-family:Inter,Arial,sans-serif;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}canvas{display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#101010}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#5a5a5a}textarea{outline:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;transition:border .2s,box-shadow .2s,background .2s}textarea:focus{background:#151515;border:1px solid #2563eb;box-shadow:0 0 0 2px #2563eb2e}button{transition:transform 80ms,background .2s,box-shadow .2s}button:hover{background:#1d4ed8;box-shadow:0 4px 18px #2563eb40}button:active{transform:scale(.985)}.panel{-webkit-backdrop-filter:blur(12px)}.info-box div{word-wrap:break-word}.fade-in{animation:.28s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}