@font-face{font-family:GCExo;src:url('/admin-assets/fonts/exo2') format('truetype');font-display:swap}
.release{display:flex;gap:24px;align-items:center;justify-content:space-between}
nav{flex-wrap:wrap}.profile-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0;padding:0;border:0}.profile-tabs a{border:1px solid #2a3c55;border-radius:8px;padding:9px 14px;text-transform:capitalize}
.frame-workspace{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(440px,1.25fr);gap:18px}.frame-workspace>*{min-width:0}
.preview .structural-guide{display:block;width:min(240px,100%);margin:12px auto;background:#06101d;border-radius:14px}
.editor fieldset{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border:1px solid #2a3c55;border-radius:10px;margin:0 0 14px;padding:12px}.editor legend{color:#77dadf;padding:0 6px}.editor input{min-width:0}.editor button{margin-top:6px}
.preview-controls form{display:grid;grid-template-columns:minmax(200px,2fr) minmax(130px,1fr) minmax(160px,1fr) auto;gap:16px;align-items:end}.preview-controls label{margin:0;min-width:0}.preview-controls button{margin:0}
select{display:block;width:100%;min-height:48px;margin-top:7px;padding:12px;border-radius:10px;border:1px solid #455a75;background:#0b1627;color:#e8f1ff;font:inherit}select:focus-visible{outline:3px solid #93f3ed;outline-offset:3px}
.preview-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.preview-comparison>.panel{margin:0 0 18px}.draft-preview{border-color:#8764c8}.draft-preview .eyebrow{color:#d0b9ff}.draft-empty{display:flex;flex-direction:column;justify-content:center;min-height:300px}
.card-stage,.asset-stage{background-color:#101625;background-image:conic-gradient(#202a3b 25%,transparent 0 50%,#202a3b 0 75%,transparent 0);background-size:20px 20px;border:1px solid #344257;border-radius:12px}
.card-stage{display:flex;align-items:center;justify-content:center;padding:20px;min-width:0}.composed-card{display:block;width:100%;max-width:330px;height:auto;overflow:visible}.composed-card.compact{max-width:220px;overflow:hidden}.composed-card .rank-text,.composed-card .faction-text{font-family:GCExo,sans-serif}.composed-card .creature-name{font-family:'Javanese Text',GCExo,serif}.catalog-stage{padding:12px;margin:18px 0}.catalog-stage .composed-card{max-width:240px}.preview-link{display:block;font-size:14px}
.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.asset-tile{min-width:0;margin:0;padding:16px}.asset-tile h2{font-size:17px;text-transform:capitalize;overflow-wrap:anywhere}.asset-stage{display:flex;align-items:center;justify-content:center;height:220px;padding:12px}.asset-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:1000px){.preview-controls form{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.frame-workspace{grid-template-columns:1fr}.release{align-items:flex-start;flex-wrap:wrap}.editor fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.preview-comparison,.preview-controls form{grid-template-columns:1fr}.card-stage{padding:12px}.preview-controls button{width:100%}.asset-grid{grid-template-columns:1fr}.asset-stage{height:280px}.release{gap:12px}.release form{width:100%}.environment{overflow-wrap:anywhere}}

.composed-card[data-name-font="exo"] .creature-name{font-family:GCExo,sans-serif}
.composition-guides{pointer-events:none}.preview-controls .geometry-toggle{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:13px}.preview-controls .geometry-toggle input{margin:0;width:18px;height:18px;min-height:0}.guide-legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px}.guide-legend span:nth-child(2){color:#c7a0ff}.guide-legend span:nth-child(3){color:#ffd56e}.guide-legend span:nth-child(4){color:#71efff}#frame-edit[data-unsaved="true"] #frame-edit-state{color:#ffd56e;border-left:3px solid #ffd56e;padding-left:12px}
.frame-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:24px 0}.frame-process li{display:flex;gap:12px;align-items:flex-start;border-top:1px solid #40566a;padding:15px 4px}.frame-process li>span{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border:1px solid #476458;color:#a9d8c9;border-radius:6px;font-size:10px}.frame-process strong{display:block;font-size:12px;color:#d1e1eb}.frame-process small{display:block;margin-top:4px;font-size:11px;color:#9bafc5}.release{border-color:#456357;background:#1a2b2c}.release form{min-width:240px}.release strong{font-size:16px}.profile-tabs a{font-size:12px;background:#1a2534;color:#b9cbdc}.profile-tabs a[aria-current=page]{background:#2b4843;border-color:#5d8877;color:#c4f1e0}.editor fieldset{background:#151e2c}.editor label{margin:9px 0}.editor legend{font-size:12px;color:#b0dacd}.editor input{padding:10px;border-radius:7px;font-size:13px}.preview-controls h2{font-size:18px}.draft-empty{background:repeating-linear-gradient(135deg,#182332,#182332 10px,#1b2735 10px,#1b2735 11px)}.preview .eyebrow{font-size:10px}.preview h2{font-size:19px}.asset-tile{background:#192330}.asset-tile h2{line-height:1.4}.asset-tile .small{color:#a8b9cc}
@media(max-width:1100px){.preview-controls form{grid-template-columns:repeat(2,minmax(0,1fr))}.frame-workspace{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.release{flex-wrap:wrap}}
@media(max-width:540px){.frame-process{grid-template-columns:1fr;gap:0}.frame-process li{padding:13px 0}.release form{min-width:0}.asset-grid,.preview-controls form{grid-template-columns:1fr}.preview-controls button{width:100%}.editor fieldset{padding:10px;gap:8px}}