.home-scroll.showing-prompt-library > section:not(#homePromptLibrary) { display:none; }
.prompt-library { max-width:1180px; margin:0 auto; padding:36px 40px 80px; color:#24354e; }
.prompt-library button { transition:background-color .15s ease,color .15s ease; }
.prompt-library-head { margin-bottom:24px; }
.prompt-back { display:block; margin:0 0 28px; padding:0; color:#8290a2; font-size:11px; }
.prompt-back:hover { color:#1473e6; }
.prompt-eyebrow { display:block; color:#6c86a8; font-size:9px; font-weight:600; letter-spacing:.1em; }
.prompt-library h1 { margin:12px 0 10px; color:#1d304b; font-size:36px; font-weight:720; letter-spacing:-.04em; }
.prompt-library-head > p { margin:0; color:#8390a3; font-size:13px; }
.prompt-library-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 26px; margin-bottom:30px; border-radius:16px; background:linear-gradient(115deg,#f0f6fe,#f7f9fc 75%,#fff7f2); }
.prompt-library-intro strong { display:block; margin:9px 0; font-size:18px; font-weight:600; letter-spacing:.03em; }
.prompt-library-intro p { margin:0; color:#7d8da3; font-size:11px; }
.prompt-link { padding:4px 0; color:#146bda; font-size:11px; font-weight:600; white-space:nowrap; text-align:left; }
.prompt-link:hover { color:#0849a4; }
.prompt-library-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.prompt-library-tabs { display:flex; gap:4px; padding:4px; border-radius:11px; background:#f3f6fa; }
.prompt-library-tabs button { padding:9px 18px; border-radius:8px; color:#8290a2; font-size:12px; }
.prompt-library-tabs button[aria-pressed="true"] { background:#fff; color:#253b5b; box-shadow:0 2px 5px rgba(30,51,78,.05); font-weight:600; }
.prompt-library-search { display:flex; align-items:center; gap:10px; width:300px; padding:0 13px; border:1px solid #e4eaf2; border-radius:10px; background:#fff; }
.prompt-library-search span { color:#7187a5; font-size:23px; }
.prompt-library-search input { width:100%; height:38px; border:0; outline:none; background:none; font-size:11px; user-select:text; }
.prompt-library-search:focus-within { border-color:#94bcef; }
.prompt-search-tools { display:flex; align-items:center; gap:10px; }
.prompt-level-select { height:40px; padding:0 10px; border:1px solid #e4eaf2; border-radius:10px; color:#536b89; background:#fff; font:inherit; font-size:11px; }
.prompt-level-select:focus-visible { outline:2px solid #1473e6; outline-offset:2px; }
.prompt-library-filters { display:flex; flex-wrap:wrap; gap:8px; }
.prompt-library-filters button { padding:8px 14px; border-radius:20px; color:#7d8aa0; font-size:11px; }
.prompt-library-filters button:hover { background:#f4f7fb; }
.prompt-library-filters button[aria-pressed="true"] { background:#eaf3ff; color:#1473e6; }
.prompt-filter-count { margin-left:5px; font-size:9px; opacity:.7; }
.prompt-library-count { margin:22px 0 15px; color:#93a0b2; font-size:10px; }
.prompt-template-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.prompt-template-card { display:flex; flex-direction:column; min-width:0; padding:22px; border:1px solid #e6ebf2; border-radius:15px; background:#fff; }
.prompt-template-card:hover { border-color:#b9cfea; }
.prompt-category-tag { align-self:flex-start; padding:5px 9px; border-radius:6px; background:#f0f5fc; color:#6a86ad; font-size:9px; }
.prompt-category-tag.is-commerce { color:#c27842; background:#fff4eb; }
.prompt-category-tag.is-fashion,.prompt-category-tag.is-design { color:#8173a7; background:#f5f2fa; }
.prompt-category-tag.is-retouch { color:#588f8d; background:#eff7f6; }
.prompt-category-tag.is-food { color:#aa713d; background:#fff4e9; }
.prompt-category-tag.is-space { color:#5c8580; background:#eef6f4; }
.prompt-card-badges { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.prompt-level-tag { color:#93a0b2; font-size:9px; }
.prompt-level-tag.is-pro { color:#3978b3; }
.prompt-load-more { display:block; min-height:40px; margin:28px auto 0; padding:0 22px; border-radius:10px; background:#f0f5fc; color:#3975b7; font-size:12px; }
.prompt-load-more:hover { background:#e8f1fd; }
.prompt-template-card h2 { margin:15px 0 7px; font-size:16px; font-weight:650; }
.prompt-card-description { min-height:34px; margin:0 0 16px; color:#8794a6; font-size:11px; line-height:1.7; }
.prompt-card-excerpt { display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; margin:0 0 22px; padding:14px; min-height:106px; color:#6c7f97; background:#f8fafc; border-radius:9px; font-size:11px; line-height:1.8; user-select:text; }
.prompt-card-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; }
.prompt-copy { padding:6px 10px; border-radius:7px; color:#7d8ba0; background:#f4f7fa; font-size:10px; }
.prompt-copy:hover { color:#1473e6; background:#eaf3ff; }
.prompt-library-empty { grid-column:1/-1; padding:60px 20px; text-align:center; color:#8794a6; }
.prompt-library-empty h2 { color:#50627b; font-size:18px; }.prompt-library-empty p { font-size:12px; }
.prompt-lesson-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.prompt-lesson { padding:25px; border:1px solid #e6ebf2; border-radius:15px; }
.prompt-lesson-number { color:#88a8d4; font-size:13px; font-weight:650; }
.prompt-lesson h2 { margin:12px 0; font-size:18px; font-weight:650; }
.prompt-lesson > p { color:#7c8ca2; font-size:12px; line-height:1.9; }
.prompt-lesson-examples { margin-top:22px; padding:18px; border-radius:10px; background:#f7f9fc; user-select:text; }
.prompt-lesson-examples small { color:#a0aab9; font-size:10px; }
.prompt-lesson-examples small:nth-of-type(2) { color:#1473e6; }
.prompt-lesson-examples p { margin:6px 0 20px; color:#506780; font-size:12px; line-height:1.9; }.prompt-lesson-examples p:last-child { margin-bottom:0; }
.prompt-detail-dialog { width:min(680px,calc(100vw - 28px)); max-height:calc(100dvh - 32px); padding:0; margin:auto; border:0; border-radius:18px; background:#fff; color:#24354e; box-shadow:0 24px 80px rgba(30,51,78,.18); overflow:hidden; }
.prompt-detail-dialog[open] { display:flex; flex-direction:column; }
.prompt-detail-dialog::backdrop { background:rgba(26,42,65,.3); }
.prompt-detail-head { display:flex; align-items:center; justify-content:space-between; gap:20px; flex:none; padding:22px 26px 12px; }
.prompt-detail-head h2 { margin:0; font-size:20px; font-weight:650; }
.prompt-dialog-close { width:30px; height:30px; border-radius:8px; color:#91a0b3; font-size:24px; }.prompt-dialog-close:hover { background:#f2f6fb; }
.prompt-detail-body { overflow-y:auto; min-height:0; padding:0 26px 20px; }
.prompt-detail-usage { color:#7d8ba0; font-size:12px; line-height:1.8; margin:0 0 20px; }
.prompt-detail-meta { margin:0 0 12px; color:#3978b3; font-size:10px; }
.prompt-editor-label { display:block; margin-bottom:9px; color:#607995; font-size:11px; }
.prompt-detail-text { width:100%; min-height:240px; padding:17px; resize:vertical; border:1px solid #dce6f2; border-radius:11px; background:#f9fbfe; color:#415a76; font-size:13px; line-height:1.9; outline:none; user-select:text; }
.prompt-detail-text:focus { border-color:#86b4ea; }
.prompt-detail-tip { padding:14px 16px; margin:16px 0 0; border-radius:9px; background:#fff6ef; color:#a77853; font-size:11px; line-height:1.8; }
.prompt-detail-actions { display:flex; justify-content:flex-end; flex:none; gap:10px; padding:16px 26px; background:#f9fbfd; }
.prompt-primary,.prompt-secondary { min-height:38px; padding:0 20px; border-radius:9px; font-size:12px; font-weight:550; }
.prompt-primary { background:#1473e6; color:#fff; }.prompt-primary:hover { background:#1065cd; }
.prompt-secondary { background:#fff; color:#4b6687; border:1px solid #dce5f0; }.prompt-secondary:hover { background:#edf5ff; }
.prompt-detail-dialog button:disabled { opacity:.55; cursor:wait; }
.prompt-library button:focus-visible,.prompt-detail-dialog button:focus-visible { outline:2px solid #1473e6; outline-offset:3px; }
@media(max-width:1200px) { .prompt-template-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) {
  .prompt-library { padding:22px 18px 100px; }.prompt-library h1 { font-size:29px; }
  .prompt-library-intro { padding:20px; align-items:flex-start; flex-direction:column; gap:12px; }
  .prompt-library-intro strong { font-size:16px; }
  .prompt-library-controls { flex-direction:column; align-items:stretch; gap:15px; }.prompt-library-search { width:100%; }
  .prompt-search-tools { flex-wrap:wrap; }.prompt-level-select { width:100%; }
  .prompt-library-tabs { align-self:flex-start; }.prompt-template-grid,.prompt-lesson-grid { grid-template-columns:1fr; }
  .prompt-detail-head { padding:20px 18px 12px; }.prompt-detail-body { padding:0 18px 18px; }.prompt-detail-actions { padding:14px 18px; }
}
