*{box-sizing:border-box}html body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:80%;margin:auto}div.title{margin-top:20px;font-size:30px;font-weight:700;font-size:1em}button.btn-long{align-items:center;width:300px;height:40px;color:#000;font-size:16px;border-radius:15px}.btn-display-format{display:inline-flex;justify-content:center;align-items:center;width:12em;height:3em;font-size:1.2em;background:#e0e0e0;color:#000;border-radius:8px;border:1px solid #999;cursor:pointer;transition:background .2s}.btn-display-format:hover{background:#d0d0d0}select{width:100px;height:30px;padding-top:10px;text-align:center;border-radius:5px;background:#e3e3e3}div.sml-btn-container{margin-top:20px;display:flex;align-items:center;justify-content:center;text-align:center;gap:2em}table{border-collapse:collapse;width:100%;margin-bottom:2em;table-layout:fixed}th,td{border:1px solid #ccc;padding:.5em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}input[type=text]{width:100%;box-sizing:border-box}.note-row:hover{background:#f9f9f9}.diff-grid{width:100%;border-collapse:collapse;margin-top:2em}.diff-grid th,.diff-grid td{border:1px solid #ccc;padding:.4em;text-align:center}.added{background-color:#c2f0c2}.removed{background-color:#f8c2c2}.changed{background-color:#fef3b3}