@import"https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap";:root{--background: #fff;--foreground: #000;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--foreground);background:var(--background)}@media (prefers-color-scheme: dark){:root{--background: #000;--foreground: #fff}}body{margin:0;overflow:hidden}button{cursor:pointer;transition:.2s transform}button:hover{filter:invert(.1)}button:active{filter:invert(.25);transform:scale(.8)}#root{margin:64px 32px;display:flex;flex-direction:column;align-items:center}#upload{padding:12px 32px;font-size:16px;font-weight:700;border-radius:40px;border:none;color:var(--background);background:var(--foreground)}#clipboard{padding:12px 32px;font-size:14px;font-weight:700;border-radius:40px;border:none;color:var(--foreground);background:var(--background);border:1px solid var(--foreground)}#output{background:#fff;color:#000;font-family:Roboto Mono,monospace;font-size:12px;margin:32px 0;width:min-content;-webkit-user-select:none;user-select:none}#controls{display:flex;flex-direction:column;align-items:center}#controls>*{margin-bottom:32px}#controls>label{margin-bottom:8px}#controls>input[type=range]{width:240px}