*{box-sizing:border-box}body{margin:0;background:#080c12;color:#e5edf5;font:15px system-ui}.app{display:flex}main{padding:30px;flex:1;min-width:0}h1{color:#ace7ee}.layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}section,.preview{background:#111923;border:1px solid #283443;border-radius:12px;padding:22px;margin-bottom:16px}label{display:block;margin:12px 0;color:#c4cfda}input,select,button{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #354659;border-radius:6px;background:#080c12;color:#fff}input[type=color]{height:44px}button,#download{background:#ace7ee;color:#081019;cursor:pointer;padding:12px;border-radius:6px}canvas,audio,video,progress{width:100%;display:block;margin:12px 0}canvas{background:#000}a{color:#ace7ee}p{line-height:1.6;color:#aebdcc}.preview{align-self:start;position:sticky;top:15px}#history button{margin-bottom:12px} [hidden]{display:none!important}@media(max-width:1000px){.layout{grid-template-columns:1fr}.preview{position:static}main{padding:16px}}