*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}h1{text-align:center;font-family:Womb Script Linear}#head{display:flex;gap:3em;align-items:end}#run{display:flex;gap:1em;justify-content:center}#run button{background-color:#000;margin-top:20px;font-size:1.5em;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer}#app{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:20px}select{padding:10px;border:none;border-radius:5px;background-color:#f0f0f0;font-size:16px;cursor:pointer;box-shadow:0 4px 6px #0000001a}#code,#output{min-height:50vh;padding:20px;border:none;border-radius:10px;font-size:16px;box-shadow:.6px 1px 8px #00000005,1.4px 2.4px 19.2px #00000007,2.6px 4.5px 36.1px #00000009,4.7px 8px 64.3px #0000000b,8.8px 15px 120.3px #0000000d,21px 36px 288px #00000012}#chars{font-family:menlo,monospace;overflow-wrap:break-word}#output{background-color:#ffebcd}#code{resize:none;overflow:auto}#output{position:relative;white-space:pre-wrap;overflow-y:auto}#copy{padding:10px;position:absolute;right:0;top:0;cursor:pointer}body{padding:20px}label{display:block;margin-bottom:10px;font-weight:700}@media (max-width: 768px){.container{flex-direction:column}#code,#output{width:100%;margin-bottom:20px;resize:none}}