body { font-family: system-ui, sans-serif; background:#0e1116; color:#eaeef7; margin:0; }
header { display:flex; justify-content:space-between; align-items:center; padding:16px 20px; background:#151a22; border-bottom:1px solid #222; }
.card { background:#141922; margin:16px 20px; padding:16px; border-radius:10px; border:1px solid #263041; }
.row { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
input { background:#0c1118; color:#eaeef7; border:1px solid #2b3647; padding:8px 10px; border-radius:6px; width:120px; }
button { background:#1db954; color:#06110a; border:none; padding:10px 14px; border-radius:8px; cursor:pointer; font-weight:700; }
.swatches { display:flex; gap:20px; }
.swatch { text-align:center; }
.chip { width:64px; height:48px; border-radius:6px; border:1px solid #2b3647; }
.delta { margin-top:8px; opacity:0.9; }
table { width:100%; border-collapse:collapse; }
th, td { padding:8px; border-bottom:1px solid #263041; }
.note { margin-top:10px; opacity:0.9; }