.appearance-main{max-width:1040px;padding-bottom:32px}.ap-heading{padding:24px 0}.ap-heading h1{font-size:clamp(36px,3.2vw,48px);line-height:1.1}.ap-heading>p{margin:9px 0 0;color:var(--muted);font-size:14px}
.ap-workbench{--ap-paper:#f1e7c9;--ap-gold:#ecce8b;--ap-ink:#800;display:grid;grid-template-columns:minmax(240px,1fr) minmax(275px,1.1fr);gap:0;border:1px solid #ba9c60;border-radius:10px;background:linear-gradient(180deg,var(--ap-gold),var(--ap-paper) 80px);color:var(--ap-ink);box-shadow:0 12px 38px #0003,inset 0 1px #fff9;font:14px/1.45 Arial,sans-serif}
.ap-workbench>section{min-width:0;padding:25px}.ap-preview{border-left:1px solid #bfa36655}.ap-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.ap-section-heading h2{font:500 27px/1.1 var(--serif,'Cormorant Garamond',Georgia,serif)}.ap-step{font-size:11px;letter-spacing:.1em;color:#957947}.ap-section-copy{font-size:12px;color:#756043;line-height:1.5;min-height:36px;margin-bottom:15px}
.ap-upload{border:1px solid #bfa36680;border-radius:7px;padding:12px;background:#fff9e33b;margin-top:12px;transition:background-color .15s,border-color .15s}.ap-upload.is-dragging{background:#fff8db;border-color:#800;outline:2px solid #8004;outline-offset:2px}.ap-upload-heading{display:flex;gap:10px;align-items:center}.ap-upload-heading h3{font:600 14px/1.3 Arial,sans-serif}.ap-upload-heading span:not(.ap-upload-icon){font-size:11px;color:#87704b}.ap-upload-icon{width:33px;height:36px;border:1px solid #c3a56880;border-radius:5px;display:grid;place-items:center;font:26px/1 Georgia,serif;background:#ecce8b55;color:#805c2a;flex:none}.ap-file-description{min-height:42px;margin:9px 0 11px;display:flex;flex-direction:column;gap:2px}.ap-file-description strong{font-size:12px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#62533f}.ap-file-description span{font-size:11px;color:#8a704b}.ap-file-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.appearance-main .ap-small{padding:7px 13px;min-height:32px;font-size:12px;line-height:1.3}.appearance-main .ap-small:after{display:none}.appearance-main .ap-small:before{background-size:10px 13px,10px 13px;background-position:left 3px top,right 3px top;top:-9px;height:13px}.ap-remove{appearance:none;border:0;border-bottom:1px solid currentColor;padding:1px 0;background:none;color:#800;cursor:pointer;font:12px Arial,sans-serif}.ap-remove:disabled{color:#9b8a6b;border-color:transparent;cursor:default}.ap-remove:not(:disabled):hover{color:#bd1730}.ap-stage:focus-visible,.ap-workbench button:focus-visible,.ap-workbench input:focus-visible{outline:2px solid #285ea8;outline-offset:3px}.ap-preview-toolbar{display:flex;justify-content:center;gap:3px;margin:16px 0 11px}.ap-scale{border:1px solid #baa16e;background:#f8efd6;color:#806438;border-radius:4px;padding:5px 12px;font:12px Arial,sans-serif;cursor:pointer;min-width:54px}.ap-scale[aria-pressed=true]{background:#ead09a;color:#800;border-color:#94723e;box-shadow:inset 0 1px 3px #7e562333}
.ap-stage{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;overflow:auto;max-width:100%;padding:4px 0 4px;min-height:300px;scrollbar-width:thin}.ap-stage-size{justify-self:start;margin-inline:auto}.ap-stage-size{width:235px;height:306px;position:relative}.ap-game{--ap-image-bg:#b2c1dc;--ap-image-pattern:none;width:235px;height:306px;transform-origin:top left;border:1px solid #c3a15d;border-radius:13px 13px 7px 7px;padding:6px 6px 4px;background:#eaca81;box-shadow:inset 2px 2px 3px #fff9,inset -2px -3px 3px #ad8d5066,2px 3px 5px #6a532b4a;font:12px/14px Arial,sans-serif;color:#800;box-sizing:border-box}.ap-game-top{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-weight:bold;color:#0000ff}.ap-game-dot{width:7px;height:7px;background:#148f19;border-radius:50%;box-shadow:0 0 0 2px #cfb96566}.ap-game-level{margin-left:auto;color:#800}.ap-game-tabs{display:flex;justify-content:center;gap:1px;margin-bottom:4px}.ap-game-tabs span{width:48px;height:20px;display:grid;place-items:center;color:#502537;background:linear-gradient(#fff5d8,#e1bb6e);border:1px solid #ba9654;box-shadow:inset 1px 1px #ffffc2;font-size:18px}.ap-game-tabs span:first-child{color:#0000ff;border-radius:9px 0 0 0}.ap-game-tabs span:last-child{border-radius:0 9px 0 0}.ap-portrait-row{display:grid;grid-template-columns:10px 165px 10px;gap:18px;justify-content:center;height:165px}.ap-image-cell{position:relative;display:grid;place-items:center;background-color:var(--ap-image-bg);background-image:var(--ap-image-pattern);overflow:hidden}.ap-portrait-cell{--ap-image-bg:#eaca81}.ap-image-cell img{width:100%;height:100%;object-fit:scale-down;display:block}.ap-image-cell img[hidden]{display:none}.ap-placeholder{display:flex;flex-direction:column;align-items:center;gap:5px;color:#a08b5f;font-size:11px}.ap-placeholder[hidden],.ap-hand-placeholder[hidden]{display:none}.ap-placeholder svg{width:70px;height:90px;stroke:currentColor;stroke-width:1.8;fill:none;opacity:.7}.ap-mana-bar,.ap-hp-bar{border:1px solid #b59c66;border-radius:2px;box-shadow:inset 1px 0 1px #fff8;background:linear-gradient(90deg,#93abfd,#2822e8 70%,#00009a)}.ap-hp-bar{background:linear-gradient(90deg,#ffcab4,#ef4739 70%,#a30000)}.ap-game-vitals{display:flex;justify-content:space-between;font-size:10px;margin:2px 4px 3px}.ap-game-vitals span:first-child{color:#0000ff}.ap-hands{display:grid;grid-template-columns:77px 45px 77px;gap:5px;justify-content:center;align-items:center}.ap-hand-cell{width:75px;height:50px;border:1px solid #c0a573;box-sizing:content-box;box-shadow:inset 0 1px #fff8;background-color:var(--ap-image-bg)}.ap-hand-placeholder{color:#907a52;font-size:10px}.ap-defence{position:relative;justify-self:center;box-sizing:border-box;width:45px;height:66px;border-radius:2px;background:linear-gradient(135deg,#f2ddae 0%,#eaca81 42%,#a68f5c 100%);box-shadow:inset 1px 1px #f6e9c9,inset -1px -1px #7c6c45,0 0 0 1px #ba9d69}.ap-defence::before{content:"";position:absolute;inset:3px;border:1px solid #7f8ba0;background:#adbdda;box-shadow:inset 1px 1px 2px #657080,inset -1px -1px 2px #8e9bb3}.ap-defence i{position:absolute;display:block;background:#008000}.ap-defence .ap-armour-head{left:15px;top:7px;width:14px;height:10px}.ap-armour-left{left:4px;top:19px;width:7px;height:23px}.ap-armour-body{left:13px;top:19px;width:19px;height:23px}.ap-armour-right{left:34px;top:19px;width:7px;height:23px}.ap-armour-lower{left:13px;top:44px;width:19px;height:18px}.ap-preview-caption{font-size:11px;line-height:1.5;text-align:center;color:#806b4b;max-width:245px;margin:12px auto 0}
.ap-file-tools{margin:18px 0 16px}.ap-local-note{font-size:11px;line-height:1.6;color:#756043;margin:14px 0 0}.appearance-main .ap-clear{width:100%;min-height:36px;font-size:12px;padding:8px 12px;line-height:1.3}.ap-clear:disabled{opacity:.5;cursor:default}.ap-status{min-height:26px;margin:12px 0 0;font-size:12px;color:var(--gold);line-height:1.6;overflow-wrap:anywhere}.ap-status.is-error{color:#ffb5a5}
@media(max-width:1100px){.ap-workbench>section{padding:20px}}
@media(max-width:650px){.ap-heading{padding:20px 0}.ap-heading h1{font-size:36px}.ap-workbench{display:flex;flex-direction:column}.ap-workbench>section{padding:20px 16px}.ap-preview{order:-1;border:0;border-bottom:1px solid #bfa36655}.ap-stage{min-height:302px;padding-top:8px}.ap-heading>p{font-size:13px}.ap-section-copy{min-height:0}.ap-section-heading h2{font-size:26px}.ap-upload{padding:12px}}
@media(prefers-reduced-motion:reduce){.ap-upload{transition:none}}

/* Keep the actual 2x art size; reserve enough width instead of shrinking it. */
@media(min-width:1101px){
 .appearance-main{padding-bottom:4px}
 .ap-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:6px 18px;padding:4px 0 6px}
 .ap-heading .breadcrumb{grid-column:1/-1;margin:0}
 .ap-heading h1{font-size:36px;line-height:1.05}
 .ap-heading>p{text-align:right;margin:0;font-size:13px}
 .ap-workbench{grid-template-columns:minmax(280px,1fr) minmax(510px,1fr)}
 .ap-workbench>section{padding:10px 16px}
 .ap-section-heading h2{font-size:26px}
 .ap-section-copy{min-height:0;margin-bottom:12px}
 .ap-preview{padding-block:6px}
 .ap-stage{padding-block:0}
 .ap-preview-toolbar{margin:4px 0}
 .ap-preview .ap-section-heading{margin-bottom:0}
 .ap-preview-caption{max-width:none;margin:4px auto 0;line-height:1.1}
 .ap-upload{padding:10px;margin-top:10px}
 .ap-file-description{min-height:32px;margin:6px 0 10px}
 .ap-status{min-height:16px;margin:4px 0 0}
}

@media(min-width:1281px){
 .appearance-main{max-width:1120px}
 .ap-heading{grid-template-columns:minmax(280px,1fr) auto}
 .ap-heading .breadcrumb{grid-column:1;grid-row:1}
 .ap-heading>p{grid-column:2;grid-row:1}
 .ap-heading h1{grid-column:1;grid-row:2}
 .ap-heading .service-nav{grid-column:2;grid-row:2;margin:0;padding:0;align-self:center}
}
@media(min-width:1101px) and (max-width:1280px){.ap-heading .service-nav{grid-column:1/-1}}