.web-appearance-dialog { width: min(1080px, calc(100vw - 32px)); max-height: 90vh; overflow: auto; padding: 24px; }
.web-appearance-header,.web-appearance-dialog footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.web-appearance-header > div { flex: 1; min-width: 0; }
.web-appearance-header > button { width: auto; flex: 0 0 auto; }
.web-appearance-dialog footer { margin-top: 20px; flex-wrap: wrap; }
.web-appearance-row { display: grid; grid-template-columns: 56px minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 18px 0; border-bottom: 1px solid #294354; }
.web-appearance-preview { display: grid; place-items: center; width: 52px; height: 52px; font-size: 30px; }
.web-appearance-preview img { width: 100%; height: 100%; object-fit: contain; }
.web-appearance-fields { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr); gap: 12px; }
.web-appearance-fields label { min-width: 0; }
.web-appearance-fields label:last-child { grid-column: 1/-1; }
.web-appearance-fields input { width: 100%; min-width: 0; box-sizing: border-box; }
.web-appearance-order { display: flex; gap: 6px; flex-wrap: wrap; max-width: 190px; }
.sidebar nav button > .web-menu-label { width: auto; min-width: 0; flex: 1; color: inherit; text-align: left; font-size: inherit; }
.sidebar nav .web-menu-page-icon,.sidebar nav .web-menu-group-icon { display: inline-grid; place-items: center; width: 24px; height: 24px; flex: 0 0 24px; }
.sidebar nav .web-menu-page-icon img,.sidebar nav .web-menu-group-icon img { width: 24px; height: 24px; object-fit: contain; }
.sidebar nav .web-menu-group-icon { margin-right: 8px; }
@media(max-width:650px) { .web-appearance-dialog { padding: 16px; } .web-appearance-row { grid-template-columns: 42px minmax(0,1fr); gap: 10px; } .web-appearance-preview { width: 38px; height: 38px; } .web-appearance-fields { grid-template-columns: minmax(0,1fr); } .web-appearance-order { grid-column: 2; max-width: none; } }