body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:20px}.app{max-width:900px;margin:auto;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a}h1{margin-top:0}.reset{margin-bottom:10px;padding:5px 10px;background:#eee;border:1px solid #ccc;border-radius:5px;cursor:pointer}.reset:hover{background:#ddd}.hier-table{width:100%;border-collapse:collapse}.hier-table th,.hier-table td{border-bottom:1px solid #ddd;padding:6px 8px}.hier-table th{background:#f0f0f0;text-align:left}.group{font-weight:700}.leaf{color:#333}.controls{display:flex;gap:30px}.controls input{width:80px;padding:3px}.controls button{padding:4px 6px;border:1px solid #ccc;background:#f5f5f5;cursor:pointer}.controls button:hover{background:#e0e0e0}.toggle{margin-right:5px;padding:0 5px}.table-wrapper{overflow-x:auto;margin-top:10px}