.library-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
#creatureSearch{width:100%;box-sizing:border-box;max-width:600px}
.creature-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:16px;padding:4px;margin:18px 0}
.creature-card{text-align:left;display:flex;flex-direction:column;gap:6px;padding:14px;white-space:normal;overflow-wrap:anywhere;min-width:0}
.creature-card[aria-pressed=true],.creature-animation[aria-pressed=true]{border-color:var(--text)}
.creature-card img{width:100%;height:180px;object-fit:contain;background:repeating-conic-gradient(#1c2424 0% 25%,#121a1a 0% 50%) 0 0/20px 20px}
.creature-card .creature-kind{font-size:.85em;color:var(--wg-color-text-muted,#b3aea2)}
.creature-viewer{width:min(1100px,95vw);max-height:90vh;overflow:auto;box-sizing:border-box;padding:24px}
.creature-viewer::backdrop{background:#000a}
.creature-library-layout{display:grid;grid-template-columns:minmax(250px,1fr) minmax(260px,330px);gap:24px;align-items:start}
.creature-library-layout>*,.creature-library-layout label{min-width:0}
#creatureCanvas{display:block;width:100%;height:auto;max-width:512px}
#generatedActions{margin-top:16px}
.animation-selector{display:block;margin:12px 0}
#creatureAnimations{display:block;width:100%;box-sizing:border-box;margin-top:6px}
#creatureFrame{width:100%}
.creature-info{padding:16px;border:1px solid var(--border);border-radius:var(--radius-3,8px);overflow-wrap:anywhere}
.creature-info dt{font-weight:bold}.creature-info dd{margin:0 0 10px}

.creature-dialog{width:min(860px,90vw);max-height:85vh;overflow:auto;box-sizing:border-box}
.creature-dialog label{display:flex;flex-direction:column;gap:5px;margin:8px 0;min-width:0}.creature-dialog input{max-width:100%;box-sizing:border-box}
.creature-grid-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.creature-clip-fields fieldset{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;border:1px solid var(--border);margin:12px 0;min-width:0}
.creature-dialog [type=checkbox]{align-self:start}.creature-dialog p{overflow-wrap:anywhere}
[hidden]{display:none!important}
@media(max-width:650px){.creature-library-layout{grid-template-columns:1fr}.creature-clip-fields fieldset{grid-template-columns:1fr 1fr}.creature-dialog,.creature-viewer{padding:12px}}

.creature-viewer .sprite-player{display:flex;justify-content:center;align-items:center;min-height:280px}
.creature-info{padding:14px;font-size:.9rem}
.creature-info .animation-selector{margin:0 0 14px}
.animation-selector>span{color:#d7a5ff;font-weight:700;display:flex;justify-content:space-between;font-size:1.1rem}
#creatureAnimations{border-color:#a970d3;min-height:44px;font-size:.9rem;white-space:normal}
.playback-buttons{gap:6px}.playback-settings{display:flex;align-items:center;gap:16px;margin:12px 0}
.playback-settings label{display:flex;align-items:center;gap:8px}#creatureFps{width:65px;padding:6px}
.creature-technical{margin:14px 0}.creature-technical dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:.85rem}
.creature-technical dd{margin:0}.creature-info .wg-button{font-size:.85rem;padding:8px 10px}
#viewerStatus{font-size:.85rem;margin:8px 0 16px}#creatureFrameInfo{font-size:.8rem}
.creature-info #generatedActions{margin-top:12px}
.creature-card-container{display:flex;flex-direction:column;gap:8px;min-width:0}.creature-card-container .creature-card{flex:1;width:100%}.creature-card-delete{align-self:flex-end}
.creature-delete-dialog{width:min(460px,calc(100vw - 32px));max-height:85vh;overflow:auto;box-sizing:border-box;padding:24px}.creature-delete-dialog::backdrop{background:#000a}.creature-delete-dialog p{overflow-wrap:anywhere}.creature-delete-dialog .sprite-actions{justify-content:flex-end}