.uia-figma-credential-host{padding:0;overflow:hidden}
.uia-figma-credential{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(430px,1.2fr);align-items:stretch}
.uia-figma-credential>header{min-width:0;padding:16px 18px;border-right:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:#fbfcfe}
.uia-figma-credential h3{margin:0 0 4px;font-size:13px}
.uia-figma-credential header p{max-width:64ch;color:var(--muted);font-size:9px;line-height:1.55}
.uia-figma-credential header>span{flex:0 0 auto;padding:4px 8px;border-radius:999px;font-size:8px;font-weight:750}
.uia-figma-credential header>span.configured{background:#e6f6ef;color:#16785b}
.uia-figma-credential header>span.missing{background:#fff0dd;color:#925d0d}
.uia-figma-credential form{min-width:0;padding:14px 18px;display:grid;grid-template-columns:minmax(190px,.65fr) minmax(260px,1.35fr) auto;align-items:end;gap:14px}
.uia-figma-credential-status{min-width:0;align-self:center}
.uia-figma-credential-status span,.uia-figma-credential-status b,.uia-figma-credential-status small{display:block}
.uia-figma-credential-status span,.uia-figma-credential-field>label{display:block;margin-bottom:5px;color:#7a859a;font-size:8px;font-weight:700}
.uia-figma-credential-status b{overflow:hidden;color:#263046;font:700 9px/1.45 var(--mono);text-overflow:ellipsis;white-space:nowrap}
.uia-figma-credential-status small{margin-top:3px;color:#8993a7;font-size:8px;line-height:1.45}
.uia-figma-credential-field{min-width:0}
.uia-figma-token-input{display:grid;grid-template-columns:minmax(0,1fr) auto}
.uia-figma-token-input input{min-width:0;height:40px;border-radius:8px 0 0 8px;font:10px var(--mono)}
.uia-figma-token-input button{min-width:54px;border:1px solid var(--line);border-left:0;border-radius:0 8px 8px 0;background:#f4f6fa;color:#566179;font-size:9px;font-weight:750}
.uia-figma-token-input input:focus-visible,.uia-figma-token-input button:focus-visible,.uia-figma-credential-actions button:focus-visible{position:relative;z-index:1;outline:2px solid #756ce9;outline-offset:2px}
.uia-figma-credential-actions{display:grid;justify-items:stretch;gap:6px}
.uia-figma-credential-actions button{min-height:34px;padding:7px 11px;white-space:nowrap}
.uia-figma-credential-actions .secondary{border:1px solid var(--line);border-radius:8px;background:#fff;color:#5f687b;font-size:8px;font-weight:700}
.uia-figma-credential-actions .primary{box-shadow:none;font-size:9px}
.uia-figma-credential-actions button:disabled,.uia-figma-token-input button:disabled{cursor:not-allowed;opacity:.55}
.uia-figma-credential>footer{grid-column:1/-1;padding:8px 18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff}
.uia-figma-credential footer p{min-width:0;font-size:8px;line-height:1.5}
.uia-figma-credential footer code{font:8px var(--mono)}
.uia-figma-credential-feedback{font-weight:700;text-align:right}
.uia-figma-credential-feedback:empty{display:none}
.uia-figma-credential-feedback.success{color:#16785b}
.uia-figma-credential-feedback.progress{color:#564bc8}
.uia-figma-credential-feedback.error{color:#a23e3e}
@media(max-width:1200px){.uia-figma-credential{grid-template-columns:1fr}.uia-figma-credential>header{border-right:0;border-bottom:1px solid var(--line)}.uia-figma-credential form{grid-template-columns:minmax(180px,.6fr) minmax(260px,1.4fr) auto}}
@media(max-width:820px){.uia-figma-credential form{grid-template-columns:1fr}.uia-figma-credential-actions{grid-template-columns:1fr 1fr}.uia-figma-credential>footer{align-items:flex-start;flex-direction:column}.uia-figma-credential-feedback{text-align:left}}