:root{--bg-dark: oklch(20% .01 240);--bg: oklch(25% .01 240);--bg-light: oklch(33% .01 240);--text: #ffffff}body{margin:0;background-color:var(--bg-dark);color:var(--text);overflow:hidden}header{height:4rem;background-color:var(--bg);display:flex;align-items:center;padding:0 1rem;gap:1rem}.preview{vertical-align:top;height:calc(100% - 2.3rem);width:100%;border:none;background-color:var(--bg)}dialog{display:flex;position:absolute;top:.5rem;border:2px solid var(--bg-light);border-radius:.3rem;padding:.2rem;box-shadow:0 0 .5rem #0003;justify-content:center;align-items:center;width:8rem;height:2rem;background-color:var(--bg);color:var(--text)}dialog p{font-size:1rem;margin:0}button,a{padding:.5rem 1rem;background-color:var(--bg-light);color:var(--text);border:none;border-radius:.3rem;cursor:pointer;font-size:1rem}.save-btn{background-color:#394c44}.download-btn{text-decoration:none}.text-input{outline:none;max-width:16rem;padding:.5rem;border:none;border-radius:.3rem;background-color:var(--bg-light);color:var(--text);font-size:1rem}