:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#020617;--bg-elevated:#020617;--bg-card:#020617;--bg-card-alt:#020617;--border-subtle:#1e293b;--accent:#38bdf8;--accent-soft:#38bdf826;--text:#e5e7eb;--text-muted:#9ca3af;--danger:#f97373;--radius-lg:18px;--radius-md:12px;--shadow-soft:0 18px 40px #0f172acc}*,:before,:after{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at top,#0f172a 0,#020617 60%,#000 100%);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{flex-direction:column;min-height:100vh;padding:24px 16px 40px;display:flex}.header{justify-content:space-between;align-items:center;width:100%;max-width:960px;margin:0 auto 24px;display:flex}.brand{align-items:center;gap:14px;display:flex}.logo{width:44px;height:44px}.brand-text h1{margin:0;font-size:1.6rem}.brand-text p{color:var(--text-muted);margin:2px 0 0;font-size:.8rem}.main{grid-template-columns:minmax(0,2fr) minmax(0,2fr);gap:20px;width:100%;max-width:960px;margin:0 auto;display:grid}@media (max-width:900px){.main{grid-template-columns:minmax(0,1fr)}}.card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#0f172af5,#0f172ae6);padding:18px 18px 20px}.card h2{margin:0 0 8px;font-size:1.1rem}.hint{color:var(--text-muted);margin:0 0 12px;font-size:.8rem}.field{margin-top:14px}.field-label{color:var(--text-muted);margin-bottom:4px;font-size:.78rem;display:block}.textarea{resize:vertical;border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:100%;color:var(--text);background:#0f172ae6;outline:none;padding:8px 10px;font-size:.88rem;line-height:1.5}.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px #38bdf84d}.input{border-radius:var(--radius-md);border:1px solid var(--border-subtle);color:var(--text);background:#0f172ae6;outline:none;width:80px;margin-right:8px;padding:6px 8px;font-size:.85rem}.input:focus{border-color:var(--accent);box-shadow:0 0 0 1px #38bdf84d}.row{align-items:center;gap:8px;display:flex}.space-between{justify-content:space-between}.btn-primary{color:#fff;cursor:pointer;background:radial-gradient(circle at 0 0,#38bdf8,#4f46e5);border:none;border-radius:999px;justify-content:center;align-items:center;margin-top:14px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:transform 80ms ease-out,box-shadow .1s ease-out,filter .1s ease-out;display:inline-flex;box-shadow:0 10px 25px #38bdf859}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 14px 34px #38bdf880}.btn-primary:active:not(:disabled){transform:translateY(1px);box-shadow:0 6px 18px #0f172acc}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.muted{color:var(--text-muted)}.small{font-size:.78rem}.footer{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px;width:100%;max-width:960px;margin:16px auto 0;display:flex}.footer .separator{opacity:.4}.error-text{color:var(--danger)}.top-space{margin-top:6px}.result{border-radius:var(--radius-md);background:var(--accent-soft);border:1px solid #38bdf840;margin-top:16px;padding:10px 11px}.result .label{margin-right:4px;font-weight:500}.code{word-break:break-all;font-family:ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.link{word-break:break-all;font-size:.78rem}.tos{max-height:560px;overflow:auto}.tos h3{margin:14px 0 4px;font-size:.9rem}.tos p{margin:4px 0;font-size:.8rem;line-height:1.5}.tos ul{margin:4px 0 8px 18px;padding:0}.tos li{font-size:.8rem;line-height:1.5}