body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f6f7fb;color:#222}.top{background:#111827;padding:14px 24px;display:flex;gap:20px}.top a{color:white;text-decoration:none}.wrap{max-width:1180px;margin:24px auto;padding:0 18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.card{background:white;border-radius:12px;padding:16px;box-shadow:0 2px 10px #0001}.card img{width:100%;border-radius:10px}.btn,button{background:#2563eb;color:white;border:0;border-radius:8px;padding:9px 14px;text-decoration:none;cursor:pointer}input,select,textarea{width:100%;padding:9px;margin:6px 0 12px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box}.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{border-bottom:1px solid #eee;padding:10px;text-align:left}.side{display:grid;grid-template-columns:220px 1fr;gap:20px}.menu{background:white;border-radius:12px;padding:12px}.menu a{display:block;padding:10px;text-decoration:none;color:#111}.pre{background:#0b1020;color:#d1e7ff;padding:16px;border-radius:8px;overflow:auto;white-space:pre-wrap}.canvas{border:1px dashed #aaa;background:white;min-height:360px;border-radius:12px;padding:20px}.badge{background:#dcfce7;color:#166534;border-radius:999px;padding:4px 8px;font-size:12px}