.api-settings{width:100%;padding:18px 2px 30px!important;color:#252523;text-align:left;overflow:visible!important}
.api-settings>.eyebrow{margin:0 0 4px;font:500 7px/1.2 var(--font-family);letter-spacing:.16em;color:#a0a09b}
.api-settings>h2{margin:0 0 16px!important;font:500 20px/1.15 var(--display-font)!important;letter-spacing:-.025em}
.api-settings .settings-fold{position:relative;margin:0 0 8px;border:1px solid #e2e2de;border-radius:14px;background:rgba(255,255,255,.72);box-shadow:none}
.api-settings .settings-fold:has(.pretty-select.open){z-index:80;overflow:visible}
.api-settings .settings-fold:has(.pretty-select.open) .settings-fold-body{overflow:visible}
.api-settings .settings-fold>summary{min-height:48px;padding:0 13px}
.api-settings .settings-fold>summary span small{font:500 6px/1 var(--font-family);letter-spacing:.14em;color:#aaa}
.api-settings .settings-fold>summary span strong{margin-top:4px;font:500 10px/1.15 var(--font-family);color:#3d3d3a}
.api-settings .settings-fold-body{padding:12px;border-top:1px solid #e9e9e6}
.api-settings label{gap:6px;margin:0 0 11px}
.api-settings label>span,.api-settings .settings-section-title{font:500 7px/1.2 var(--font-family);letter-spacing:.09em;color:#858581}
.api-settings input,.api-settings select,.api-settings textarea,.api-settings .pretty-select-trigger{height:38px;min-height:38px;padding:0 11px;border:1px solid #e0e0dc;border-radius:10px;background:#fff;box-shadow:none;font:400 9px/1.35 var(--font-family);color:#30302e}
.api-settings textarea{min-height:74px;height:auto;padding-top:10px}
.api-settings input:focus,.api-settings select:focus,.api-settings textarea:focus,.api-settings .pretty-select.open .pretty-select-trigger{border-color:#9f9f99;box-shadow:0 0 0 2px rgba(0,0,0,.035)}
.api-settings .preset-box{margin:0 0 15px;padding:10px;border:1px solid #e5e5e1;border-radius:12px;background:#f4f4f1}
.api-settings .preset-actions{grid-template-columns:minmax(0,1fr) 54px;gap:6px}
.api-settings .preset-minor{grid-template-columns:1fr 64px;gap:6px;margin-top:6px}
.api-settings .preset-actions button,.api-settings .preset-minor button,.api-settings .key-row button,.api-settings .model-row>button,.api-settings .notification-settings>button,.api-settings .notification-tests button{height:34px;border:1px solid #deded9;border-radius:9px;background:#fff;color:#555;font:500 7px/1 var(--font-family);letter-spacing:.02em}
.api-settings .preset-actions button,.api-settings .test-model{border-color:#232321;background:#232321;color:#fff}
.api-settings .key-row,.api-settings .model-row{grid-template-columns:minmax(0,1fr) 64px;gap:7px;align-items:end}
.api-settings .model-row label{margin:0}
.api-settings .model-row .pretty-select{width:100%;height:38px}
.api-settings .key-row button,.api-settings .model-row>button{width:64px;height:38px;padding:0;display:grid;place-items:center;text-align:center;line-height:1.15}
.api-settings .model-row>button{background:#ecece8;border-color:#ecece8;color:#3f3f3c;font-size:6.5px}
.api-settings .test-model{width:100%;height:38px;margin-top:4px;border:0;border-radius:10px;font:500 8px/1 var(--font-family)}
.api-settings .api-status{min-height:16px;margin:9px 2px 0;font:400 7px/1.5 var(--font-family);color:#999}
.api-settings .pretty-select{position:relative;z-index:90}.api-settings .pretty-select.open{z-index:120}
.api-settings .pretty-select-menu{z-index:130;max-height:min(260px,42dvh);padding:4px;border-radius:12px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.api-settings .pretty-select.open-up .pretty-select-menu{top:auto;bottom:calc(100% + 6px)}
.api-settings .pretty-select-menu button{min-height:34px;padding:7px 8px;border-radius:8px}
.api-settings .pretty-select-menu button strong{font:400 8px/1.35 var(--font-family);white-space:normal;word-break:break-word}
.api-settings .notification-settings{gap:7px 10px}
.api-settings .notification-settings>div strong{font-size:9px}.api-settings .notification-settings>div small{font-size:7px}
.api-settings .notification-tests{grid-template-columns:1fr!important}
@media(max-width:430px){.api-settings{padding:12px 1px 28px!important}.api-settings input,.api-settings select,.api-settings textarea{font-size:16px!important}.api-settings .pretty-select-trigger{font-size:14px}.api-settings .pretty-select-menu button strong{font-size:13px}}