.cy-image-library{max-width:1900px;margin:auto;padding:24px;min-width:0}.cy-image-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.cy-image-hero h1{margin:6px 0;font:400 clamp(34px,4vw,50px) var(--serif)}.cy-image-hero p:last-child{max-width:700px;color:#b6abc8}.cy-image-alert{padding:12px 16px;border:1px solid #b45b79;border-radius:12px;background:#36192a;color:#ffdbe7}.cy-image-workspace{display:grid;grid-template-columns:220px minmax(420px,1fr) 310px;gap:12px;align-items:start}.cy-image-folders,.cy-image-browser,.cy-image-inspector{min-width:0;border:1px solid #34304d;border-radius:14px;background:#0b0d18}.cy-image-folders,.cy-image-inspector{position:sticky;top:108px;max-height:calc(100dvh - 132px);overflow:auto}.cy-image-folders{padding:16px}.cy-image-folders>div{display:flex;align-items:center;justify-content:space-between}.cy-image-folders>div button{width:34px;height:34px;padding:0}.cy-image-folders nav{display:grid;gap:5px;margin-top:14px}.cy-image-folders nav button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px;border:1px solid transparent;background:transparent;color:#d3c8e1;text-align:left}.cy-image-folders nav button.is-active{border-color:#785ca1;background:#2b1d42;color:white}.cy-image-folders nav b{font-size:10px;color:#a99abb}.cy-image-storage{margin-top:22px;padding-top:17px;border-top:1px solid #34304d}.cy-image-storage span,.cy-image-storage small{display:block;color:#a99abb;font-size:11px}.cy-image-storage progress{width:100%;margin:9px 0;accent-color:#a782dc}.cy-image-browser{min-height:660px;padding:18px}.cy-image-browser>header{display:flex;align-items:end;justify-content:space-between;gap:16px}.cy-image-browser h2{margin:5px 0;font:500 23px var(--sans)}.cy-image-browser>header>span{color:#a99abb;font-size:11px}.cy-image-toolbar{display:flex;align-items:center;gap:8px;margin:16px 0}.cy-image-toolbar>label{flex:1}.cy-image-toolbar input,.cy-image-toolbar select,.cy-image-inspector :is(input,select,textarea),.cy-image-dialog :is(input,select){box-sizing:border-box;width:100%;min-height:42px;border:1px solid #514166;border-radius:10px;background:#101222;color:#eeeaf5;font:inherit;padding:9px 11px}.cy-image-toolbar select{width:auto}.cy-image-view-toggle{display:flex}.cy-image-view-toggle button{width:42px;padding:8px}.cy-image-view-toggle button[aria-pressed=true]{background:#5c3d8b}.cy-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:12px}.cy-image-grid article{position:relative;min-width:0;overflow:hidden;border:1px solid #3d324b;border-radius:12px;background:#111220;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.cy-image-grid article:hover,.cy-image-grid article.is-selected{border-color:#b59ae0;transform:translateY(-2px)}.cy-image-thumb{aspect-ratio:1/1;overflow:hidden;background:#080914}.cy-image-thumb img{width:100%;height:100%;object-fit:cover}.cy-image-card-copy{padding:12px}.cy-image-card-copy h3{margin:0 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.cy-image-card-copy p,.cy-image-card-copy small{display:block;margin:0;color:#a99abb;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cy-image-card-copy small{margin-top:5px}.cy-image-grid article>button{position:absolute;top:7px;right:7px;min-height:32px;padding:4px 8px;border-radius:999px;background:#080914dc}.cy-image-grid.is-list{display:grid;grid-template-columns:1fr}.cy-image-grid.is-list article{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center}.cy-image-grid.is-list .cy-image-thumb{aspect-ratio:1/1}.cy-image-grid.is-list article>button{position:static;margin-right:10px}.cy-image-empty{display:grid;place-items:center;min-height:400px;text-align:center;color:#a99abb}.cy-image-empty[hidden]{display:none}.cy-image-empty>span,.cy-image-inspector-empty>span{font-size:38px;color:#c1a9f0}.cy-image-inspector{padding:14px}.cy-image-inspector-empty{display:grid;place-items:center;min-height:420px;text-align:center;color:#a99abb}.cy-image-inspector-empty[hidden]{display:none}.cy-image-inspector section>img,.cy-image-inspector section>a>img{width:100%;max-height:260px;object-fit:contain;border-radius:10px;background:#080914}.cy-image-inspector form,.cy-image-dialog form{display:grid;gap:12px}.cy-image-inspector label,.cy-image-dialog label{display:grid;gap:6px;color:#d9cfeb;font-size:12px}.cy-image-inspector dl{display:grid;gap:9px;margin:18px 0}.cy-image-inspector dl div{display:flex;justify-content:space-between;gap:12px;font-size:11px}.cy-image-inspector dt{color:#968aa7}.cy-image-inspector dd{margin:0;max-width:60%;text-align:right;overflow-wrap:anywhere}.cy-image-private-note{padding:10px;border-radius:9px;background:#181328;color:#c7b4df;font-size:11px;line-height:1.5}.cy-image-inspector details{border-top:1px solid #34304d;padding-top:15px}.cy-image-inspector summary{cursor:pointer;color:#cf9cad}.cy-image-dialog{width:min(560px,calc(100vw - 28px));padding:0;border:1px solid #655078;border-radius:18px;background:#101120;color:#eeeaf5}.cy-image-dialog::backdrop{background:#050610d9;backdrop-filter:blur(3px)}.cy-image-dialog form{padding:20px}.cy-image-dialog header,.cy-image-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.cy-image-dialog h2{margin:4px 0}.cy-image-dialog header>button{width:42px;height:42px;padding:0}.cy-image-dialog footer{justify-content:flex-end}.cy-image-library button{min-height:42px;border:1px solid #8063a4;border-radius:10px;background:#241734;color:#f0e7fb;font:inherit;padding:9px 14px;cursor:pointer}.cy-image-library button:hover{background:#35204e}.cy-image-library .danger-button{border-color:#a24e70;background:#351827;color:#ffdce8}.cy-published-image{display:block;max-width:100%;height:auto;max-height:80vh;object-fit:contain;margin:24px auto;border-radius:12px}.cy-lore-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
@media(max-width:1180px){.cy-image-workspace{grid-template-columns:190px minmax(0,1fr)}.cy-image-inspector{position:relative;top:auto;grid-column:2;max-height:none}.cy-image-inspector-empty{min-height:160px}}
@media(max-width:720px){.cy-image-library{padding:14px 12px 110px}.cy-image-hero{align-items:flex-start;flex-direction:column}.cy-image-workspace{display:block}.cy-image-folders{position:relative;top:auto;max-height:none;margin-bottom:10px}.cy-image-folders nav{display:flex;overflow:auto}.cy-image-folders nav button{flex:0 0 auto;width:auto}.cy-image-storage{display:none}.cy-image-browser{min-height:0;padding:12px}.cy-image-toolbar{flex-wrap:wrap}.cy-image-toolbar>label{flex-basis:100%}.cy-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cy-image-inspector{margin-top:10px}.cy-image-card-copy small{display:none}}
@media(prefers-reduced-motion:reduce){.cy-image-grid article{transition:none}}