*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#0f172a;color:#e5e7eb}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.card{background:#020617;border-radius:16px;padding:24px;width:100%;max-width:700px;box-shadow:0 20px 40px #00000080;border:1px solid #1f2933}h1{font-size:1.8rem;margin-bottom:4px}.subtitle{font-size:.9rem;color:#9ca3af;margin-bottom:16px}.form{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}textarea{resize:vertical;min-height:100px;border-radius:12px;border:1px solid #374151;background:#020617;color:#e5e7eb;padding:10px 12px;font-size:.95rem}textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f680}button{border:none;border-radius:999px;padding:10px 16px;font-size:.95rem;font-weight:600;cursor:pointer;background:#3b82f6;color:#fff;align-self:flex-end;transition:opacity .2s ease,transform .1s ease}button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}.error{background:#f871711a;border:1px solid #f87171;color:#fecaca;padding:10px 12px;border-radius:10px;font-size:.9rem;margin-bottom:8px}.result{margin-top:8px;padding:12px;border-radius:12px;background:#020617;border:1px solid #1f2937}.result h2{font-size:1rem;margin-bottom:8px}.result pre{white-space:pre-wrap;font-size:.9rem;color:#e5e7eb}
