.dialog.appearance{width:min(850px,100%);background:#f6f3e9;padding:24px}
.appearance-layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(280px,1fr);gap:26px;margin:16px 0}
.appearance-stage{position:relative;background:#e5e4dc;border-radius:18px;overflow:hidden;min-width:0}
#appearanceCanvas{display:block;width:100%;height:320px;touch-action:none}
#appearanceStatus{position:absolute;top:45%;left:10%;right:10%;text-align:center;font-size:13px;color:#456254}
.appearance-stage .appearance-drag{position:absolute;top:14px;left:0;right:0;text-align:center;font-size:11px;color:#63776b}
.appearance-stage label{margin:0 12px 14px;display:inline-block}
.appearance-stage select{background:#faf9f2;border:1px solid #c6d0c5;padding:9px;border-radius:10px;color:#294b42;margin-bottom:14px}
.appearance-options label{display:flex;justify-content:space-between;font-size:13px;color:#34544b}
.appearance-options output{font-weight:500;color:#6d7d70}
.dialog.appearance input[type=range]{accent-color:#4d7962;padding:0;margin:15px 0 2px;height:20px;background:transparent}
.appearance-endpoints{display:flex;justify-content:space-between;color:#8b9588;font-size:10px;margin-bottom:14px}
.appearance-options fieldset{border:0;padding:0;margin:12px 0}
.appearance-options legend{font-weight:700;font-size:13px;color:#34544b;margin-bottom:10px}
.appearance-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}
.appearance-swatches button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:3px;background:transparent;color:#5b6b5c;border:1px solid transparent;border-radius:10px;font-size:10px;white-space:nowrap}
.appearance-swatches button i{display:block;width:24px;height:24px;border-radius:50%;border:1px solid #0002}
.appearance-swatches button[aria-pressed=true]{border-color:#61866a;background:#e5ebdf}
.appearance-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.appearance-actions #appearanceReset{margin-right:auto}
@media(max-width:600px){.appearance-layout{grid-template-columns:1fr;gap:18px}#appearanceCanvas{height:280px}.appearance-options{display:grid;grid-template-columns:1fr;gap:0}.appearance-actions button{font-size:12px;padding:12px}.dialog.appearance{padding-top:30px}.appearance-layout{margin-top:16px}}