.appearance-root{display:flex;flex-direction:column;gap:17px}
.appearance-heading{padding:22px;border-radius:16px;border:1px solid #474747;background:linear-gradient(135deg,#1F1F1F,#181818)}
.appearance-kicker{font-size:10px;font-weight:850;letter-spacing:1.5px;color:#FF0026}
.appearance-heading h2{font-size:27px;line-height:1.2;letter-spacing:-.7px;margin:9px 0 8px}
.appearance-heading p,.appearance-footnote{font-size:12px;line-height:1.7;color:#B1B1B1;max-width:750px}
.appearance-control-layout{display:grid;grid-template-columns:minmax(290px,390px) minmax(320px,1fr);gap:20px;align-items:start}
.appearance-editor{background:#1C1C1C;border:1px solid #3A3A3A;border-radius:16px;padding:19px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.appearance-field{display:flex;flex-direction:column;gap:7px;color:#D4D4D4;font-size:11px}
.appearance-field-label{font-size:11px;color:#B8B8B8;font-weight:730}
.appearance-input{padding:9px 11px;background:#252525;border:1px solid #454545;color:#EDEDED;border-radius:9px;min-width:0;width:100%;font:inherit}
.appearance-input[type=color]{height:42px;padding:5px;cursor:pointer}
.appearance-input[type=range]{cursor:pointer;accent-color:#E00018}
.appearance-input[type=checkbox]{height:24px;width:24px;accent-color:#E00018}
.appearance-status{font-size:12px;color:#BABABA;min-height:17px}
.appearance-actions{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap}
.appearance-btn{cursor:pointer;border:1px solid #505050;border-radius:10px;padding:11px 13px;background:#2A2A2A;color:#ECECEC;font-size:11px;font-weight:800}
.appearance-btn.primary{background:linear-gradient(135deg,#E00018,#C90019)}
.appearance-btn:disabled{opacity:.45;cursor:wait}
.appearance-preview{position:sticky;top:12px}
.appearance-preview-canvas{height:430px;position:relative;border-radius:18px;border:1px solid #4D4D4D;overflow:hidden;display:grid;place-items:center;padding:25px}
.appearance-preview-dots{position:absolute;inset:0;opacity:.56;background-size:136px 136px,45px 45px,45px 45px;animation:appearance-drift 75s linear infinite}
.appearance-preview-card{position:relative;z-index:2;padding:26px;border:1px solid #666666;color:#F6F6F6;box-shadow:0 18px 55px #000a;backdrop-filter:blur(17px);max-width:410px}
.appearance-preview-card h3{font-size:25px;margin:9px 0 8px;line-height:1.22}
.appearance-preview-card p{color:#C6C6C6;font-size:12px;line-height:1.6}
.appearance-preview-button{display:inline-block;padding:10px 15px;color:#0A0A0A;border-radius:9px;margin-top:14px;font-size:12px;font-weight:800}
.appearance-footnote{max-width:none}
@keyframes appearance-drift{from{background-position:0 0,0 0,0 0}to{background-position:136px 136px,45px 45px,45px 45px}}
@media(max-width:1100px){.appearance-control-layout{grid-template-columns:1fr}.appearance-preview{position:static}.appearance-preview-canvas{height:315px}}
@media(max-width:480px){.appearance-editor{grid-template-columns:1fr}.appearance-heading h2{font-size:22px}.appearance-preview-canvas{height:300px;padding:12px}}