body{font-family:monospace;max-width:800px;margin:40px auto;padding:20px;background:#fff;color:#000;line-height:1.6}h1{font-size:1.2em;font-weight:400;margin-bottom:30px}.separator-container{display:flex;gap:40px;margin:40px 0;justify-content:center}.separator-box{text-align:center}.separator{display:inline-block;width:120px;height:40px;border:1px solid #000;cursor:move;font-size:24px;line-height:40px;text-align:center;user-select:none;background:#fff;text-decoration:none;color:#000}.separator[data-type=vert]::before{content:'|'}.separator[data-type=horz]::before{content:'—'}.separator:hover{background:#f0f0f0}.separator:active{background:#e0e0e0}label{display:block;margin-top:10px;font-size:.9em}details{margin:20px 0;border-top:1px solid #ccc;padding-top:10px}summary{cursor:pointer;font-weight:700;padding:5px 0}details p{margin:8px 0}details a{color:#000;text-decoration:underline}details a:hover{color:#666}summary:hover{text-decoration:underline}a{color:#00e}a:visited{color:#551a8b}