.tk-api-overlay{position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a80;backdrop-filter:blur(2px)}
.tk-api-dialog,.tk-api-dialog *{box-sizing:border-box}
.tk-api-dialog{display:flex;flex-direction:column;width:min(880px,100%);max-height:calc(100dvh - 32px);margin:auto;border:1px solid #dbe4ef;border-radius:18px;overflow:hidden;background:#fff;color:#1e293b;box-shadow:0 20px 70px #0f172a38;font:13px/1.45 Arial,"Helvetica Neue",sans-serif;text-align:left;outline:none}
.tk-api-dialog button,.tk-api-dialog a,.tk-api-dialog input,.tk-api-dialog textarea,.tk-api-dialog select{font:inherit;letter-spacing:normal;text-transform:none}
.tk-api-dialog button,.tk-api-dialog a{touch-action:manipulation}
.tk-api-dialog button{cursor:pointer}
.tk-api-dialog button:disabled{cursor:not-allowed;opacity:.45}
.tk-api-dialog :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid #7dd3fc;outline-offset:2px}
.tk-api-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:linear-gradient(115deg,#2563eb,#4338ca);color:#fff;flex-shrink:0}
.tk-api-header-title,.tk-api-header-actions{display:flex;align-items:center;gap:10px;min-width:0}
.tk-api-header h2{margin:0;color:#fff;font-size:18px;font-weight:750;line-height:1.25;letter-spacing:0}
.tk-api-header-title>svg{flex-shrink:0}
.tk-api-mask-all,.tk-api-close{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:5px 8px;border:1px solid #ffffff55;border-radius:8px;background:#ffffff15;color:#fff;white-space:nowrap}
.tk-api-close{width:32px;padding:4px;border-color:transparent}
.tk-api-tabs{display:flex;gap:6px;padding:9px 14px;border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}
.tk-api-tab{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:7px 11px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;color:#475569;font-weight:700;white-space:nowrap}
.tk-api-tab[aria-selected=true]{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}
.tk-api-tab-youtube-history[aria-selected=true]{border-color:#ef4444;background:#fff1f2;color:#b91c1c}
.tk-api-tab-gemini-history[aria-selected=true]{border-color:#8b5cf6;background:#f5f3ff;color:#6d28d9}
.tk-api-content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px;background:#fff;scrollbar-gutter:stable}
.tk-api-key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.tk-api-gemini{--tk-key:#6d28d9;--tk-key-soft:#f5f3ff;--tk-key-border:#ddd6fe}
.tk-api-youtube{--tk-key:#dc2626;--tk-key-soft:#fff5f5;--tk-key-border:#fecaca}
.tk-api-key-section{min-width:0;padding:13px;border:1px solid var(--tk-key-border);border-radius:12px;background:var(--tk-key-soft)}
.tk-api-section-heading,.tk-api-history-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.tk-api-section-heading h3,.tk-api-history-title h3{display:flex;align-items:center;gap:7px;margin:0;color:var(--tk-key);font-size:14px;font-weight:750;line-height:1.3}
.tk-api-count{font-size:11px;color:#64748b;white-space:nowrap}
.tk-api-section-tools{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:11px}
.tk-api-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:0;min-height:32px;padding:6px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;text-decoration:none;font-size:12px;font-weight:650;line-height:1.3;white-space:nowrap;box-shadow:none}
.tk-api-button:hover{background:#f1f5f9}
.tk-api-provider-button{border-color:var(--tk-key);background:var(--tk-key);color:#fff}
.tk-api-provider-button:hover{background:var(--tk-key);filter:brightness(.94)}
.tk-api-provider-outline{border-color:var(--tk-key-border);color:var(--tk-key)}
.tk-api-field-label{display:block;margin:0 0 5px;color:#475569;font-size:11px;font-weight:650}
.tk-api-key-input-wrap{position:relative;min-width:0;margin-bottom:9px}
.tk-api-key-input-wrap textarea{display:block;width:100%;min-height:104px;height:104px;max-height:220px;padding:9px 34px 9px 10px;border:1px solid var(--tk-key-border);border-radius:8px;background:#fff;color:#1e293b;resize:vertical;overflow:auto;white-space:pre;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.55}
@media(min-width:721px){.tk-api-youtube .tk-api-key-input-wrap textarea{height:200px;max-height:360px}}
.tk-api-key-visibility{position:absolute;right:6px;bottom:7px;display:flex;align-items:center;justify-content:center;width:25px;height:25px;padding:3px;border:0;border-radius:6px;background:#fff;color:var(--tk-key)}
.tk-api-check-button{margin:0 0 9px}
.tk-api-note{margin:8px 0 0;color:#64748b;font-size:11px;line-height:1.55;white-space:normal;overflow-wrap:break-word}
.tk-api-model-settings{margin-top:4px}
.tk-api-model-settings select{width:100%;min-height:35px;padding:6px 28px 6px 8px;border:1px solid var(--tk-key-border);border-radius:8px;background:#fff;color:#334155;font-size:12px}
.tk-api-rotation{margin-top:9px}
.tk-api-rotation-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border:1px solid var(--tk-key-border);border-radius:8px;background:#fff;cursor:pointer}
.tk-api-rotation-toggle span{display:flex;flex-direction:column;gap:2px;min-width:0}
.tk-api-rotation-toggle strong{font-size:12px;font-weight:700;color:var(--tk-key)}
.tk-api-rotation-toggle small{font-size:10px;line-height:1.35;color:#64748b}
.tk-api-rotation-toggle input{appearance:none;flex:0 0 34px;width:34px;height:20px;min-height:20px;max-height:20px;border:1px solid #cbd5e1;border-radius:12px;background:#cbd5e1;cursor:pointer}
.tk-api-rotation-toggle input:before{content:"";display:block;width:14px;height:14px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002}
.tk-api-rotation-toggle input:checked{background:#7c3aed;border-color:#7c3aed}
.tk-api-rotation-toggle input:checked:before{transform:translateX(14px)}
.tk-api-models{display:grid;gap:6px;margin-top:7px;padding:9px;border:1px solid var(--tk-key-border);border-radius:8px;background:#fff}
.tk-api-models>p{margin:0 0 3px;font-size:10px;line-height:1.4;color:#64748b}
.tk-api-models>label{display:flex;align-items:flex-start;gap:7px;min-width:0;padding:4px;border-radius:5px;font-size:11px;cursor:pointer}
.tk-api-models input{margin:2px 0 0;width:14px;height:14px;min-height:14px;max-height:14px;accent-color:#7c3aed;flex-shrink:0}
.tk-api-models span{min-width:0;overflow-wrap:break-word}
.tk-api-models small{display:block;color:#7c3aed;font-size:10px}
.tk-api-models .is-current{background:#f5f3ff}
.tk-api-check-results{margin:3px 0 10px;font-size:11px}
.tk-api-check-results summary{padding:6px 0;color:var(--tk-key);font-weight:700;cursor:pointer}
.tk-api-check-results>div{display:flex;flex-direction:column;gap:3px;margin-top:6px;padding:8px;border:1px solid;border-radius:7px;overflow-wrap:anywhere}
.tk-api-check-ok{border-color:#bbf7d0!important;background:#f0fdf4;color:#166534}
.tk-api-check-error{border-color:#fecaca!important;background:#fff1f2;color:#991b1b}
.tk-api-history-title{margin-bottom:2px}
.tk-api-history-title>span{font-size:11px;color:#64748b}
.tk-api-history-tools{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.tk-api-danger{border-color:#fecaca;color:#b91c1c;background:#fff7f7}
.tk-api-history-list{display:grid;gap:8px}
.tk-api-history-row{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;min-width:0}
.tk-api-history-row.is-selected{border-color:var(--tk-key);background:var(--tk-key-soft)}
.tk-api-history-choice{display:flex;flex:1;align-items:flex-start;gap:9px;min-width:0;cursor:pointer}
.tk-api-history-choice>input{width:16px;height:16px;min-height:16px;max-height:16px;flex:0 0 16px;margin:3px 0 0;accent-color:var(--tk-key)}
.tk-api-history-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.tk-api-history-labels{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-width:0}
.tk-api-history-labels strong{font-size:10px;color:var(--tk-key)}
.tk-api-history-labels small{padding:1px 6px;border-radius:10px;font-size:10px;white-space:nowrap}
.tk-api-badge-active{color:#15803d;background:#dcfce7}
.tk-api-badge-error{color:#b91c1c;background:#fee2e2}
.tk-api-history-copy code{display:block;min-width:0;overflow-wrap:anywhere;white-space:normal;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#334155}
.tk-api-remove-key{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:#94a3b8}
.tk-api-remove-key:hover{background:#fff1f2;color:#dc2626}
.tk-api-inline-confirm{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid #fecaca;border-radius:8px;background:#fff7f7;margin-bottom:10px;font-size:12px}
.tk-api-inline-confirm>div{display:flex;gap:6px}
.tk-api-empty{margin:12px 0;padding:22px;text-align:center;color:#64748b;border:1px dashed #cbd5e1;border-radius:9px}
.tk-api-guide h3{margin:0 0 10px;font-size:15px}
.tk-api-guide>p{font-size:12px;line-height:1.6}
.tk-api-guide iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:9px;margin-top:12px;background:#0f172a}
.tk-api-footer{display:flex;flex-shrink:0;justify-content:flex-end;gap:8px;padding:11px 14px;border-top:1px solid #e2e8f0;background:#f8fafc}
.tk-api-save{border-color:#2563eb;background:#2563eb;color:#fff}
.tk-api-save:hover{background:#1d4ed8}
@media(max-width:720px){.tk-api-key-grid{grid-template-columns:1fr}.tk-api-dialog{width:100%;max-height:calc(100dvh - 20px);border-radius:13px}.tk-api-overlay{padding:10px}.tk-api-header{padding:12px;gap:8px}.tk-api-header h2{font-size:15px}.tk-api-header-title{gap:7px}.tk-api-header-title>svg{width:19px}.tk-api-header-actions{gap:4px}.tk-api-mask-all{font-size:11px;padding:5px 6px}.tk-api-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px 10px}.tk-api-tab{padding:7px 5px;font-size:12px;min-height:35px}.tk-api-content{padding:10px}.tk-api-key-section{padding:11px}.tk-api-button{min-height:35px}.tk-api-footer{padding:9px 10px}.tk-api-key-input-wrap textarea{font-size:13px}.tk-api-history-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tk-api-history-tools .tk-api-button{white-space:normal}.tk-api-history-tools .tk-api-button:last-child{grid-column:auto}.tk-api-history-copy code{font-size:11px}}