:root{font-family:Inter,system-ui,Arial}body{margin:0;min-height:100vh;color:#fff;background:linear-gradient(135deg,#753c54,#a24b6f,#cf657f,#ed8099)}.container{padding:18px;max-width:1400px;margin:0 auto}.card{background:#00000038;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px}h1{font-size:22px;margin:0 0 12px}.button{border:0;border-radius:14px;padding:10px 14px;cursor:pointer;font-weight:700}.button.primary{background:#00000059;color:#fff}.button.good{background:#00ff7840;color:#fff}.button.bad{background:#ff3c3c40;color:#fff}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#0000002e;color:#fff;outline:none}.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:14px}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px}.canvasWrap{display:flex;flex-direction:column;gap:12px;align-items:center}.controls{width:100%;display:grid;grid-template-columns:1fr;gap:10px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.small{opacity:.9;font-size:12px}