.elementor-2473 .elementor-element.elementor-element-fd15ed7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2473 .elementor-element.elementor-element-be42ce3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2473 .elementor-element.elementor-element-f1ab7c7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2473 .elementor-element.elementor-element-e4ffcb6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2473 .elementor-element.elementor-element-6be3a5a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2473 .elementor-element.elementor-element-f1ab7c7{--width:75%;}}/* Start custom CSS for html, class: .elementor-element-42a5983 */.th1qg *{box-sizing:border-box;margin:0;padding:0;}
.th1qg{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}
.th1qg a{text-decoration:none;}
.th1qg-bg{background:linear-gradient(135deg,#0d0621 0%,#1a0d3d 100%);padding:48px 24px 60px;position:relative;overflow:hidden;}
.th1qg-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(124,58,237,.18) 0%,transparent 68%);top:-120px;right:-60px;pointer-events:none;}
.th1qg-inner{max-width:860px;margin:0 auto;position:relative;z-index:1;}
.th1qg-crumb{display:flex;align-items:center;gap:7px;font-size:13px;color:#64748b;margin-bottom:28px;flex-wrap:wrap;}
.th1qg-crumb a{color:#a78bfa;}.th1qg-crumb a:hover{color:#c4b5fd;}
.th1qg-crumb svg{opacity:.5;flex-shrink:0;}
.th1qg-meta{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.th1qg-cat{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;background:rgba(124,58,237,.2);border:1px solid rgba(124,58,237,.4);color:#a78bfa;padding:5px 14px;border-radius:20px;}
.th1qg-free{font-size:12px;font-weight:600;background:rgba(74,222,128,.14);border:1px solid rgba(74,222,128,.3);color:#4ade80;padding:5px 14px;border-radius:20px;display:inline-flex;align-items:center;gap:5px;}
.th1qg-h1{font-size:36px;font-weight:800;color:#fff;line-height:1.15;letter-spacing:-.025em;margin-bottom:14px;}
.th1qg-sub{font-size:16px;color:#94a3b8;line-height:1.7;max-width:640px;margin-bottom:24px;}
.th1qg-catlink{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(124,58,237,.4);color:#a78bfa;font-size:13px;font-weight:500;padding:9px 18px;border-radius:9px;}
@media(max-width:600px){.th1qg-h1{font-size:24px;}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e5cd5c */#qgWrap *{box-sizing:border-box;}
#qgWrap{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;width:100%;padding:32px 16px;background:#eef1f6;}
#qgWrap .qg-inner{max-width:760px;margin:0 auto;}
 
.qg-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.1);}
.qg-section-title{font-size:12.5px;font-weight:800;color:#5c6478;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;display:block;}
 
.qg-lbl{font-size:12px;font-weight:700;color:#5c6478;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:8px;}
.qg-input{padding:12px 16px;border:1.5px solid #dfe3ea;border-radius:10px;font-size:14px;color:#1a1f2b;font-family:inherit;outline:none;width:100%;min-height:46px;transition:border-color .15s,box-shadow .15s;}
.qg-input:focus{border-color:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.12);}
 
.qg-type-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;}
.qg-type-btn{padding:10px 16px;border:1.5px solid #dfe3ea;border-radius:10px;font-size:13px;font-weight:700;text-align:center;cursor:pointer;background:#fff;color:#5c6478;font-family:inherit;transition:all .15s;white-space:nowrap;min-height:42px;display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:64px;}
.qg-type-btn:hover{border-color:#7c3aed;color:#7c3aed;background:#f8f5ff;}
.qg-type-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff;box-shadow:0 2px 8px rgba(124,58,237,.3);}
 
.qg-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;}
.qg-field:last-child{margin-bottom:0;}
.qg-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px;}
.qg-row .qg-field{margin-bottom:0;}
.qg-opts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px;}
.qg-opts-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}
 
.qg-color-pair{display:flex;gap:10px;align-items:center;}
.qg-pick{width:46px;height:46px;border:1.5px solid #dfe3ea;border-radius:10px;padding:3px;background:none;cursor:pointer;flex-shrink:0;}
 
.qg-btn{width:100%;padding:15px;background:#7c3aed;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 2px 8px rgba(124,58,237,.35);transition:background .15s,transform .1s,box-shadow .15s;}
.qg-btn:hover{background:#6d28d9;box-shadow:0 4px 14px rgba(124,58,237,.4);transform:translateY(-1px);}
.qg-btn:active{transform:translateY(0);}
 
.qg-empty{padding:40px 24px;text-align:center;color:#9099ab;font-size:14px;background:#fff;border-radius:16px;border:1.5px dashed #dfe3ea;}
.qg-error{padding:24px;text-align:center;color:#c0293c;font-size:14px;font-weight:600;background:#fdecee;border-radius:16px;border:1.5px solid #f6c4cb;}
 
.qg-chk{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#3d4459;cursor:pointer;background:#f5f6fa;border:1.5px solid #dfe3ea;border-radius:10px;padding:12px 16px;min-height:46px;}
 
.qg-help{font-size:13px;color:#6b7280;line-height:1.5;margin:0 0 18px;}
.qg-help-sm{font-size:12px;color:#8891a3;line-height:1.5;margin:0 0 10px;}
 
/* ── Upload rows for bg image / logo ── */
.qg-upload-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.qg-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:1.5px dashed #c9cee0;border-radius:10px;font-size:13px;font-weight:700;color:#5c6478;background:#f8f9fc;cursor:pointer;transition:all .15s;}
.qg-upload-btn:hover{border-color:#7c3aed;color:#7c3aed;background:#f8f5ff;}
.qg-upload-btn input[type="file"]{display:none;}
.qg-upload-icon{font-size:14px;}
.qg-clear-btn{display:none;align-items:center;gap:6px;padding:9px 14px;border:1.5px solid #f6c4cb;border-radius:9px;font-size:12.5px;font-weight:700;color:#c0293c;background:#fdecee;cursor:pointer;font-family:inherit;}
.qg-clear-btn:hover{background:#f9d5da;}
.qg-file-name{display:block;font-size:12.5px;color:#7c3aed;font-weight:600;margin-top:8px;}
 
.qg-slider-row{display:flex;align-items:center;gap:14px;}
.qg-slider-row input[type="range"]{flex:1;}
.qg-slider-val{font-size:13px;font-weight:800;color:#7c3aed;background:#f3eeff;border-radius:8px;padding:6px 12px;min-width:48px;text-align:center;flex-shrink:0;}
 
/* ── Lib status banner ── */
.qg-lib-status{display:none;align-items:center;gap:10px;padding:12px 16px;background:#fff8e6;border:1.5px solid #f5dfa0;border-radius:12px;color:#8a6413;font-size:13px;font-weight:600;margin-bottom:20px;}
 
/* ── Result ── */
.qg-result-card{background:#fff;border-radius:16px;padding:28px;text-align:center;box-shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.1);}
.qg-canvas-wrap{display:flex;justify-content:center;padding:12px;background:#fff;border-radius:14px;margin-bottom:20px;}
.qg-canvas-wrap canvas{border-radius:10px;max-width:100%;height:auto;box-shadow:0 1px 3px rgba(16,24,40,.12);}
.qg-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:12px;color:#5c6478;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eef0f4;}
.qg-meta span{background:#f2f3f7;border-radius:999px;padding:6px 14px;font-weight:600;}
.qg-dl-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.qg-dl{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#7c3aed;color:#fff;border:none;border-radius:11px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 2px 8px rgba(124,58,237,.3);transition:all .15s;}
.qg-dl:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(124,58,237,.4);}
.qg-dl-outline{background:#fff;color:#7c3aed;border:1.5px solid #7c3aed;box-shadow:none;}
.qg-dl-outline:hover{background:#f8f5ff;}
 
/* ── Inputs ── */
#qgWrap input:not([type="checkbox"]):not([type="color"]):not([type="file"]),
#qgWrap select{box-sizing:border-box;width:100%;min-height:46px;padding:12px 16px;font-size:14px;font-family:inherit;color:#1a1f2b;background:#fff;border:1.5px solid #dfe3ea;border-radius:10px;outline:none;appearance:none;transition:border-color .15s,box-shadow .15s;}
#qgWrap input:not([type="checkbox"]):not([type="color"]):not([type="file"]):focus,
#qgWrap select:focus{border-color:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.12);}
#qgWrap select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235c6478' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:42px;cursor:pointer;background-color:#f8f9fc;}
#qgWrap input[type="color"]{min-height:46px;width:46px;padding:3px;border-radius:10px;cursor:pointer;background:none;border:1.5px solid #dfe3ea;}
#qgWrap input[type="range"]{width:100%;accent-color:#7c3aed;}
#qgWrap textarea{box-sizing:border-box;width:100%;min-height:84px;padding:12px 16px;font-size:14px;font-family:inherit;color:#1a1f2b;background:#fff;border:1.5px solid #dfe3ea;border-radius:10px;outline:none;resize:vertical;line-height:1.6;}
#qgWrap textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.12);}
 
@media(max-width:640px){
  .qg-opts,.qg-opts-2{grid-template-columns:1fr 1fr;}
  .qg-row{grid-template-columns:1fr;}
}
@media(max-width:540px){
  #qgWrap{padding:20px 12px;}
  .qg-card,.qg-result-card{padding:18px 16px;}
  .qg-opts{grid-template-columns:1fr 1fr;}
  .qg-dl-row{flex-direction:column;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-abb52bf */.th3qg *{box-sizing:border-box;margin:0;padding:0;}
.th3qg{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#fff;padding:72px 24px;}
.th3qg-inner{max-width:1280px;margin:0 auto;}
.th3qg-top{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:56px;align-items:start;}
.th3qg-eye{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#7c3aed;margin-bottom:12px;}
.th3qg-h2{font-size:26px;font-weight:800;color:#111827;line-height:1.2;letter-spacing:-.02em;margin-bottom:18px;}
.th3qg-p{font-size:15px;color:#374151;line-height:1.75;margin-bottom:12px;}
.th3qg-p-mb{margin-bottom:24px;}
.th3qg-fb{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:16px;padding:28px;}
.th3qg-ft{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:16px;}
.th3qg-f{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:14px;color:#374151;}
.th3qg-f:last-child{margin-bottom:0;}
.th3qg-fck{width:22px;height:22px;border-radius:50%;background:#ddd6fe;border:1px solid #7c3aed;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.th3qg-fck svg{width:11px;height:11px;}
 
.th3qg-sh{font-size:22px;font-weight:700;color:#111827;margin-bottom:24px;}
.th3qg-sh-mt{margin-top:56px;}
 
.th3qg-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;}
.th3qg-steps-3{grid-template-columns:repeat(3,1fr);}
.th3qg-step{background:#f4f6f9;border-radius:14px;padding:20px;}
.th3qg-sn{width:32px;height:32px;border-radius:8px;background:#7c3aed;color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.th3qg-sn-alt{background:#111827;font-size:15px;}
.th3qg-step h4{font-size:14px;font-weight:600;color:#111827;margin-bottom:6px;}
.th3qg-step p{font-size:13px;color:#6b7280;line-height:1.55;}
 
/* ── Syntax reference cards ── */
.th3qg-syntax-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.th3qg-syn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:20px;}
.th3qg-syn-wide{grid-column:1 / -1;}
.th3qg-syn-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap;}
.th3qg-syn-tag{font-size:12.5px;font-weight:800;color:#7c3aed;background:#f3eeff;border-radius:7px;padding:4px 10px;text-transform:uppercase;letter-spacing:.04em;}
.th3qg-syn-note{font-size:12px;color:#9ca3af;font-weight:600;}
.th3qg-code{display:block;font-family:'SF Mono','Fira Code','Courier New',monospace;font-size:12.5px;color:#111827;background:#111827;color:#e5e7eb;border-radius:9px;padding:12px 14px;margin-bottom:12px;overflow-x:auto;white-space:pre;}
.th3qg-code-block{white-space:pre;line-height:1.6;}
.th3qg-syn-p{font-size:13px;color:#6b7280;line-height:1.6;}
.th3qg-syn-p code{background:#f1f2f6;color:#374151;border-radius:4px;padding:1px 5px;font-size:12px;font-family:'SF Mono','Fira Code',monospace;}
 
/* ── Error correction table ── */
.th3qg-ec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.th3qg-ec{background:#f4f6f9;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px;}
.th3qg-ec-l{font-size:22px;font-weight:900;color:#111827;}
.th3qg-ec-pct{font-size:13px;font-weight:800;color:#7c3aed;}
.th3qg-ec-d{font-size:12.5px;color:#6b7280;line-height:1.5;}
 
@media(max-width:768px){
  .th3qg{padding:52px 20px;}
  .th3qg-top{grid-template-columns:1fr;}
  .th3qg-h2{font-size:20px;}
  .th3qg-syntax-grid{grid-template-columns:1fr;}
  .th3qg-syn-wide{grid-column:auto;}
  .th3qg-steps-3{grid-template-columns:1fr;}
  .th3qg-ec-grid{grid-template-columns:1fr 1fr;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6309ec5 */.th5qg *{box-sizing:border-box;margin:0;padding:0;}
.th5qg{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#fff;padding:64px 24px 80px;border-top:1px solid #f1f5f9;}
.th5qg-inner{max-width:1280px;margin:0 auto;}
.th5qg-eye{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#7c3aed;margin-bottom:12px;}
.th5qg-h2{font-size:26px;font-weight:800;color:#111827;line-height:1.2;letter-spacing:-.02em;margin-bottom:32px;}
.th5qg-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:10px;overflow:hidden;}
.th5qg-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;}
.th5qg-qt{font-size:15px;font-weight:600;color:#111827;line-height:1.4;}
.th5qg-ico{width:26px;height:26px;border-radius:50%;background:#e9ecef;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.th5qg-ico svg{transition:transform .25s;width:13px;height:13px;}
.th5qg-item.open .th5qg-ico svg{transform:rotate(180deg);}
.th5qg-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 20px;}
.th5qg-item.open .th5qg-a{max-height:380px;padding:0 20px 18px;}
.th5qg-a p{font-size:14px;color:#374151;line-height:1.7;}/* End custom CSS */