.g109-editor{max-width:1280px;margin:0 auto;padding:20px 12px 50px}.g109-editor>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.g109-editor h1{font-size:clamp(22px,3vw,32px)}.g109-editor iframe{display:block;width:100%;height:1180px;border:1px solid #345265;border-radius:14px;margin:16px 0;background:#0b1825}.g109-finish{padding:22px}.g109-finish label{display:flex;flex-direction:column;gap:8px;max-width:420px}.g109-finish select{padding:12px;background:#173140;color:#fff;border:1px solid #456071;border-radius:8px}.g109-finish p{line-height:1.6}.g109-change{padding:10px 16px;text-align:right}.g109-portrait{background:radial-gradient(ellipse at 50% 35%,#284b60,#0b1928);overflow:hidden}.g109-portrait svg{display:block;width:100%;height:100%}

/* GM110: accessible avatar editor button, also for existing classic portraits. */
.g81-hero-frame,.char-v058-portrait{position:relative}.g110-avatar-edit{position:absolute;top:10px;right:10px;z-index:8;display:grid;place-items:center;width:44px;height:44px;padding:9px;border:1px solid #dfc787;border-radius:50%;background:#0b1c2eef;color:#f8daa0;box-shadow:0 2px 12px #0009;cursor:pointer;touch-action:manipulation}.g110-avatar-edit svg{pointer-events:none}.g110-avatar-edit:hover{background:#33495d;color:#fff}.g110-avatar-edit:focus-visible{outline:3px solid #68e8dd;outline-offset:3px}