.appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.appearance-panel .card{margin-bottom:20px}.appearance-color{display:flex;align-items:center;gap:14px;min-height:62px;justify-content:space-between;border-bottom:1px solid #e4e9e0}.appearance-color input[type=color]{flex:0 0 55px;width:55px;height:42px;padding:4px;margin-left:auto}.appearance-color button{font-size:11px}.appearance-panel label{font-size:13px}.appearance-panel select{display:block;width:100%;margin:8px 0 18px}.appearance-panel .appearance-upload{display:inline-flex;margin:10px 0}.appearance-panel input[type=range]{display:block;width:100%;accent-color:#173c2a}.appearance-actions{display:flex;gap:10px;flex-wrap:wrap;position:sticky;bottom:10px;padding:14px;background:#fcfdf9;border:1px solid #dfe5d9;border-radius:14px;box-shadow:0 4px 24px #173c2a16;z-index:5}.appearance-sample{display:flex;gap:12px;flex-wrap:wrap}.appearance-sample span{padding:14px 22px;border:1px solid #b7c6ac;border-radius:9px}.appearance-preview p{font-size:13px}.appearance-panel .card{color:#16271f;background:#fff}.appearance-panel h3{color:#182b21}@media(max-width:700px){.appearance-grid{grid-template-columns:1fr;gap:0}.appearance-actions{bottom:0}.appearance-actions button{flex:1 1 44%;font-size:11px}.appearance-color{gap:8px}.appearance-color button{padding:7px}.appearance-panel .card{padding:20px}}