/* v1.1: color palette and edge-preserving mesh fairing. */
.appearance-card{border-color:#35667b}
.appearance-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.appearance-part{min-width:0;padding:14px;border-radius:13px;border:1px solid #2c4b60;background:#102335}
.appearance-part h3{font-size:15px;margin:0 0 12px;color:#e3f5fd}
.appearance-colors{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.color-label{color:#c7e0ed;font-size:12px;display:flex;align-items:center;gap:10px}
.color-label input{width:56px;height:42px;padding:2px;cursor:pointer;border:1px solid #5687a1;border-radius:9px;background:#0b1c2c}
.color-presets{display:flex;flex-wrap:wrap;gap:8px}
.color-preset{width:32px;height:32px;border-radius:50%;border:2px solid #8092a5;background:var(--preset);cursor:pointer;box-shadow:0 0 0 2px #132c3f;touch-action:manipulation}
.color-preset[aria-pressed="true"]{outline:2px solid #fff;outline-offset:3px}
.color-preset:focus-visible{outline:3px solid #fff;outline-offset:3px}
.appearance-check{display:flex;align-items:center;gap:10px;color:#e4f4ff;font-size:13px;margin:16px 0 2px;cursor:pointer}
.appearance-check input{width:19px;height:19px;accent-color:#76dbec}
.appearance-check small{display:block;color:#93b3c3;font-size:11px;line-height:1.4}
.smooth-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.smooth-controls label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;color:#b6d7e9}
.smooth-controls label:first-child{grid-column:1/-1}
.smooth-controls input[type=range]{width:100%;accent-color:#6bd8e8;touch-action:pan-x}
.smooth-controls select{min-width:0;height:39px;border:1px solid #4a7489;border-radius:9px;background:#0b2030;color:#f1fcff;padding:5px 8px}
.smooth-actions{display:flex;gap:9px;flex-wrap:wrap}
.smooth-actions button{flex:1;min-width:125px}
@media(max-width:720px){.appearance-layout{grid-template-columns:1fr}.appearance-part{padding:12px}.color-preset{width:36px;height:36px}}