:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0b111b;color:#edf3ff}*{box-sizing:border-box}body{margin:0}main{max-width:1150px;margin:40px auto;padding:0 24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.brand{font-weight:800;letter-spacing:2px;color:#6ee7c4}.eyebrow{color:#8a9ab4;font-size:12px;text-transform:uppercase;letter-spacing:2px}h1{font-size:36px;margin:8px 0}h2{font-size:21px;margin-top:0}p{line-height:1.65;color:#aab8ce}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.card{background:#131e2e;border:1px solid #26354a;border-radius:18px;padding:26px;margin-bottom:22px}label{display:block;margin:18px 0 8px;font-size:14px;color:#c6d3e6}input,textarea,select{width:100%;padding:13px;border-radius:9px;border:1px solid #3a4c67;background:#0b1422;color:white;font:inherit}textarea{min-height:125px;resize:vertical}button,.button{display:inline-block;background:#6ee7c4;color:#072c24;border:0;border-radius:9px;padding:13px 19px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;margin-top:18px}button.secondary,.secondary{background:#26354a;color:#e5edfa}.status{border-radius:30px;background:#26354a;padding:8px 13px;font-size:13px}.notice{padding:15px;background:#183d34;border:1px solid #407b66;border-radius:10px;margin-bottom:20px}.error{background:#4b2529;border-color:#a64c55}.preview{background:black;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px}.preview img,.preview video{max-width:100%;max-height:100%}.preview .text{white-space:pre-wrap;text-align:center;padding:20px;font-size:24px;color:white;overflow-wrap:anywhere}.hint{font-size:13px}code{overflow-wrap:anywhere;color:#6ee7c4}a{color:#6ee7c4}.login{max-width:460px;margin:100px auto}.row{display:flex;gap:12px;align-items:center}summary{cursor:pointer;color:#c8d9f0}small{color:#95a7c0}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-width:760px){.grid{grid-template-columns:1fr}header{align-items:flex-start;gap:12px}h1{font-size:28px}main{margin-top:24px}.card{padding:20px}}