:root{font-family:Inter,system-ui,Arial,sans-serif;color:#f3f1fa;background:#0d1019}*{box-sizing:border-box}body{margin:0}header{padding:18px 26px;border-bottom:1px solid #303344;display:flex;align-items:center;justify-content:space-between;gap:12px}header strong{font-size:21px}header span,.muted{color:#9ba0b4;font-size:13px}main{max-width:1500px;margin:auto;padding:22px;display:grid;grid-template-columns:330px minmax(320px,1fr) 285px;gap:18px}.panel{background:#191d2a;border:1px solid #303547;border-radius:15px;padding:19px;min-width:0}h2{font-size:16px;margin:0 0 17px}h3{font-size:13px;color:#c5b8ff;margin:22px 0 10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}label{font-size:12px;color:#c2c5d3;display:block}input,select{width:100%;margin-top:5px;padding:9px;border:1px solid #454b62;border-radius:8px;background:#101420;color:white;font:inherit}button{cursor:pointer;background:#7455e8;color:white;border:0;padding:11px 13px;border-radius:9px;font-weight:650}button.secondary{background:#32384c}button:disabled{opacity:.5;cursor:not-allowed}.buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.canvas{background:#111726;border-radius:12px;min-height:370px;display:grid;place-items:center;overflow:hidden}.canvas img{width:100%;height:100%;max-height:560px;object-fit:contain}.tabs{display:flex;gap:7px;margin-bottom:13px}.tabs button{flex:1}.status{padding:10px;background:#272c3b;border-radius:9px;margin-top:12px;font-size:13px;white-space:pre-wrap}small{color:#9ba0b4;line-height:1.5;display:block;margin-top:10px}.warning{color:#ffd4a1}#info{margin-top:12px;color:#bcb7da;font-size:13px}input[type=range]{padding:0}footer{text-align:center;color:#a5a3b5;font-size:12px;padding:0 20px 25px}@media(max-width:1080px){main{grid-template-columns:1fr 1fr}main .preview{grid-column:span 2}}@media(max-width:680px){main{grid-template-columns:1fr;padding:12px}main .preview{grid-column:auto}header{padding:14px}}