.library-setup{padding:12px 16px;background:#eaf5fd;border:1px solid #c8e3f7;border-radius:12px;font-size:13px}.library-upload{padding:24px;border:2px dashed #9ac7e8;border-radius:16px;background:#f5faff}.library-upload.drop-active{border-color:#0a2f57;background:#e4f3ff}.library-upload>strong{display:block;font-size:19px;color:#0a2f57}.library-upload>p{font-size:12px;line-height:1.6}.library-upload-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.library-upload-options>label{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:13px}.library-upload-options input[type=checkbox]{width:auto}.library-tools{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.library-tools input{flex:1 1 220px}.library-tools select{width:auto;flex:0 1 160px}.library-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:24px;align-items:start}.library-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px}.library-card{padding:10px;text-align:left;border:1px solid #d5e4f0;border-radius:13px;background:white;color:#0a2f57;display:flex;flex-direction:column;gap:8px;min-width:0}.library-card.selected{border-color:#53a2d9;box-shadow:0 0 0 2px #53a2d944}.library-card strong{font-size:13px;overflow-wrap:anywhere}.library-card small{font-size:10px;font-weight:400;color:#55718b}.library-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:100%;background-color:#fff;background-image:linear-gradient(45deg,#e5edf4 25%,transparent 25%),linear-gradient(-45deg,#e5edf4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5edf4 75%),linear-gradient(-45deg,transparent 75%,#e5edf4 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border-radius:8px;overflow:hidden}.library-thumb img{width:100%;height:100%;object-fit:contain}.library-inspector{background:#f7fbff;border:1px solid #d7e7f4;border-radius:14px;padding:20px;min-width:0}.library-inspector h3{margin-top:0;overflow-wrap:anywhere}.library-inspector p{font-size:12px;line-height:1.6}.library-large-preview{display:block;max-height:260px;width:100%;object-fit:contain;background:repeating-conic-gradient(#e5edf4 0% 25%,white 0% 50%) 0/16px 16px;border-radius:8px}.library-snippets{display:grid;gap:16px;margin:20px 0}.library-snippets textarea{font-family:monospace;font-size:11px;width:100%;resize:vertical}.library-inspector form{margin:26px 0}.library-inspector>button{margin:8px 8px 8px 0}.library-confirm{max-width:520px;border:1px solid #c9dfef;border-radius:16px;color:#0a2f57}.library-confirm::backdrop{background:#082b4b88}@media(max-width:1050px){.library-workspace{grid-template-columns:1fr}.library-upload-options{grid-template-columns:1fr}.library-inspector{max-width:none}}@media(max-width:550px){.library-upload{padding:16px}.library-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.library-tools select{flex:1 1 140px}.library-card{padding:7px}.library-workspace{gap:16px}}