#root .creator-api-card{margin-top:22px;padding:24px;border:1px solid #303846;border-radius:10px;background:#10151f;color:#b1bfd0}
#root .creator-api-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#root .creator-api-label{color:#7e8ea4;font:600 9px Rubik,sans-serif;letter-spacing:1.2px}
#root .creator-api-card h2{margin:6px 0 0;color:#eff3f8;font:700 20px Rubik,sans-serif}
#root .creator-api-scope{padding:6px 9px;border:1px solid #34706b;border-radius:5px;color:#83dfbf;font:500 10px Rubik,sans-serif}
#root .creator-api-card p{font:400 12px/1.7 Rubik,sans-serif}
#root .creator-api-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:20px 0;color:#92a3bb;font:500 11px Rubik,sans-serif}
#root .creator-api-card label{display:block;color:#b5c1d1;font:500 11px Rubik,sans-serif}
#root .creator-api-card input{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:12px;background:#0a0f17;border:1px solid #303b4d;border-radius:6px;color:#d9e4f3;font:12px/1.5 monospace}
#root .creator-api-new{margin-top:18px;padding:16px;border:1px solid #416b81;border-radius:8px;background:#17304333}
#root .creator-api-new[hidden],#root .creator-api-card button[hidden]{display:none}
#root .creator-api-actions,#root .creator-api-key-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
#root .creator-api-card button{padding:10px 14px;border:1px solid #39475b;border-radius:5px;background:#202b3c;color:#e9eff6;font:600 11px Rubik,sans-serif;cursor:pointer}
#root .creator-api-card button[data-action=create]{background:linear-gradient(180deg,#f3cf77,#dba93d);color:#281d08;border-color:#e8bc59;box-shadow:inset 0 1px #ffe6a680,0 2px 5px #0003}
#root .creator-api-card button:disabled{opacity:.5;cursor:wait}
#root .creator-api-card a{color:#65d9ff;font:500 11px Rubik,sans-serif;text-decoration:none}
#root .creator-api-card small{color:#8392a8;font:400 10px/1.6 Rubik,sans-serif}
#root .creator-api-result{color:#c7e8f5;min-height:18px}
@media(max-width:600px){#root .creator-api-card{padding:17px}#root .creator-api-card input{font-size:11px}}

#root .creator-api-card button[data-action=create]:hover:not(:disabled){background:linear-gradient(180deg,#ffdc8b,#e8b749);border-color:#ffda84}
#root .creator-api-result:empty{display:none}