#appearanceOpen{font-size:12px;padding:7px 10px;min-width:0;color:#f4e6c9;background:#304b36;border:1px solid #72815a;border-radius:8px}#appearanceDialog{width:min(540px,calc(100vw - 28px));max-height:90dvh;overflow:auto;padding:20px;background:#e8dfc8;color:#263b2a;border:3px solid #796b46;border-radius:16px;box-shadow:0 20px 80px #0008}#appearanceDialog::backdrop{background:#0c201cb3}.appearance-head{display:flex;justify-content:space-between;align-items:center}.appearance-head h2{margin:3px 0 12px}.appearance-head small{font-size:10px;letter-spacing:2px}.appearance-head button{font-size:25px;color:#263b2a}#appearancePreview{display:block;width:100%;height:auto;image-rendering:pixelated;border-radius:8px}.appearance-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.appearance-fields label{display:block;color:#263b2a;font-size:13px}.appearance-fields select{display:block;width:100%;margin-top:5px;padding:10px;color:#263b2a;background:#faf3df;border:1px solid #a79b79;border-radius:6px}#appearanceNote{font-size:12px;min-height:32px}.appearance-footer{display:flex;justify-content:space-between;gap:10px}.appearance-footer button{background:#344e38;color:#fff1d4;padding:10px;border-radius:7px}@media(max-width:450px){#appearanceDialog{padding:12px}.appearance-fields{gap:8px}}
#appearanceClose{background:#344e38;color:#fff1d4;min-width:38px;min-height:38px;border-radius:8px}