:root{color-scheme:dark}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#0b0d10;color:#e8e8e8}button,select,input{font:inherit}hr{border:none;border-top:1px solid #222;margin:12px 0}.small{font-size:12px;opacity:.85}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.panel{width:340px;padding:12px;border-right:1px solid #1f232b;background:#0f1217;box-sizing:border-box}.wrap{display:flex;height:100vh}.canvasWrap{flex:1;position:relative}.overlay{position:absolute;left:12px;top:12px;padding:8px 10px;background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.legend{display:grid;grid-template-columns:16px 1fr;gap:6px 10px;max-height:260px;overflow:auto}.swatch{width:14px;height:14px;border-radius:4px;border:1px solid rgba(255,255,255,.18)}