.developer-settings label:not(.developer-choice),.oauth-card label:not(.developer-choice){display:grid;gap:8px;margin:14px 0;min-width:0}
.developer-settings input:not([type=checkbox]),.developer-settings select,.oauth-card input:not([type=checkbox]){width:100%;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--input);color:var(--ink)}
.developer-settings fieldset,.oauth-card fieldset{margin:18px 0;padding:14px 16px;border:1px solid var(--line);border-radius:6px;min-width:0}
.developer-settings .developer-choice,.oauth-card .developer-choice{display:flex;align-items:flex-start;gap:10px;padding:8px 0;overflow-wrap:anywhere}
.developer-choice input[type=checkbox]{width:16px;height:16px;flex:0 0 16px;margin:3px 0 0;padding:0}
.developer-choice>span{flex:1;min-width:0}
.developer-settings code,.oauth-card code{overflow-wrap:anywhere;word-break:break-word}
.developer-examples{margin:20px 0}.developer-examples summary{cursor:pointer;color:var(--accent)}
.developer-settings pre{overflow:auto;padding:14px;background:var(--input);border:1px solid var(--line);border-radius:6px;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
.developer-key-reveal{margin-top:20px;padding:20px;border:1px solid var(--accent);border-radius:6px;background:var(--accent-soft)}
.developer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.developer-connection{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.developer-connection>div{min-width:0;overflow-wrap:anywhere}.developer-connection h4{margin:0}.developer-connection small{color:var(--muted)}.developer-connection>button{flex-shrink:0}
.oauth-card{width:min(100% - 32px,560px);margin:48px auto;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.oauth-brand{display:flex;align-items:center;gap:10px;color:var(--muted)}.oauth-card h1{font-size:24px;margin:26px 0 8px}.oauth-card p{overflow-wrap:anywhere}.oauth-card .hint{color:var(--muted)}.oauth-client{padding:16px;background:var(--input);border:1px solid var(--line);border-radius:6px}.oauth-client strong{display:block;font-size:17px}.oauth-client p{margin-bottom:0}.oauth-card button{min-height:40px}
@media(max-width:560px){.developer-connection{flex-direction:column;gap:12px}.oauth-card{margin:16px auto;padding:20px}.developer-settings .settings-services-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}}