*{box-sizing:border-box}body{margin:0;font-family:'Noto Sans Bengali','Hind Siliguri',system-ui,sans-serif;background:#07111f;color:#eaf2ff}.topbar{position:sticky;top:0;z-index:5;background:rgba(7,17,31,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.brand{display:flex;gap:12px;align-items:center}.brandmark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#04c89a,#ffde33);display:grid;place-items:center;font-weight:900;color:#07111f;font-size:28px}h1{margin:0;font-size:20px}.brand p{margin:2px 0 0;color:#a8b4c7}.layout{display:grid;grid-template-columns:390px 1fr;gap:18px;padding:18px;max-width:1480px;margin:auto}.panel{background:#0d1a2e;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.3)}label{display:block;margin:14px 0 6px;font-weight:800;color:#dcecff}input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#081426;color:#fff;padding:12px 13px;font:inherit;outline:none}textarea{resize:vertical}.safe{background:#063927;color:#bcffe8;padding:11px 13px;border-radius:14px;font-weight:700;border:1px solid rgba(57,255,188,.25)}.muted{display:block;color:#9aa9bd;margin-top:6px;line-height:1.45}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.templates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.templates button,.segmented button,.downloads button,.top-actions button{border:0;border-radius:14px;padding:11px;background:#132844;color:#fff;font-weight:800;cursor:pointer}.templates button.active,.segmented button.active{outline:3px solid #ffdd2f;background:#0f9f77}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.small-controls input{padding:8px}.downloads{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:8px;margin-top:16px}.downloads .primary{background:linear-gradient(135deg,#04c89a,#07a0ff);color:#03111e}.preview{min-width:0}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;background:#0d1a2e;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:13px 15px}.preview-head span{background:#ffdd2f;color:#05101d;border-radius:999px;padding:6px 10px;font-weight:900}.canvas-wrap{background:radial-gradient(circle at top,#1c3359,#07111f 65%);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:16px;display:flex;align-items:center;justify-content:center;min-height:70vh;overflow:auto}canvas{max-width:100%;max-height:78vh;border-radius:8px;box-shadow:0 20px 70px rgba(0,0,0,.55);background:#fff;touch-action:none}footer{text-align:center;color:#91a2ba;padding:24px}@media(max-width:900px){.layout{grid-template-columns:1fr;padding:12px}.topbar{align-items:flex-start}.panel{order:2}.preview{order:1}.canvas-wrap{min-height:auto}.brand p{font-size:12px}h1{font-size:17px}.templates{grid-template-columns:1fr}.segmented{grid-template-columns:1fr 1fr}}