:root{color:#e8edf7;background:#0c111b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0}#root{min-height:100vh}a{color:inherit}*{box-sizing:border-box}.app{flex-direction:column;min-height:100vh;display:flex}.top{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.brand{text-decoration:none}.brand h1{margin:0;font-size:20px;font-weight:650}.sub{opacity:.65;margin:4px 0 0;font-size:13px}.nav{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.nav a,.nav button.link{color:#9bd7ff;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:none}.nav a:hover,.nav button.link:hover,.nav a.active{text-decoration:underline}.bal{opacity:.8;font-size:13px}.nav a.topup-cta{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:10px;padding:8px 12px;text-decoration:none}.nav a.topup-cta:hover,.nav a.topup-cta.active{opacity:.92;text-decoration:none}.pay-banner{background:#3b82f61f;border:1px solid #3b82f673;border-radius:14px;margin:0 0 18px;padding:14px 16px}.pay-banner p{opacity:.92;margin:0 0 12px}.main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:28px 24px 64px}.hero h2{margin:0 0 10px;font-size:34px;line-height:1.15}.lead{opacity:.78;max-width:720px;margin:0 0 22px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:16px;position:relative}.card h3{margin:0 28px 6px 0;font-size:18px}.lamp{border:1px solid #ffffff2e;border-radius:50%;width:10px;height:10px;position:absolute;top:16px;right:16px}.lamp.ok{background:#22c55e;box-shadow:0 0 8px #22c55ed9}.lamp.down{background:#ef4444;box-shadow:0 0 8px #ef4444bf}.lamp.busy{background:#eab308;box-shadow:0 0 8px #eab308d9}.lamp.unknown{box-shadow:none;background:#64748b}.lamp.inline{flex-shrink:0;position:static}.model-pick{align-items:center;gap:10px;display:flex}.model-pick select{flex:1}.model-pick-name{color:#e8edf7;background:#0a0e16;border:1px solid #ffffff24;border-radius:10px;flex:1;padding:10px 12px;font-size:14px}.price{color:#9bd7ff;margin:0 0 8px;font-weight:600}.card p{opacity:.78;margin:0;font-size:14px;line-height:1.45}.examples{flex-direction:column;gap:8px;margin-top:10px;display:flex}.example{flex-direction:column;gap:4px;font-size:13px;display:flex}.example a{color:#9bd7ff}.example audio{width:100%;height:32px}.actions{flex-wrap:wrap;gap:10px;margin:22px 0 8px;display:flex}button,.btn{cursor:pointer;color:inherit;background:0 0;border:1px solid #ffffff24;border-radius:12px;padding:12px 16px;font-size:14px;text-decoration:none;display:inline-block}button.primary,.btn.primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none}button.danger{color:#fecaca;background:#ef44442e}button:disabled{opacity:.5;cursor:not-allowed}pre,.code{background:#080b12;border:1px solid #ffffff14;border-radius:12px;padding:14px;font-size:13px;line-height:1.45;overflow:auto}label{opacity:.8;margin:12px 0 6px;font-size:13px;display:block}input,textarea,select{color:#e8edf7;width:100%;font:inherit;background:#0a0e16;border:1px solid #ffffff24;border-radius:10px;padding:10px 12px}textarea{resize:vertical;min-height:120px}.tabs{gap:8px;margin-bottom:16px;display:flex}.note{opacity:.7;font-size:13px}.err{color:#fecaca}.ok{color:#bbf7d0}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid #ffffff14;padding:8px 6px}.legal h2,.docs h2{margin-top:28px}.legal p,.docs p,.docs li{opacity:.85;line-height:1.5}.preview{border-radius:12px;max-width:100%;margin-top:12px}.keybox{word-break:break-all;background:#132033}.examples-box{margin:12px 0 4px}.examples-box pre{max-height:520px}.example-title{margin:14px 0 4px;font-size:17px}.chips{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.chip{cursor:pointer;color:inherit;background:#ffffff08;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.chip:hover{border-color:#ffffff4d}.chip.on{background:#3b82f638;border-color:#3b82f699}.chip.copy{margin-left:auto}