/* Prompt library shares the Landscape typography and editorial palette. */
.aip-library .ata-hero { grid-template-columns: 1.7fr 1fr; gap: 50px; }
.aip-library h1 { font-size: clamp(36px, 4.1vw, 59px); }
.aip-hero-art { padding: 24px; background: #f2ecf7; border: 1px solid #e3d7eb; border-radius: 8px; transform: rotate(2deg); }
.aip-hero-art > div { margin: 20px 0; }
.aip-art-line { display: block; padding: 10px 0; color: #8c7c98; font: 12px/1.6 monospace; }
.aip-art-line b { color: #874d96; font-weight: 400; }
.aip-hero-art small { color: #91809d; font-size: 9px; }
.aip-filters { border-top: 1px solid var(--ata-line); border-bottom: 1px solid var(--ata-line); padding: 16px 0; margin-bottom: 25px; }
.aip-categories { display: flex; flex-wrap: wrap; gap: 7px; }
.aip-categories button { min-height: 38px; border: 1px solid #e5ddeb; background: #fff; border-radius: 5px; color: #75617f; padding: 7px 13px; font-size: 11px; }
.aip-categories button[aria-pressed="true"] { color: #fff; background: #8b287e; border-color: #8b287e; }
.aip-search-row { display: flex; gap: 22px; align-items: center; margin-top: 16px; }
.aip-search-row .ata-search { width: min(380px, 45%); }
.aip-search-row .ata-search input { width: 100%; min-height: 38px; font-size: 11px; }
.aip-picks-toggle { display: inline-flex; align-items: center; gap: 7px; color: #73617e; font-size: 11px; cursor: pointer; }
.aip-picks-toggle input { accent-color: #8b287e; margin: 0; }
.ai-landscape #aip-results { margin-left: auto; color: #8c7b97; font-size: 10px; }
.aip-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.aip-card { border: 1px solid var(--ata-line); border-radius: 7px; padding: 24px; background: #fff; scroll-margin-top: 80px; min-width: 0; display: flex; flex-direction: column; }
.aip-card:target { border-color: #a763a5; box-shadow: 0 0 0 2px #f0e4f2; }
.aip-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 19px; }
.aip-card .ata-eyebrow { font-size: 9px; letter-spacing: 1.2px; }
.aip-pick { padding: 3px 7px; border-radius: 3px; background: #f5edf7; color: #91609b; font-size: 8px; white-space: nowrap; }
.ai-landscape .aip-card h3 { font-size: 20px; line-height: 1.4; letter-spacing: -.5px; margin-bottom: 11px; }
.ai-landscape .aip-card > p[data-prompt-description] { color: #7d7186; font-size: 12px; line-height: 1.85; min-height: 46px; }
.aip-card dl { display: grid; gap: 7px; margin: 20px 0; color: #74667e; font-size: 10px; }
.aip-card dl > div { display: grid; grid-template-columns: 45px 1fr; gap: 10px; }
.aip-card dt { color: #a191ab; font-weight: 400; }
.aip-card dd { margin: 0; }
.aip-card-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding: 15px 0; border-top: 1px solid #eee8f2; }
.aip-card-actions button { font-size: 10px; border: 0; padding: 4px 0; background: transparent; color: #8e287f; min-height: 30px; font-weight: 600; }
.aip-card-actions button:last-child { color: #8a7896; font-weight: 400; }
.aip-card-actions svg { height: 15px; width: 15px; margin-left: 4px; }
.aip-full-prompt { border-top: 1px solid #eee8f2; }
.aip-full-prompt summary { cursor: pointer; font-size: 10px; padding-top: 12px; color: #8b7896; }
.aip-full-prompt pre { white-space: pre-wrap; overflow-wrap: anywhere; background: #f8f5fa; border: 1px solid #eee7f2; border-radius: 4px; padding: 15px; color: #5b4c68; font: 11px/1.8 monospace; margin: 15px 0 10px; }
.ai-landscape .aip-origin { font-size: 9px; color: #8d7a98; }
.aip-origin a { text-decoration: underline; text-underline-offset: 3px; }
.ai-landscape .aip-card-feedback { color: #8b287e; font-size: 9px; line-height: 1.8; }
.aip-card-feedback:not(:empty) { padding-top: 12px; }
.ai-landscape .aip-dialog { position: fixed; width: min(820px,calc(100% - 32px)); max-height: calc(100dvh - 40px); overflow-y: auto; border: 1px solid #dfd4e7; border-radius: 10px; padding: 36px; margin: auto; background: #fcfbfd; color: var(--ata-ink); }
.aip-dialog::backdrop { background: #24122b6e; backdrop-filter: blur(3px); }
.ai-landscape .aip-dialog h2 { font-size: 28px; margin: 15px 20px 10px 0; }
.ai-landscape #aip-dialog-description { font-size: 12px; color: #8b7a96; margin-bottom: 25px; }
.aip-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 25px; }
.aip-fields label { display: flex; flex-direction: column; gap: 7px; color: #745580; font-size: 11px; font-weight: 600; }
.ai-landscape .aip-dialog textarea { border: 1px solid #ddd0e5; border-radius: 4px; padding: 10px; resize: vertical; background: #fff; color: #4f405c; width: 100%; min-height: 66px; font: 12px/1.7 OpenSans, Arial, sans-serif; box-shadow: none; box-sizing: border-box; }
.ai-landscape .aip-dialog textarea:focus-visible { outline: 2px solid #9b177f; outline-offset: 2px; }
.aip-output-label { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; gap: 15px; color: #72557f; font-size: 12px; font-weight: 600; }
#aip-placeholders { color: #9a87a4; font-size: 10px; font-weight: 400; }
.ai-landscape .aip-dialog #aip-output { min-height: 210px; font: 11px/1.8 monospace; background: #f5f0f8; }
.aip-editor-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 15px; }
.aip-reset-inputs { border: 0; padding: 5px; background: transparent; color: #8b7598; font-size: 11px !important; }
.ai-landscape #aip-copy-status { color: #8b287e; font-size: 11px; }
.ai-landscape .aip-editor-note { font-size: 10px; color: #8e7e98; margin-top: 18px; }
@media (max-width: 1100px) { .aip-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.aip-library .ata-hero { gap: 25px; }.aip-hero-art { padding: 20px; }.aip-art-line { font-size: 10px; } }
@media (max-width: 760px) { .aip-library .ata-hero { grid-template-columns: 1fr; }.aip-hero-art { display: none; }.aip-library h1 { font-size: 40px; }.aip-grid { grid-template-columns: 1fr; }.aip-search-row { flex-wrap: wrap; gap: 14px; }.aip-search-row .ata-search { width: 100%; flex-basis: 100%; }.aip-categories { gap: 6px; }.aip-categories button { padding: 6px 11px; font-size: 10px; }.aip-card { padding: 22px; }.aip-card > p[data-prompt-description] { min-height: 0; }.aip-fields { grid-template-columns: 1fr; }.ai-landscape .aip-dialog { padding: 30px 22px; }.aip-output-label { flex-wrap: wrap; gap: 7px; }.aip-library .ata-page-nav { gap: 16px; font-size: 9px; } }
@media print { .aip-filters, .aip-card-actions, .aip-dialog, .aip-card-feedback, .aip-hero-art { display: none !important; }.aip-grid { display: block; }.aip-card { break-inside: avoid; margin-bottom: 15px; } }