:root{--primary:#38bdf8;--premium:#fbbf24;--bg:#0b1120;--card-bg:rgba(30, 41, 59, 0.8);--input-bg:rgba(15, 23, 42, 0.9);--border:rgba(255, 255, 255, 0.1)}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:'Inter',sans-serif;background:var(--bg);color:#fff;overflow-x:hidden}#particles-js{position:fixed;width:100%;height:100%;z-index:-1}.container{max-width:1200px;margin:0 auto;padding:40px 20px}header h1{text-align:center;font-size:2.8rem;font-weight:800;margin-bottom:40px}.section h3,header h1 span{color:var(--primary)}.card{background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:30px;padding:35px}.lock-card{max-width:500px;margin:60px auto;text-align:center}.premium-icon{font-size:3.5rem;color:var(--premium);margin-bottom:20px}.support-text{color:#94a3b8;font-size:.9rem;margin-bottom:25px}.support-text a{color:var(--premium);text-decoration:none}.main-layout{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.editor-panel{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:350px;max-width:600px}.section{margin-bottom:25px}.section h3{font-size:.8rem;text-transform:uppercase;margin-bottom:15px}.input-std,input[type=color]{width:100%;background:var(--input-bg)}.input-std{padding:14px;border-radius:12px;border:1px solid var(--border);color:#fff;margin-bottom:10px;outline:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.input-wrapper label{font-size:.75rem;color:#64748b;margin-left:5px}input[type=color]{height:45px;border:0}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.preset-btn,input[type=color]{border-radius:10px;cursor:pointer}.preset-btn{background:rgba(255,255,255,.05);border:1px solid var(--border);color:#fff;padding:10px}.preset-btn:hover{background:var(--primary);color:#000}.btn-premium,.file-upload label{border-radius:12px;cursor:pointer}.file-upload label{display:block;padding:15px;border:2px dashed var(--border);text-align:center;background:var(--input-bg)}.btn-premium{background:linear-gradient(135deg,var(--premium),#d97706);color:#000;font-weight:800;border:0;padding:16px;width:100%}.phone-mockup{width:320px;height:580px;background:#fff;border-radius:40px;border:10px solid #1e293b;overflow:hidden;color:#1e293b;position:sticky;top:20px;-webkit-box-shadow:0 30px 60px rgba(0,0,0,.5);box-shadow:0 30px 60px rgba(0,0,0,.5)}.phone-header,.user-avatar{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}.phone-header{height:150px;background:#1e293b;color:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.user-avatar{width:55px;height:55px;background:rgba(255,255,255,.1);border-radius:50%;font-size:1.5rem;margin-bottom:10px}.phone-body{padding:20px}#qr-holder,.social-item{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px}.social-item{background:#f1f5f9;border-radius:10px;margin-bottom:8px;font-size:.8rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}#qr-holder{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:15px;background:#fff;border-radius:15px;border:1px solid #eee}.qr-hint{text-align:center;font-size:.7rem;color:#94a3b8;margin-top:10px}