.ap-root{width:100%;min-width:0;color:#dad5c8}.ap-root [hidden]{display:none!important}.ap-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.ap-heading h2{margin:0 0 6px;color:#d8bd75}.ap-heading p,.ap-hint{font-size:12px;color:#b7b0a5;margin:6px 0 12px}.ap-pill{border:1px solid #766239;border-radius:20px;padding:7px 12px;font-size:12px;white-space:nowrap}.ap-layout{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:18px}.ap-form,.ap-card,.ap-existing{background:linear-gradient(135deg,#211c2a,#11121a);border:1px solid #4a3d2c;border-radius:12px;padding:16px}.ap-form label{display:grid;gap:6px;font-size:12px;margin-bottom:12px}.ap-form input:not([type=checkbox]),.ap-form select{width:100%;min-width:0;box-sizing:border-box;padding:9px;border:1px solid #43334f;border-radius:6px;background:#12101a;color:#eee6d5}.ap-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ap-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ap-check{display:flex!important;align-items:center;gap:8px!important}.ap-actions{display:flex;gap:8px;margin-top:16px}.ap-form summary,.ap-existing summary{cursor:pointer;color:#d5b86d}.ap-images{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.ap-images .admin-upload-row,.ap-images label{min-width:0}.ap-images img{max-width:80px;max-height:80px;object-fit:contain}.ap-images input[type=file]{max-width:100%}.ap-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}.ap-metrics small{display:block;color:#b7b0a5}.ap-metrics strong{display:block;font-size:25px;color:#dfc578;margin-top:6px}.ap-totals{display:flex;gap:10px;flex-wrap:wrap;font-size:12px}.ap-totals b{color:#dfc578}.ap-results{min-width:0}.ap-table-wrap{overflow:auto;max-width:100%}.ap-root table{width:100%;border-collapse:collapse;font-size:12px;text-align:center}.ap-root th,.ap-root td{padding:10px 6px;border-bottom:1px solid #3d3341;white-space:nowrap}.ap-root td:first-child,.ap-root th:first-child{text-align:left;color:#ddc993}.ap-total{background:#282333;font-weight:bold}.ap-existing{margin-top:18px}.ap-existing-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #3d3341;font-size:12px}.ap-existing-row span{color:#b7b0a5}.ap-root [data-status]{font-size:13px;min-height:20px}.ap-root button:disabled{opacity:.5;cursor:default}@media(max-width:1000px){.ap-layout{grid-template-columns:1fr}.ap-heading{align-items:flex-start;flex-direction:column}.ap-existing-row{flex-direction:column;gap:5px}}@media(max-width:450px){.ap-form,.ap-card{padding:12px}.ap-row,.ap-images{grid-template-columns:1fr}.ap-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-metrics strong{font-size:20px}.ap-actions{flex-wrap:wrap}}

/* Give the creation form the full administrative workspace. */
.ap-layout{grid-template-columns:minmax(0,1fr);gap:12px}.ap-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:14px}.ap-form>label{margin-bottom:0}.ap-form>.ap-row,.ap-form>.ap-stats,.ap-form>details,.ap-form>.ap-actions,.ap-form>[data-status],.ap-form>.ap-hint,.ap-form>[data-ratio]{grid-column:1/-1}.ap-form .ap-row{gap:16px}.ap-form label{margin-bottom:6px}.ap-form input:not([type=checkbox]),.ap-form select{padding:7px 9px}.ap-creature-names,.ap-creature-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ap-creatures [data-creature-settings]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding-top:12px}.ap-creature-names,.ap-creature-images,.ap-creatures [data-creature-settings]>p{grid-column:1/-1}.ap-images{grid-template-columns:repeat(4,minmax(0,1fr))}.ap-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.ap-results>.ap-card:has(table){grid-column:1/-1}.ap-results .ap-card{margin:0}.ap-existing{margin-top:12px}@media(max-width:850px){.ap-creature-images{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-images:not(.ap-creature-images){grid-template-columns:repeat(2,minmax(0,1fr))}.ap-results{grid-template-columns:1fr}}@media(max-width:600px){.ap-form,.ap-creatures [data-creature-settings],.ap-creature-names,.ap-creature-images{grid-template-columns:minmax(0,1fr)}.ap-form>*{grid-column:1/-1}.ap-form .ap-row{grid-template-columns:1fr}.ap-heading{margin-bottom:10px}}

.ap-images.ap-creature-images{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:600px){.ap-images.ap-creature-images{grid-template-columns:1fr}}