/* Thư Viện Prompt AI Tiếng Việt — styles are scoped to .tvp-* */
.tvp-library,.tvp-single{--tvp-ink:#182230;--tvp-muted:#687386;--tvp-line:#e6eaf0;--tvp-accent:#6558e8;color:var(--tvp-ink);font-family:inherit}
.tvp-library{max-width:1200px;margin:0 auto;padding:36px 0}
.tvp-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.tvp-eyebrow{display:inline-block;color:var(--tvp-accent);font-size:11px;font-weight:800;letter-spacing:.14em;margin-bottom:9px}
.tvp-library h2{font-size:clamp(28px,4vw,42px);line-height:1.12;letter-spacing:-.035em;margin:0 0 10px;color:var(--tvp-ink)}
.tvp-library-heading p{margin:0;color:var(--tvp-muted);font-size:15px}
.tvp-count{white-space:nowrap;border:1px solid var(--tvp-line);border-radius:999px;padding:9px 14px;color:var(--tvp-muted);font-size:13px;background:#fff}
.tvp-filters{display:flex;gap:12px;align-items:center;margin:24px 0 26px;padding:12px;background:#f7f8fb;border:1px solid var(--tvp-line);border-radius:16px}
.tvp-search{display:flex;flex:1;min-width:160px;background:#fff;border:1px solid var(--tvp-line);border-radius:10px;overflow:hidden}
.tvp-search input{width:100%;min-width:0;border:0!important;box-shadow:none!important;padding:12px 14px;background:transparent;font:inherit;font-size:14px}
.tvp-search button{border:0;background:#fff;padding:0 15px;font-size:25px;color:var(--tvp-accent);cursor:pointer}
.tvp-filters select{max-width:240px;border:1px solid var(--tvp-line);border-radius:10px;padding:12px 32px 12px 12px;background:#fff;font:inherit;font-size:14px}
.tvp-reset{font-size:13px;color:var(--tvp-muted);white-space:nowrap}
.tvp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tvp-card{min-width:0;border:1px solid var(--tvp-line);border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 4px 20px rgba(24,34,48,.035);transition:transform .18s ease,box-shadow .18s ease}
.tvp-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(24,34,48,.09)}
.tvp-card-image{display:block;aspect-ratio:16/10;background:#f0efff;overflow:hidden}
.tvp-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.tvp-card:hover .tvp-card-image img{transform:scale(1.025)}
.tvp-image-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 20%,#e9e5ff,#f6f7fb 70%);color:#7567e8}
.tvp-image-placeholder span{font-size:44px}.tvp-image-placeholder small{font-size:10px;font-weight:800;letter-spacing:.25em}
.tvp-card-body{padding:17px}
.tvp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.tvp-tags span{font-size:10px;font-weight:700;letter-spacing:.02em;color:#6255d9;background:#f0eeff;border-radius:5px;padding:5px 7px}
.tvp-card h3{font-size:18px;line-height:1.35;letter-spacing:-.02em;margin:0 0 8px}
.tvp-card h3 a{color:var(--tvp-ink);text-decoration:none}
.tvp-card h3 a:hover{color:var(--tvp-accent)}
.tvp-excerpt{font-size:13px;line-height:1.6;color:var(--tvp-muted);margin:0 0 12px}
.tvp-meta{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0;color:var(--tvp-muted);font-size:11px}
.tvp-meta span{border:1px solid var(--tvp-line);padding:4px 7px;border-radius:6px}
.tvp-card-actions{display:flex;gap:8px;margin-top:15px}
.tvp-button{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-height:38px;border:1px solid var(--tvp-accent);border-radius:9px;padding:9px 13px;background:var(--tvp-accent);color:#fff!important;font:inherit;font-size:12px;font-weight:700;line-height:1.2;text-decoration:none!important;cursor:pointer;transition:background .15s ease,transform .15s ease}
.tvp-button:hover{background:#5144d0;border-color:#5144d0;transform:translateY(-1px)}
.tvp-button-light{background:#fff;color:var(--tvp-ink)!important;border-color:var(--tvp-line)}
.tvp-button-light:hover{background:#f6f5ff;border-color:#d7d2ff}
.tvp-card-actions .tvp-button{flex:1}
.tvp-button.is-copied{background:#16835d;border-color:#16835d}
.tvp-pagination{display:flex;justify-content:center;gap:8px;margin:32px 0 0}
.tvp-pagination a{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid var(--tvp-line);border-radius:9px;color:var(--tvp-ink);text-decoration:none}
.tvp-pagination a.is-current{background:var(--tvp-accent);border-color:var(--tvp-accent);color:#fff}
.tvp-empty{text-align:center;padding:55px 20px;border:1px dashed #d8dce5;border-radius:16px;color:var(--tvp-muted)}
.tvp-empty strong{display:block;color:var(--tvp-ink);font-size:20px;margin-bottom:6px}
.tvp-single{max-width:900px;margin:0 auto;padding:34px 0 60px}
.tvp-back{display:inline-block;color:var(--tvp-muted);text-decoration:none;font-size:13px;margin-bottom:28px}
.tvp-back:hover{color:var(--tvp-accent)}
.tvp-single-header{margin-bottom:24px}
.tvp-single h1{font-size:clamp(32px,5vw,52px);line-height:1.1;letter-spacing:-.04em;margin:0 0 15px;color:var(--tvp-ink)}
.tvp-single-header>p{color:var(--tvp-muted);font-size:17px;line-height:1.7}
.tvp-single-image{margin:24px 0;border-radius:18px;overflow:hidden;background:#f3f4f8}
.tvp-single-image img{display:block;width:100%;height:auto}
.tvp-description{font-size:16px;line-height:1.8;margin:24px 0}
.tvp-prompt-panel{margin:22px 0;border:1px solid var(--tvp-line);border-radius:16px;overflow:hidden;background:#fff}
.tvp-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;background:#f8f8fc;border-bottom:1px solid var(--tvp-line)}
.tvp-panel-heading h2{font-size:17px;margin:0;color:var(--tvp-ink)}
.tvp-prompt-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:20px;font:14px/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#354052;background:#fff}
.tvp-negative-panel .tvp-panel-heading{background:#fff8f5}
.tvp-single-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;color:var(--tvp-muted);font-size:12px}
.tvp-theme-content{padding:20px 24px 50px}
.tvp-theme-container{max-width:1240px;margin:0 auto}
@media(max-width:900px){.tvp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tvp-theme-content{padding:12px 18px 40px}}
@media(max-width:600px){.tvp-library{padding:22px 0}.tvp-library-heading{align-items:flex-start;flex-direction:column;gap:12px}.tvp-filters{align-items:stretch;flex-direction:column}.tvp-filters select{max-width:none;width:100%}.tvp-grid{grid-template-columns:1fr;gap:15px}.tvp-card{display:grid;grid-template-columns:38% 1fr}.tvp-card-image{height:100%;min-height:190px;aspect-ratio:auto}.tvp-card-body{padding:13px}.tvp-card h3{font-size:16px}.tvp-excerpt{display:none}.tvp-card-actions{flex-direction:column;gap:7px;margin-top:10px}.tvp-button{min-height:35px;padding:8px}.tvp-single{padding:22px 0 40px}.tvp-single-footer{align-items:flex-start;flex-direction:column}.tvp-panel-heading{align-items:flex-start;flex-direction:column}.tvp-prompt-text{padding:15px;font-size:12px}}