*{box-sizing:border-box}body{background:#f5f5f5;margin:0;font-family:Arial,sans-serif}.container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.card{text-align:center;background:#fff;border-radius:14px;width:400px;padding:30px;box-shadow:0 5px 25px #0001}h1{margin-top:0}p{color:#666}input{border:1px solid #ddd;border-radius:8px;width:100%;margin:10px 0;padding:13px;font-size:16px}button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:8px;padding:12px 18px;font-size:15px}button:hover{opacity:.85}.secondary{background:#555}.divider{color:#aaa;margin:20px 0}.message{margin-top:15px}.clipboard{background:#fff;border-radius:14px;width:min(900px,100%);padding:20px;box-shadow:0 5px 25px #0001}.topbar{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.topbar h1{margin:0 0 5px}.code{letter-spacing:2px;background:#eee;border-radius:5px;padding:4px 8px;font-family:monospace;font-size:x-large}.change{color:#222;background:#eee}textarea{resize:vertical;border:1px solid #ddd;border-radius:10px;outline:none;width:100%;height:500px;padding:18px;font-family:monospace;font-size:16px;line-height:1.6}textarea:focus,input:focus{border-color:#888}.bottom{justify-content:space-between;align-items:center;margin-top:15px;display:flex}