*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body,html{scroll-behavior:smooth!important}li,ul{list-style:none}a{text-decoration:none}button,input{border:0}._ctn,._ctt{max-width:1340px;margin:0 auto;padding:0 20px}._ctt{max-width:1520px}._bdy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}:root{--primary:#38bdf8;--primary-glow:rgba(56, 189, 248, 0.4);--bg:#0b0f1a;--card:rgba(23, 32, 53, 0.85);--text-muted:#94a3b8}body,html{margin:0;padding:0;font-family:'Inter',sans-serif;color:#fff;background:var(--bg);min-height:100vh;overflow-x:hidden}#particles-js{position:fixed;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at center,#1e293b 0,#0b0f1a 100%)}.container{max-width:1100px;margin:0 auto;padding:40px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header{text-align:center;margin-bottom:50px}header h1{font-size:3rem;margin:0;font-weight:800;letter-spacing:-2px}header p,label{color:var(--text-muted)}header p{font-size:1.1rem;margin-top:10px}.main-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;width:100%}.controls{background:var(--card);backdrop-filter:blur(15px);padding:40px;border-radius:30px;border:1px solid rgba(255,255,255,.1);-webkit-box-shadow:0 25px 50px rgba(0,0,0,.5);box-shadow:0 25px 50px rgba(0,0,0,.5)}.control-group{margin-bottom:25px}label{display:block;margin-bottom:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.input-main{width:100%;padding:18px;border-radius:15px;border:2px solid rgba(255,255,255,.05);background:rgba(10,15,26,.8);color:#fff;font-size:1rem;-webkit-transition:.3s;transition:.3s}.input-main:focus{border-color:var(--primary);outline:0;-webkit-box-shadow:0 0 20px var(--primary-glow);box-shadow:0 0 20px var(--primary-glow)}.color-field,.color-row{display:-webkit-box;display:-ms-flexbox;display:flex}.color-row{gap:15px}.color-field{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(255,255,255,.03);padding:10px 15px;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.color-field span{font-size:.85rem;color:#fff;margin-left:10px}input[type=color]{-webkit-appearance:none;border:0;width:40px;height:40px;cursor:pointer;background:0 0;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border-radius:10px;border:2px solid rgba(255,255,255,.2)}.file-drop-zone{position:relative;border:2px dashed rgba(255,255,255,.2);border-radius:15px;padding:25px;text-align:center;-webkit-transition:.3s;transition:.3s;cursor:pointer;background:rgba(255,255,255,.02)}.file-drop-zone:hover{border-color:var(--primary);background:rgba(56,189,248,.05)}.file-drop-zone input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-msg{font-size:.9rem;color:var(--text-muted)}.file-msg i{color:var(--primary);font-size:1.5rem;display:block;margin-bottom:10px}.download-btn,.preview-pane{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.preview-pane{background:var(--card);border-radius:30px;padding:40px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid rgba(255,255,255,.1);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#canvas-wrap{background:#fff;padding:15px;border-radius:20px;-webkit-box-shadow:0 15px 40px rgba(0,0,0,.4);box-shadow:0 15px 40px rgba(0,0,0,.4);margin-bottom:30px}.download-btn{width:100%;background:linear-gradient(135deg,#38bdf8 0,#0ea5e9 100%);color:#0b0f1a;border:0;padding:20px;border-radius:15px;font-weight:800;font-size:1rem;cursor:pointer;-webkit-transition:.3s;transition:.3s;gap:10px;text-transform:uppercase;letter-spacing:1px}.download-btn:hover{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 15px 30px var(--primary-glow);box-shadow:0 15px 30px var(--primary-glow)}.admin-footer{margin-top:60px;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:40px}.admin-card{background:rgba(255,255,255,.03);padding:20px;border-radius:20px}.admin-card h4{margin:0 0 10px;color:var(--primary);text-transform:uppercase;font-size:.8rem}.admin-card p{margin:5px 0;font-size:.95rem}.admin-card a{color:#fff;text-decoration:none;border-bottom:1px solid var(--primary)}@media (max-width:850px){.main-grid{grid-template-columns:1fr}header h1{font-size:2.2rem}}