.library-toolbar{display:flex;gap:10px;margin:0 0 20px;flex-wrap:wrap}.library-toolbar label{display:grid;gap:6px;font:9px var(--mono);color:#7ca8b9;flex:1;min-width:150px}.library-toolbar input,.library-toolbar select{width:100%;min-width:0;font-size:11px;padding:10px 12px}.library-toolbar label:first-child{flex:2}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,255px),1fr));gap:15px;align-items:start}.library-card{min-width:0;padding:18px;border:1px solid #68d8ed33;border-radius:5px;background:linear-gradient(140deg,#65dfef09,#03172455);box-shadow:inset 0 1px 0 #d6f8ff0a;overflow:hidden}.library-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:25px}.library-tag{max-width:calc(100% - 35px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font:8px var(--mono);letter-spacing:.5px;text-transform:uppercase;color:#77c7d5}.library-card h3{font-size:15px;font-weight:500;line-height:1.5;color:#caedf5;margin:9px 0 12px;overflow-wrap:anywhere}.library-prompt-preview{white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;color:#89adbc;font-size:11px;line-height:1.8;min-height:98px;margin:0 0 17px;overflow-wrap:anywhere}.library-card-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;border-top:1px solid #6bcde71c;padding-top:13px;margin-top:auto}.library-card-actions .secondary{font-size:9px;padding:8px 10px}.library-card-actions .textbutton{font-size:9px}.library-empty{grid-column:1/-1;text-align:center;display:grid;justify-items:center;gap:12px;padding:45px 15px;min-height:260px;place-content:center;border:1px dashed #78d7ec2e;background:#6bd5e903;border-radius:6px}.library-empty>span{font-size:36px;color:#68c3d2}.library-empty h3{font-size:16px;font-weight:400;margin:0;color:#b0dbe7}.library-empty p{font-size:11px;color:#6d98a8;line-height:1.8;max-width:420px;margin:0}.library-reference-card{display:flex;flex-direction:column}.library-reference-image{position:relative;width:calc(100% + 36px);padding:0;border:0;border-bottom:1px solid #65cce928;margin:-18px -18px 15px;background:#02101a;color:#c0e9f4;cursor:zoom-in;display:block;height:175px;overflow:hidden}.library-reference-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.library-reference-image:hover img{transform:scale(1.025)}.library-reference-image span{position:absolute;right:9px;bottom:9px;padding:5px 7px;border:1px solid #90dcf03d;border-radius:3px;background:#03131ccb;font:8px var(--mono)}.library-reference-symbol{display:grid;place-items:center;height:64px;font:32px var(--mono);color:#67c5d6;margin-bottom:10px;background:radial-gradient(ellipse,#42d5f40d,transparent 70%)}.library-project{font:8px var(--mono);color:#88b2c3;margin:-4px 0 12px;overflow-wrap:anywhere}.library-reference-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:11px;color:#87aab9;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.library-open-link{display:inline-block;text-decoration:none;line-height:1.5}.library-save-status{display:block;min-height:16px;color:#7cc9bd;font-size:10px;line-height:1.7;margin:14px 0 0}.library-form-copy{font-size:11px;line-height:1.8;color:#759bab;margin:0 0 15px}.library-modal{width:min(560px,100%)}.library-modal textarea{font-family:inherit;line-height:1.7;min-height:170px;resize:vertical;font-size:12px}.library-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.library-form-row>*{min-width:0}.library-upload{border:1px dashed #69cbdf48;padding:13px;border-radius:4px;background:#66d8e906;display:grid;gap:9px}.library-upload input{font-size:10px;width:100%}.library-upload input::file-selector-button{color:#ace5f1;background:#123a4c;border:1px solid #68ccdf44;border-radius:3px;padding:7px 10px;cursor:pointer;margin-right:9px}.library-upload small{font-size:10px;line-height:1.7;color:#7b9fac}.library-draft-image{display:flex;gap:13px;align-items:center}.library-draft-image img{width:100px;height:85px;object-fit:contain;border:1px solid #77cde52f;border-radius:3px;background:#00101a}.library-draft-image .textbutton{font-size:10px}.library-view-modal .modal-box{width:min(100%,1040px)}.library-view-stage{display:grid;place-items:center;min-height:200px;background:#010c13;border:1px solid #69cce32a;overflow:hidden}.library-view-stage img{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain}.library-view-caption{white-space:pre-wrap;overflow-wrap:anywhere;color:#93b8c7;font-size:12px;line-height:1.8;margin:15px 0 0;max-height:150px;overflow:auto}.library-reference-image:focus-visible,.library-open-link:focus-visible{outline:2px solid #a0eff9;outline-offset:3px}.library-draft-image[hidden],.workspace-pane[hidden]{display:none!important}html[data-jarvis-template="holographic"] .library-card{border-radius:15px;background:linear-gradient(135deg,#80dfff0b,#071d2c77);backdrop-filter:blur(18px)}html[data-jarvis-template="holographic"] .library-reference-image{border-radius:0}html[data-jarvis-template="holographic"] .library-empty{border-radius:15px}
@media(max-width:760px){.library-toolbar{gap:9px;margin-bottom:15px}.library-toolbar label{min-width:110px;flex:1}.library-toolbar label:first-child{flex-basis:100%}.library-toolbar input,.library-toolbar select{padding:9px;font-size:11px}.library-grid{grid-template-columns:1fr;gap:12px}.library-card{padding:15px}.library-reference-image{width:calc(100% + 30px);margin:-15px -15px 12px;height:180px}.library-form-row{grid-template-columns:1fr;gap:0}.library-modal textarea{min-height:155px}.library-card h3{font-size:14px}.library-empty{padding:30px 10px}.library-empty h3{font-size:14px}.library-view-stage img{max-height:60vh}.library-view-caption{font-size:11px}.library-upload{padding:10px}.library-card-actions .secondary{font-size:10px}.library-card-actions .textbutton{font-size:10px}.library-prompt-preview{min-height:0}}
@media(prefers-reduced-motion:reduce){.library-reference-image img{transition:none}.library-reference-image:hover img{transform:none}}