*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:#0a0a0f;color:#fff;display:grid;grid-template-columns:350px 1fr;height:100vh}.sidebar{background:#12121a;border-right:1px solid rgba(255,255,255,.08);padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.sidebar h1{font-size:18px;color:#6366f1;display:flex;align-items:center;gap:8px}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:10px}.control-group{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px}label{display:block;font-size:13px;color:#888;margin-bottom:6px}select,input[type=text],textarea{width:100%;padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;margin-bottom:12px}select:focus,input:focus,textarea:focus{outline:none;border-color:#6366f1}textarea{resize:vertical;min-height:80px}.btn{width:100%;padding:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.btn-secondary{background:#ffffff14;margin-top:8px}.btn-secondary:hover{background:#ffffff1f;box-shadow:none;transform:none}.preview-container{background:#1a1a2e;overflow:auto}.preview-frame{background:var(--bg, #0a0a0f);min-height:100%}.presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-btn{padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ccc;font-size:12px;cursor:pointer;transition:all .15s}.preset-btn:hover{background:#6366f133;border-color:#6366f1;color:#fff}.theme-chips{display:flex;flex-wrap:wrap;gap:6px}.theme-chip{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:11px;color:#aaa;cursor:pointer;transition:all .15s}.theme-chip:hover,.theme-chip.active{background:#6366f133;border-color:#6366f1;color:#fff}.status{padding:10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;font-size:12px;color:#22c55e;display:none}.status.error{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.status.visible{display:block}