/* Prompt Market Skin (PromptLib-like) */
/* NOTE: Font family is controlled by the theme. */

.pm-wrap{max-width:1100px;margin:0 auto;padding:28px 16px;}
.pm-top{display:flex;flex-direction:column;gap:14px;margin-bottom:18px;}

.pm-search{display:flex;gap:10px;align-items:center;}
.pm-search-input{
  flex:1; height:48px; border:1px solid #e8eaf0; border-radius:14px;
  padding:0 16px; background:#fff; outline:0;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.pm-search-input:focus{border-color:#c7b9ff; box-shadow:0 0 0 4px rgba(124,58,237,.10);}
.pm-search-btn{
  height:48px; padding:0 16px; border:1px solid #e8eaf0; border-radius:14px;
  background:#fff; cursor:pointer;
}
.pm-search-btn:hover{border-color:#d8dcf0;background:#fafbff;}

.pm-pills{display:flex;flex-wrap:wrap;gap:8px;}
.pm-pill{
  display:inline-flex;align-items:center;gap:6px;
  height:34px; padding:0 12px; border-radius:999px;
  border:1px solid #e8eaf0; background:#fff; color:#303549;
  text-decoration:none; font-size:13px;
}
.pm-pill:hover{background:#f6f7ff;border-color:#dfe3f5;}
.pm-pill.is-active{background:rgba(124,58,237,.10); border-color:rgba(124,58,237,.35); color:#5b21b6;}
.pm-pill .pm-count{opacity:.6;font-size:12px;}

.pm-filterbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.pm-filters-left{display:flex;gap:8px;flex-wrap:wrap;}
.pm-filters-right{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto;}
.pm-pill-primary{background:#111827;color:#fff;border-color:rgba(0,0,0,.08);}
/* Some site themes override a:hover styles (bg/text). Force readable contrast for CTA buttons. */
.pm-pill-primary:hover,
.pm-pill-primary:focus,
.pm-pill-primary:active{
  opacity:1;
  background:#111827 !important;
  color:#fff !important;
  border-color:rgba(0,0,0,.08) !important;
}
.pm-pill-ghost{background:#fff;color:#111827;border-color:#e8eaf0;}
.pm-pill-ghost:hover{border-color:#d8dcf0;background:#fafbff;}

.pm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
@media (max-width: 1020px){.pm-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 640px){.pm-grid{grid-template-columns:1fr;}}

.pm-card{
  display:block; text-decoration:none; color:#0f172a;
  background:#fff; border:1px solid #eef0f6; border-radius:18px;
  padding:16px; box-shadow:0 2px 10px rgba(15,23,42,.04);
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  min-height:170px;
}
.pm-card:hover{transform:translateY(-2px); box-shadow:0 8px 20px rgba(15,23,42,.08); border-color:#e2e6f3;}

.pm-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.pm-badge{
  display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;
  font-size:12px;border:1px solid #eef0f6;background:#fafbff;color:#334155;
}
.pm-badge-cat{background:#fff;border-color:#e8eaf0;color:#111827;}
.pm-badge-cat:before{content:'';width:8px;height:8px;border-radius:999px;background:var(--pm-cat,#7c3aed);display:inline-block;margin-right:6px;}
.pm-badge-free{background:#ecfdf5;border-color:#bbf7d0;color:#065f46;}
.pm-badge-paid{background:#fff7ed;border-color:#fed7aa;color:#9a3412;}
.pm-badge-featured{background:rgba(124,58,237,.10);border-color:rgba(124,58,237,.35);color:#5b21b6;}

.pm-dot{width:22px;height:22px;border-radius:999px;border:1px solid #eef0f6;display:inline-flex;align-items:center;justify-content:center;}
.pm-dot-paid{background:#fff7ed;border-color:#fed7aa;}
.pm-dot-featured{background:rgba(124,58,237,.12);border-color:rgba(124,58,237,.35);}

.pm-badge-icons{display:flex;gap:8px;align-items:center;}
.pm-icon{
  width:26px;height:26px;border-radius:999px;
  border:1px solid #eef0f6;background:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.pm-icon svg{width:14px;height:14px;fill:currentColor;}
.pm-icon-featured{background:rgba(124,58,237,.12);border-color:rgba(124,58,237,.35);color:#5b21b6;}
.pm-icon-paid{background:#fff7ed;border-color:#fed7aa;color:#9a3412;}


.pm-title{font-size:18px;font-weight:700;line-height:1.25;margin:0 0 8px 0;}
.pm-summary{font-size:13px;line-height:1.45;color:#475569;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.pm-caps{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.pm-cap{
  height:26px; display:inline-flex; align-items:center;
  padding:0 10px; border-radius:999px; font-size:12px;
  background:#f1f5ff; border:1px solid #e3eaff; color:#1e3a8a;
}

.pm-meta{margin-top:12px;display:flex;justify-content:flex-end;color:#64748b;font-size:12px;}
.pm-paging{margin-top:22px;display:flex;justify-content:center;}
.pm-paging .pg_wrap{margin:0;}
.pm-paging .pg{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center;}
.pm-paging .pg a,
.pm-paging .pg strong{
  min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:10px;border:1px solid #e8eaf0;background:#f4f6fb;color:#334155;text-decoration:none;
}
.pm-paging .pg a:hover{background:#eef2ff;border-color:#dfe3f5;}
.pm-paging .pg strong{background:rgba(124,58,237,.12);border-color:rgba(124,58,237,.35);color:#5b21b6;font-weight:700;}

/* View (modal-like page) */
.pm-view-overlay{max-width:1100px;margin:0 auto;padding:28px 16px;}
.pm-view{
  position:relative;background:#fff;border:1px solid #eef0f6;border-radius:22px;
  box-shadow:0 10px 30px rgba(15,23,42,.10);
  padding:22px;
}
.pm-close{
  position:absolute;right:14px;top:12px;
  width:38px;height:38px;border-radius:999px;border:1px solid #eef0f6;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;color:#475569;background:#fff;
}
.pm-close:hover{background:#f6f7ff;border-color:#dfe3f5;}

.pm-view-head{padding-bottom:14px;border-bottom:1px solid #eef0f6;margin-bottom:14px;}
.pm-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.pm-h2{margin:0 0 8px 0;font-size:22px;line-height:1.25;}
.pm-desc{color:#475569;font-size:14px;line-height:1.55;}

.pm-section{margin-top:14px;}
.pm-section-title{font-size:12px;letter-spacing:.08em;color:#64748b;font-weight:800;margin-bottom:8px;}
.pm-row-between{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.pm-chip-row{display:flex;flex-wrap:wrap;gap:8px;}
.pm-chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;font-size:12px;border:1px solid #eef0f6;background:#fafbff;color:#334155;}
.pm-chip-blue{background:#eef2ff;border-color:#dbe3ff;color:#1e3a8a;}

.pm-starter{
  border:1px solid #eef0f6;border-radius:14px;background:#fff;
  padding:12px 14px;margin-top:8px;color:#334155;
}
.pm-si{border:1px solid #eef0f6;border-radius:16px;background:#0b1020;padding:14px;position:relative;overflow:hidden;}
.pm-pre{margin:0;white-space:pre-wrap;word-break:break-word;color:#e5e7eb;font-size:13px;line-height:1.55;}
.pm-mini-copy{
  height:30px;padding:0 12px;border-radius:10px;border:1px solid #e8eaf0;background:#fff;cursor:pointer;
}
.pm-mini-copy:hover{background:#fafbff;border-color:#dfe3f5;}

.pm-pre-blur{filter:blur(7px);user-select:none;}
.pm-lock-card{
  position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center;
  padding:16px; text-align:center; background:rgba(255,255,255,.92);
}
.pm-lock-ico{font-size:34px;margin-bottom:10px;}
.pm-lock-title{font-size:18px;font-weight:800;margin-bottom:6px;color:#0f172a;}
.pm-lock-desc{font-size:13px;line-height:1.5;color:#475569;margin-bottom:12px;max-width:520px;}
.pm-login{
  height:44px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 18px;border-radius:14px;background:#111827;color:#fff;text-decoration:none;
}
.pm-login:hover{opacity:.92;}

.pm-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap;}
.pm-updated{color:#64748b;font-size:12px;}
.pm-copy{
  height:48px;padding:0 18px;border-radius:14px;border:0;cursor:pointer;
  background:#111827;color:#fff;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;
}
.pm-copy:hover{opacity:.92;}
.pm-copy-locked{background:#111827;color:#fff;}
/* Write */
.pm-write{max-width:1100px;margin:0 auto;padding:28px 16px;}
.pm-form{
  /* 리스트 카드(.pm-card)와 시각적 일관성 유지 */
  background:#fff;
  border:1px solid #e6e8f0;
  border-radius:18px;
  box-shadow:0 1px 0 rgba(0,0,0,.03), 0 10px 30px rgba(30,30,60,.06);
  padding:22px;
}
.pm-form h2{margin:0 0 14px 0;}
.pm-grid2{display:grid;grid-template-columns:160px 1fr;gap:10px 14px;align-items:center;}
@media (max-width:720px){.pm-grid2{grid-template-columns:1fr;}}
.pm-label{font-weight:800;color:#334155;font-size:13px;}
.pm-input, .pm-select, .pm-textarea{
  width:100%; border:1px solid #e8eaf0; border-radius:14px; padding:12px 14px; outline:0;
  background:#fff;
}
.pm-textarea{min-height:220px; resize:vertical;}
.pm-input:focus, .pm-select:focus, .pm-textarea:focus{border-color:#c7b9ff; box-shadow:0 0 0 4px rgba(124,58,237,.10);}
.pm-help{font-size:12px;color:#64748b;margin-top:6px;}
.pm-mini-btn{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#111827;font-weight:700;font-size:12px;}
.pm-mini-btn:hover{background:#f3f4f6;}
.pm-section-box{margin-top:16px;padding:16px;border:1px solid #eef0f6;border-radius:16px;background:#fff;}

/* Section dividers inside write form (e.g., Tag ↔ Capabilities ↔ Starters) */
.pm-divider{height:1px;background:#eef0f6;margin:18px 0;border:0;}
.pm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap;}
.pm-btn{
  height:48px;padding:0 18px;border-radius:14px;border:1px solid #e8eaf0;background:#fff;cursor:pointer;font-weight:800;
}
.pm-btn:hover{background:#fafbff;border-color:#dfe3f5;}
.pm-btn-primary{background:#111827;color:#fff;border-color:#111827;}
.pm-btn-primary:hover{opacity:.92;}
.pm-kv{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.pm-radio{display:inline-flex;gap:8px;align-items:center;}
.pm-mode-write{display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.pm-mode-write input[type=radio]{accent-color:#7c3aed;}
.pm-small{font-size:12px;color:#64748b;}

/* Presets */
.pm-preset-wrap{display:flex;flex-wrap:wrap;gap:8px;}
.pm-preset{display:inline-flex;align-items:center;}
.pm-preset input{position:absolute;opacity:0;pointer-events:none;}
.pm-preset span{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;border:1px solid #e8eaf0;background:#fff;color:#303549;font-size:13px;font-weight:700;cursor:pointer;user-select:none;}
.pm-preset span:before{content:"";width:8px;height:8px;border-radius:999px;background:#cbd5e1;display:inline-block;}
.pm-preset input:checked + span{background:rgba(124,58,237,.10);border-color:rgba(124,58,237,.35);color:#5b21b6;}
.pm-preset input:checked + span:before{background:#7c3aed;}
.pm-preset span:hover{background:#f6f7ff;border-color:#dfe3f5;}
.pm-preset-limit{margin-top:8px;color:#64748b;font-size:12px;}

/* Tag preset groups + top suggestions (v1.5) */
.pm-reco-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px;}
.pm-reco{height:34px;padding:0 12px;border-radius:999px;border:1px solid #e8eaf0;background:#fff;font-size:13px;font-weight:700;cursor:pointer;user-select:none;}
.pm-reco:hover{background:#f6f7ff;border-color:#dfe3f5;}
.pm-tag-groups{display:grid;gap:10px;margin-top:12px;}
.pm-tag-group{border:1px solid #e8eaf0;border-radius:16px;background:#fff;padding:10px 12px;}
.pm-tag-group summary{cursor:pointer;font-size:13px;font-weight:800;color:#111827;list-style:none;}
.pm-tag-group summary::-webkit-details-marker{display:none;}
.pm-tag-group summary:after{content:"▾";float:right;color:#94a3b8;}
.pm-tag-group[open] summary:after{content:"▴";}
.pm-tag-group .pm-preset-wrap{margin-top:10px;}
.pm-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.pm-badge-mini{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;border:1px solid #e8eaf0;background:#fff;color:#64748b;font-size:12px;}



.pm-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 8px 18px;margin-bottom:12px;}
.pm-hero-logo{
  width:56px;height:56px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;background:linear-gradient(135deg,#7c3aed,#8b5cf6);
  box-shadow:0 12px 26px rgba(124,58,237,.22);
  font-size:22px;font-weight:800;margin-bottom:10px;
}
.pm-hero-title{font-size:34px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px;}
.pm-hero-sub{font-size:20px;line-height:1.25;font-weight:700;margin-bottom:10px;}
.pm-hero-sub b{color:#7c3aed;}
.pm-hero-desc{max-width:820px;color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:16px;}

.pm-hero-modes{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:14px;}
.pm-mode{
  padding:10px 18px;border-radius:999px;border:1px solid #e8eaf0;background:#fff;
  color:#111827;text-decoration:none;font-weight:700;font-size:13px;
}
.pm-mode:hover{border-color:#d7d2ff;background:#fbfaff;}
.pm-mode.is-active{background:#f1eaff;border-color:#d7c6ff;color:#5b21b6;}

.pm-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.pm-btn-primary{
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 16px;border-radius:14px;
  background:#111827;color:#fff;text-decoration:none;font-weight:800;
  border:1px solid rgba(0,0,0,.08);
}
.pm-btn-primary:hover{opacity:.92;}
.pm-btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 16px;border-radius:14px;background:#fff;
  color:#111827;text-decoration:none;font-weight:800;border:1px solid #e8eaf0;
}
.pm-btn-ghost:hover{border-color:#d8dcf0;background:#fafbff;}

.pm-chipbar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:2px;
}
.pm-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:38px;
  padding:0 14px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  background:#fff;
  color:#111827;
  text-decoration:none;
  font-size:13px;
  font-weight:600;
  letter-spacing:-0.01em;
}
.pm-chip:hover{border-color:#d1d5db;background:#fbfbfd;}
.pm-chip.is-active{
  background:linear-gradient(135deg,#8b5cf6,#6d28d9);
  border-color:transparent;
  color:#fff;
  box-shadow:0 10px 22px rgba(124,58,237,.20);
}
.pm-chip-ico{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#6b7280;}
.pm-chip-ico svg{width:16px;height:16px;display:block;}
.pm-chip.is-active .pm-chip-ico{color:#fff;}
.pm-chip-label{line-height:1;}
.pm-chip-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:22px;
  min-width:22px;
  padding:0 8px;
  border-radius:999px;
  background:#eef0f6;
  color:#6b7280;
  font-size:12px;
  font-weight:700;
  line-height:1;
}
.pm-chip.is-active .pm-chip-count{
  background:rgba(255,255,255,.22);
  color:#fff;
}
.pm-chip.has-color:before{display:none;}

.pm-tagbar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.pm-tag{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 14px;border:1px solid #e8eaf0;border-radius:999px;
  background:#fff;color:#111827;text-decoration:none;font-size:13px;font-weight:800;
}
.pm-tag:hover{border-color:#d8dcf0;background:#fafbff;}
.pm-tag.is-active{background:#111827;border-color:#111827;color:#fff;}
.pm-tag-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:20px;height:20px;padding:0 6px;border-radius:999px;
  font-size:12px;font-weight:900;background:#eef2ff;color:#3730a3;border:1px solid #e3e7ff;
}
.pm-tag.is-active .pm-tag-count{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.25);}

.pm-empty{
  border:1px solid #eef0f6;background:#fff;border-radius:18px;
  padding:28px;text-align:center;
}
.pm-empty-title{font-size:16px;font-weight:900;margin-bottom:6px;}
.pm-empty-desc{color:#6b7280;margin-bottom:16px;}

.pm-bottom-actions{display:flex;gap:10px;justify-content:center;margin-top:18px;}

/* VIEW TOPBAR */
.pm-view-topbar{
  display:flex;justify-content:space-between;align-items:center;
  gap:10px;margin-bottom:8px;
}
.pm-topbtn{
  padding:8px 12px;border-radius:12px;border:1px solid #e8eaf0;background:#fff;
  text-decoration:none;color:#111827;font-weight:800;font-size:12px;
}
.pm-topbtn:hover{border-color:#d8dcf0;background:#fafbff;}
.pm-topbtn-primary{background:#111827;color:#fff;border-color:rgba(0,0,0,.08);}
.pm-topbtn-primary:hover{opacity:.92;}
.pm-topbtn-danger{border-color:#ffd1d1;color:#b91c1c;background:#fff5f5;}
.pm-topbtn-danger:hover{background:#ffecec;}
.pm-topbar-right{display:flex;gap:8px;align-items:center;}


/* Tooltip / notes */
.pm-tip{
  display:inline-flex; align-items:center; justify-content:center;
  width:18px; height:18px; margin-left:6px;
  border:1px solid #e8eaf0; border-radius:999px;
  font-size:12px; line-height:1; color:#64748b;
  cursor:help; user-select:none;
}
.pm-tip:hover{background:#f6f7fb;}

.pm-note{
  border:1px dashed #e8eaf0;
  background:#fbfcff;
  border-radius:14px;
  padding:12px 14px;
  color:#475569;
  font-size:13px;
}


/* Tooltip */
.pm-tip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px; height:18px;
  border-radius:50%;
  border:1px solid rgba(0,0,0,.12);
  font-size:12px;
  color:#6b7280;
  cursor:help;
  position:relative;
  background:#fff;
  user-select:none;
}
.pm-tip:hover, .pm-tip:focus{
  border-color: rgba(0,0,0,.22);
  color:#111827;
  outline:none;
}
.pm-tip:hover::after, .pm-tip:focus::after{
  content: attr(data-tip);
  position:absolute;
  left:50%;
  top: calc(100% + 10px);
  transform: translateX(-50%);
  /* absolute 요소의 shrink-to-fit 때문에 폭이 너무 좁아지는 현상 방지 */
  display:block;
  width: 320px !important;
  min-width: 280px !important;
  max-width: 85vw !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb;
  padding:10px 12px;
  border-radius:10px;
  background: rgba(17,24,39,.96);
  color:#fff;
  font-size:12px;
  line-height:1.35;
  z-index:50;
  box-shadow: 0 12px 30px rgba(0,0,0,.22);
}
.pm-tip:hover::before, .pm-tip:focus::before{
  content:"";
  position:absolute;
  left:50%;
  top: calc(100% + 4px);
  transform: translateX(-50%);
  border:6px solid transparent;
  border-bottom-color: rgba(17,24,39,.96);
  z-index:51;
}


/* File box */
.pm-filebox{
  border:1px dashed rgba(0,0,0,.18);
  border-radius:14px;
  background:#fff;
  padding:14px;
}
.pm-filebox-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}
.pm-filebox-title{ font-weight:700; }
.pm-filebox-sub{ color:#6b7280; font-size:12px; }
.pm-file-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:10px 0;
  border-top:1px solid rgba(0,0,0,.06);
}
.pm-file-row:first-child{ border-top:0; padding-top:0; }
.pm-file-input{
  flex: 1 1 260px;
  font-size:14px;
}
.pm-file-existing{
  flex: 1 1 220px;
  color:#6b7280;
  font-size:12px;
  display:flex;
  align-items:center;
}
.pm-file-del{
  flex: 0 0 auto;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:#374151;
  margin-left:auto;
}


/* Spacing helpers */
.pm-stack-gap{ margin-top:14px; }