/*
 * iToolsEra - YouTube Tag Generator
 * Version 1.0.1
 */
.youtube-tag-generator-card{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:24px}
.youtube-tag-generator-actions,.youtube-tag-output-actions,.youtube-tag-generator-toolbar-actions{display:flex;flex-wrap:wrap;gap:10px}
.youtube-tag-generator-result{border:1px solid #dbeafe;border-radius:14px;background:#f8fbff;padding:20px}
.youtube-tag-generator-result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.youtube-tag-generator-result-kicker{display:block;margin-bottom:3px;color:#2563eb;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.youtube-tag-generator-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}
.youtube-tag-generator-toolbar > div:first-child{display:flex;flex-direction:column;gap:3px}
.youtube-tag-generator-limit-status{color:#64748b;font-size:.82rem;line-height:1.4}
.youtube-tag-generator-limit-status.is-over{color:#dc2626;font-weight:600}
.youtube-tag-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.youtube-tag-item{display:flex;align-items:flex-start;gap:9px;min-width:0;margin:0;padding:10px 11px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;cursor:pointer}
.youtube-tag-item:hover{border-color:#93c5fd;background:#f8fbff}
.youtube-tag-checkbox{flex:0 0 auto;margin-top:3px}
.youtube-tag-chip-text{min-width:0;color:#0f172a;font-size:.88rem;line-height:1.35;overflow-wrap:anywhere}
.youtube-tag-item-meta{display:block;margin-top:3px;color:#94a3b8;font-size:.72rem}
.youtube-tag-output-card{margin-top:18px;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
.youtube-tag-output-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
#youtubeTagOutput{min-height:120px;resize:vertical;font-family:monospace;font-size:.84rem;line-height:1.55}
.youtube-tag-generator-note{margin-top:14px;color:#475569;font-size:.86rem;line-height:1.55}
.youtube-tag-generator-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.youtube-tag-generator-info-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:150px;padding:18px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}
.youtube-tag-generator-info-card > i{margin-bottom:4px;font-size:1.35rem}
.youtube-tag-generator-info-card strong{font-size:.95rem}
.youtube-tag-generator-info-card span{color:#64748b;font-size:.86rem;line-height:1.55}
.youtube-tag-empty{padding:16px;border:1px dashed #cbd5e1;border-radius:10px;background:#fff;color:#64748b}
@media (max-width:991.98px){.youtube-tag-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767.98px){.youtube-tag-generator-card,.youtube-tag-generator-result{padding:16px}.youtube-tag-generator-result-header,.youtube-tag-generator-toolbar,.youtube-tag-output-header{align-items:flex-start;flex-direction:column}.youtube-tag-generator-toolbar-actions,.youtube-tag-generator-actions,.youtube-tag-output-actions{width:100%}.youtube-tag-generator-toolbar-actions .btn,.youtube-tag-generator-actions .btn,.youtube-tag-output-actions .btn{flex:1 1 auto}.youtube-tag-list,.youtube-tag-generator-info-grid{grid-template-columns:1fr}}