/* Library-specific layer. Existing records, controls, pack frames and action contracts stay intact. */
.unified-page.library-page .library-stage {
  min-width:0;padding:25px 25px 22px;border:1px solid rgba(246,244,235,.92);border-radius:23px;
  background:var(--unified-panel,#faf8f1);
  box-shadow:0 24px 44px -27px rgba(16,40,64,.45),0 5px 15px -9px rgba(25,43,57,.22),inset 0 1px 0 rgba(255,255,255,.8);
}
.unified-page.library-page .library-filters {
  display:grid;grid-template-columns:repeat(3,minmax(0,.9fr)) minmax(0,1.65fr);
  align-items:end;gap:16px;min-width:0;margin:0 0 15px;
}
.unified-page.library-page :is(.library-filters,.advanced-grid) label {
  display:grid;gap:6px;min-width:0;color:#506478;
  font:600 10px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.8px;
}
.unified-page.library-page .library-search {grid-column:auto}
.unified-page.library-page :is(.library-filters,.advanced-grid,.library-summary) :is(input,select) {
  display:block;width:100%;max-width:100%;min-width:0;min-height:44px;margin:0;padding:10px 12px;
  border:1px solid #becbd0;border-radius:10px;background:#fffdf8;color:var(--unified-ink,#142e4b);
  font:400 13px/1.35 var(--sans,Arial,sans-serif);letter-spacing:0;
}
.unified-page.library-page input::placeholder {color:#7c8b95;opacity:1}
.unified-page.library-page .library-advanced {margin:0;padding:0 0 15px;border-bottom:1px solid #dfe3dd}
.unified-page.library-page .library-advanced summary {
  width:fit-content;max-width:100%;padding:4px 1px;color:#5a6f7f;cursor:pointer;
  font:500 11px/1.5 var(--sans,Arial,sans-serif);letter-spacing:0;overflow-wrap:anywhere;
}
.unified-page.library-page .library-advanced summary::marker {color:#986b48}
.unified-page.library-page .advanced-grid {
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-width:0;padding-top:13px;
}
.unified-page.library-page .library-summary {
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:12px 20px;margin:17px 0 13px;min-width:0;color:#627484;
  font:400 11px/1.5 var(--sans,Arial,sans-serif);
}
.unified-page.library-page .library-summary >span {min-width:0;overflow-wrap:anywhere}
.unified-page.library-page .library-summary label {
  display:flex;align-items:center;gap:10px;min-width:0;color:#53697b;
  font:500 10px/1.4 var(--sans,Arial,sans-serif);white-space:normal;
}
.unified-page.library-page .library-summary select {width:150px;min-height:37px;padding:8px 10px;font-size:12px}
.unified-page.library-page .type-counts {
  display:flex;align-items:center;flex-wrap:wrap;gap:5px 11px;
  min-width:0;margin:0 0 17px;color:#79858d;font:400 10px/1.5 var(--sans,Arial,sans-serif);overflow-wrap:anywhere;
}
.unified-page.library-page .type-counts >span {color:#b4b9b7}
.unified-page.library-page .library-grid {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;min-width:0;
}
.unified-page.library-page .library-card {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-rows:minmax(0,1fr) auto;
  align-items:stretch;gap:16px 18px;min-width:0;min-height:330px;padding:20px 19px 17px;
  border:1px solid var(--unified-line,#d9ddd9);border-radius:17px;background:var(--unified-paper,#fffdf7);
  box-shadow:0 8px 16px -13px rgba(24,48,64,.34),0 1px 1px rgba(22,44,60,.04);
}
.unified-page.library-page .library-art {
  grid-column:1;grid-row:1;position:relative;display:grid;place-items:center;align-self:stretch;
  min-width:0;min-height:200px;height:auto;padding:7px 0;overflow:hidden;
  border:0;border-radius:0;background:transparent;isolation:isolate;
}
.unified-page.library-page .library-art::before,
.unified-page.library-page .library-art::after {content:none;background:none;box-shadow:none}
.unified-page.library-page .library-art .category-art {
  display:block;width:100%;height:auto;max-width:100%;max-height:265px;padding:0;
  object-fit:contain;object-position:center;transform:scale(var(--library-art-zoom,1.3));transform-origin:center;
  filter:none;mix-blend-mode:normal;
}
.unified-page.library-page .library-art .category-art[src*="sell-online-warm-copper-v1.png"] {--library-art-zoom:1.62}
.unified-page.library-page .library-art .category-art[src*="services-"] {--library-art-zoom:1.16}
.unified-page.library-page .library-copy {
  grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0;
}
.unified-page.library-page .library-meta {
  display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px 8px;margin:0 0 10px;
  min-width:0;color:#687a89;font:400 10px/1.4 var(--sans,Arial,sans-serif);letter-spacing:0;
}
.unified-page.library-page .library-meta b {
  max-width:100%;padding:4px 7px;border:1px solid #ddd3c6;border-radius:5px;background:#f4ede1;color:#75523b;
  font-size:9px;font-weight:600;letter-spacing:.35px;overflow-wrap:anywhere;
}
.unified-page.library-page .library-copy h2 {
  margin:0 0 10px;color:var(--unified-ink,#142e4b);
  font:400 clamp(22px,1.7vw,27px)/1.16 var(--serif,Georgia,serif);letter-spacing:-.55px;overflow-wrap:anywhere;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
}
.unified-page.library-page .library-copy >p {
  margin:0 0 12px;color:#40556a;font:400 12px/1.55 var(--sans,Arial,sans-serif);overflow-wrap:anywhere;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
}
.unified-page.library-page .library-tags {display:flex;flex-wrap:wrap;gap:5px;min-width:0;margin-top:auto;padding-top:3px}
.unified-page.library-page .library-tags span {
  max-width:100%;padding:4px 6px;border:1px solid #e0e5df;border-radius:5px;
  background:#f0f3ee;color:#6b7d88;font:400 9px/1.35 var(--sans,Arial,sans-serif);overflow-wrap:anywhere;
}
.unified-page.library-page .library-actions {
  grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;
  gap:7px;min-width:0;width:100%;margin:0;padding-top:13px;border-top:1px solid #e0e4de;
}
.unified-page.library-page .library-copy >.library-actions {margin-top:auto}
.unified-page.library-page .library-actions button {
  display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;max-width:100%;width:100%;min-height:40px;
  padding:9px 7px;border:1px solid #bdc9cb;border-radius:8px;background:#f3f6f3;color:#24435b;
  font:500 11px/1.25 var(--sans,Arial,sans-serif);letter-spacing:0;text-align:center;white-space:normal;overflow-wrap:anywhere;
  cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.unified-page.library-page .library-actions [data-action="detail"] {background:#183850;border-color:#183850;color:#fffaf0}
.unified-page.library-page .library-actions [data-action="save"][aria-pressed="true"] {background:#e5ede8;border-color:#8caaa7;color:#235a58}
.unified-page.library-page .library-actions [data-action="try"] {
  background:linear-gradient(125deg,var(--copper-light,#e4c9aa),var(--copper-deep,#d3a77f));
  border-color:var(--copper-border,#c79a73);color:#39291f;box-shadow:0 3px 7px -5px rgba(98,56,36,.3);
}
.unified-page.library-page .library-actions [data-action="detail"]:hover {background:#244b68;border-color:#244b68}
.unified-page.library-page .library-actions [data-action="save"]:hover {background:#e8eeea;border-color:#8ea7ad}
.unified-page.library-page .library-actions [data-action="try"]:hover {
  background:linear-gradient(125deg,var(--copper-hover-light,#dfbb96),var(--copper-hover-deep,#c9956d));border-color:var(--copper-hover-border,#b98460);
}
/* The unopened state stays inert and visually private. Only its original pack control is actionable. */
.unified-page.library-page .library-pack-sealed .library-copy {position:relative;user-select:none}
.unified-page.library-page .library-pack-sealed .library-copy >* {visibility:hidden;opacity:0;pointer-events:none}
.unified-page.library-page .library-pack-sealed .library-copy::after {
  content:'Pull the pack to reveal this opening';position:absolute;inset:0;
  display:grid;place-items:center;padding:16px;color:#607788;
  font:400 12px/1.55 var(--sans,Arial,sans-serif);text-align:center;
  background:transparent;filter:none;opacity:1;
}
.unified-page.library-page .library-pack-sealed >.library-actions {visibility:hidden;pointer-events:none}
.unified-page.library-page .library-pack-sealed >.library-actions[hidden] {display:none}
.unified-page.library-page .library-pack-art {padding:0}
.unified-page.library-page .library-pack {width:100%;height:100%;min-height:0;padding:0;border:0;background:transparent;color:#4c687d}
.unified-page.library-page .library-pack .opportunity-pack-visual {
  position:relative;display:block;left:auto;bottom:auto;width:100%;height:100%;min-height:210px;margin:0;
  overflow:hidden;background:transparent;filter:none;
}
.unified-page.library-page .library-pack iframe {
  position:absolute;left:50%;top:50%;width:390px;height:520px;max-width:none;margin:0;border:0;background:transparent;
  transform:translate(-50%,-50%) scale(.4);transform-origin:center;mix-blend-mode:normal;
}
.unified-page.library-page .library-pack .opportunity-pack-caption {display:none}
.unified-page.library-page .library-empty {
  grid-column:1/-1;min-width:0;padding:33px 25px;border:1px dashed #c9d3d2;border-radius:15px;
  background:rgba(255,253,247,.55);text-align:center;
}
.unified-page.library-page .library-empty h2 {margin:0 0 10px;color:var(--unified-ink,#142e4b);font:400 28px/1.2 var(--serif,Georgia,serif)}
.unified-page.library-page .library-empty p {max-width:520px;margin:0 auto 17px;color:#586f7e;font:400 13px/1.55 var(--sans,Arial,sans-serif);overflow-wrap:anywhere}
.unified-page.library-page .pagination {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;min-width:0;margin:23px 0 0}
.unified-page.library-page .pagination >span {color:#697b88;font:400 11px/1.5 var(--sans,Arial,sans-serif)}
.unified-page.library-page .pagination button {
  min-height:40px;padding:9px 15px;border:1px solid #bdc9cb;border-radius:8px;background:#fffdf8;color:#24435b;
  font:500 11px/1.3 var(--sans,Arial,sans-serif);cursor:pointer;
}
.unified-page.library-page .pagination button:hover:not(:disabled) {border-color:#8ea7ad;background:#e8eeea}
.unified-page.library-page :is(a,button,input,select,summary):focus-visible {outline:3px solid #ae7650;outline-offset:3px;box-shadow:0 0 0 1px #fffdf7}
.unified-page.library-page :is(button,input,select):disabled {opacity:.57;cursor:not-allowed}
.unified-page.library-page .inline-arrow {width:.8em;height:.8em;flex:0 0 .8em;fill:none;stroke:currentColor;stroke-width:1.6}
.unified-page.library-page >.read-status {margin:17px 4px 0;color:#657988;font:400 10px/1.5 var(--sans,Arial,sans-serif)}

@media(min-width:761px) and (max-width:1150px) {
  .unified-page.library-page .library-stage {padding:21px}
  .unified-page.library-page .library-filters {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .unified-page.library-page .library-search {grid-column:1/-1}
  .unified-page.library-page .library-grid {gap:14px}
  .unified-page.library-page .library-card {gap:14px 13px;padding:17px 14px 15px}
  .unified-page.library-page .library-copy h2 {font-size:22px}
  .unified-page.library-page .library-actions button {font-size:10px;padding-inline:5px;gap:4px}
}
@media(min-width:761px) and (max-width:930px) {
  .unified-page.library-page .library-grid {grid-template-columns:minmax(0,1fr)}
  .unified-page.library-page .library-card {min-height:300px;padding:22px;gap:18px 23px}
  .unified-page.library-page .advanced-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .unified-page.library-page .library-art .category-art {max-height:240px}
  .unified-page.library-page .library-pack iframe {transform:translate(-50%,-50%) scale(.43)}
}
@media(max-width:760px) {
  .unified-page.library-page .library-stage {padding:17px 14px;border-radius:18px;box-shadow:0 13px 28px -23px rgba(24,49,70,.45)}
  .unified-page.library-page .library-filters {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .unified-page.library-page .library-search {grid-column:1/-1}
  .unified-page.library-page .advanced-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .unified-page.library-page .library-summary {align-items:flex-start;gap:10px;font-size:10px}
  .unified-page.library-page .library-summary label {gap:7px}
  .unified-page.library-page .library-summary select {width:125px;font-size:11px}
  .unified-page.library-page .type-counts {font-size:9px;gap:5px 8px}
  .unified-page.library-page .library-grid {grid-template-columns:minmax(0,1fr);gap:15px}
  .unified-page.library-page .library-card {grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:15px;min-height:0;padding:17px 15px 15px;border-radius:14px}
  .unified-page.library-page .library-art {grid-column:1;grid-row:1;min-height:0;height:210px;padding:0}
  .unified-page.library-page .library-art .category-art {width:auto;height:100%;max-width:100%;max-height:210px;object-fit:contain;transform:none}
  .unified-page.library-page .library-copy {grid-column:1;grid-row:2;min-height:0}
  .unified-page.library-page .library-copy h2 {font-size:25px;line-height:1.18}
  .unified-page.library-page .library-copy >p {-webkit-line-clamp:4}
  .unified-page.library-page .library-tags {margin-top:0}
  .unified-page.library-page .library-actions {grid-column:1;grid-row:3;gap:6px;padding-top:13px}
  .unified-page.library-page .library-actions button {font-size:10px;min-height:42px;padding:9px 5px;gap:3px}
  .unified-page.library-page .library-pack .opportunity-pack-visual {min-height:210px}
  .unified-page.library-page .library-pack iframe {transform:translate(-50%,-50%) scale(.4)}
  .unified-page.library-page .library-pack-sealed .library-copy {min-height:91px}
  .unified-page.library-page .library-pack-sealed .library-copy::after {padding:12px}
  .unified-page.library-page .library-empty {padding:28px 16px}
  .unified-page.library-page .library-empty h2 {font-size:25px}
}
@media(max-width:370px) {
  .unified-page.library-page .library-stage {padding-inline:11px}
  .unified-page.library-page .library-card {padding-inline:12px}
  .unified-page.library-page .library-actions button {font-size:9px;padding-inline:3px;gap:3px}
  .unified-page.library-page .library-art {height:190px}
  .unified-page.library-page .library-pack .opportunity-pack-visual {min-height:190px}
  .unified-page.library-page .library-pack iframe {transform:translate(-50%,-50%) scale(.36)}
}
@media(prefers-reduced-motion:reduce) {
  .unified-page.library-page :is(a,button,input,select,summary) {transition:none}
}