:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#edeaf9;background:#100f19}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px max(5vw,20px);border-bottom:1px solid #363047}a{color:#bfadff}a:hover{color:white}.brand{font-size:1.25rem;font-weight:850;color:#fff;text-decoration:none}nav{display:flex;gap:22px;flex-wrap:wrap}main{max-width:1120px;margin:auto;padding:64px 24px}.eyebrow{color:#bbaaed;font-size:.78rem;letter-spacing:.16em;font-weight:750}h1{font-size:clamp(2.3rem,6vw,4.4rem);line-height:1.05;max-width:850px;margin:22px 0}h2{overflow-wrap:anywhere}.intro{font-size:1.14rem;line-height:1.7;max-width:760px;color:#bbb5ce}form{margin-top:40px}label{display:block;margin:10px 0;font-weight:650}.search-row{display:flex;gap:12px}input,button{font:inherit;border-radius:10px;padding:13px 18px;border:1px solid #554669}input{width:100%;background:#1c1928;color:#fff}button{background:#b6f06e;color:#17210d;font-weight:750;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:hover{filter:brightness(1.08)}:focus-visible{outline:3px solid #eec9ff;outline-offset:4px}.collections{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:18px;margin:28px 0}.collection{border:1px solid #3e344f;background:#1c1928;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:flex-start}.collection p{color:#bbb5ce;overflow-wrap:anywhere}.collection button{margin-top:auto}#preview{margin-top:45px;padding:28px;border:1px solid #695180;border-radius:18px;background:#1a1624}.actions{display:flex;gap:10px;flex-wrap:wrap}.hint,aside p{color:#bbb5ce;line-height:1.7}.item{padding:16px 0;border-bottom:1px solid #3b3349}.item strong{overflow-wrap:anywhere}.item small{display:block;color:#bab0ce;margin:8px 0}.item textarea{width:100%;height:70px;background:#100f19;color:#d3cbe5;padding:10px;border:1px solid #483b59;border-radius:6px;resize:vertical}.item button{padding:8px 12px;margin-top:8px}aside{margin-top:55px;border-top:1px solid #383044;padding-top:20px}footer{padding:25px;text-align:center;color:#aaa0be}#status,#copy-status{min-height:24px;color:#d5c2f2}[hidden]{display:none!important}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}main{padding-top:36px}.search-row{flex-direction:column}#preview{padding:18px}}

.search-topics{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0;color:#bbb5ce}.search-topics a{padding:6px 12px;border:1px solid #554669;border-radius:20px}.library-help{margin-top:36px;line-height:1.7}.library-help h3{margin-bottom:8px}.library-help li{margin:10px 0}.library-help p{color:#bbb5ce}

#page-size{font:inherit;background:#1c1928;color:#fff;padding:10px 16px;border:1px solid #554669;border-radius:10px}

/* Shared desktop card preview: static images only, no generation requests. */
.item-card-thumbnail { max-height: 280px; object-fit: cover; object-position: top; }
/* Inventory tile visuals historically ignored pointer input. These controls
 * and the hover target must remain interactive within that selectable tile. */
.item-card-thumbnail, .item-card-view-button, .item-card-layout-toggle { pointer-events: auto; }
.item-card-popout { position: fixed; margin: 0; padding: 0; border: 1px solid #60717e; border-radius: 10px; background: #111923; color: #eef2f5; box-shadow: 0 12px 40px #000b; overflow: hidden; }
.item-card-popout:popover-open { display: flex; flex-direction: column; }
.item-card-popout-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; flex: 0 0 auto; background: #192431; }
.item-card-popout-toolbar label { display: flex; align-items: center; gap: 8px; }
.item-card-popout-toolbar input { width: 110px; }
.item-card-popout-scroll { overflow: auto; min-height: 0; overscroll-behavior: contain; }
.item-card-popout-scroll img { display: block; width: 100%; max-width: none; height: auto; }
.item-card-view-button, .item-card-layout-toggle { margin: 4px 4px 0 0; font-size: .8rem; padding: 3px 7px; }
.community-card{max-width:360px;margin:12px 0}.community-card figcaption{font-size:.85rem;color:#bab0ce;margin-top:6px}.item-card-popout label{margin:0}.item-card-popout button{padding:6px 12px}.item-card-popout input{padding:0}