body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:radial-gradient(circle at top,#1a1e4b,#000428),url(https://i.imgur.com/9f6vX2p.png);background-size:cover;margin:0;padding:20px;color:#e0e7ff}.container{max-width:1000px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:baseline;color:#c7d2fe}.controls{margin:12px 0;display:flex;gap:8px;align-items:center}.code{width:100%;min-height:320px;font-family:SFMono-Regular,Menlo,Monaco,Courier New,monospace;font-size:13px;padding:12px;border-radius:8px;background:#14193ccc;border:1px solid rgba(100,120,255,.3);color:#e5e7eb;resize:vertical;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.output{white-space:pre-wrap;padding:12px;border-radius:8px;background:#14193ccc;border:1px solid rgba(100,120,255,.3);color:#e5e7eb;margin-top:12px;min-height:140px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}button{padding:8px 12px;border-radius:6px;border:none;background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;cursor:pointer;box-shadow:0 0 8px #6366f180}button:hover{box-shadow:0 0 16px #6366f1cc;transform:translateY(-1px)}button[disabled]{opacity:.5;cursor:not-allowed}label select{padding:6px;background:#1e1b4b;color:#e0e7ff;border:1px solid rgba(120,120,255,.4);border-radius:6px}