.gbb-wrap.gbb-preload{opacity:0;visibility:hidden}.gbb-wrap{transition:opacity 0.18s ease-in-out}.gbb-wrap{--gbb-bg:#f1f5f9;--gbb-surface:#ffffff;--gbb-border:#e2e8f0;--gbb-slate:#0f172a;--gbb-text:#1e293b;--gbb-muted:#64748b;--gbb-accent:#0e7490;--gbb-radius:14px;direction:rtl;background:var(--gbb-bg);border:1px solid var(--gbb-border);border-radius:var(--gbb-radius);padding:20px;font-family:Vazirmatn,Tahoma,-apple-system,sans-serif;color:var(--gbb-text);max-width:1400px;margin:0 auto;box-sizing:border-box}.gbb-wrap *,.gbb-wrap *::before,.gbb-wrap *::after{box-sizing:border-box}.gbb-wrap{width:100%;max-width:1400px;overflow-x:hidden}@media (max-width:900px){.gbb-wrap{padding:12px}.gbb-canvas-area{padding:10px}.gbb-canvas-holder{padding:6px}}.gbb-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#0f172a;color:#fff;border-radius:var(--gbb-radius);padding:18px 22px;margin-bottom:18px}.gbb-header__brand{display:flex;align-items:center;gap:14px}.gbb-header__logo{width:46px;height:46px;border-radius:12px;background:#0e7490;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800}.gbb-header__title{margin:0;font-size:19px;color:#ffffff!important;font-weight:800}.gbb-header__sub{margin:2px 0 0;font-size:12.5px;color:#cbd5e1}.gbb-header__actions{display:flex;gap:8px;flex-wrap:wrap}.gbb-btn{border:1px solid #fff0;border-radius:10px;cursor:pointer;padding:9px 16px;font-size:13.5px;font-weight:600;font-family:inherit;transition:all .15s ease;line-height:1}.gbb-btn--primary{background:#0e7490;color:#fff}.gbb-btn--primary:hover{background:#155e75}.gbb-btn--ghost{background:rgb(255 255 255 / .12);color:#fff;border-color:rgb(255 255 255 / .35)}.gbb-header .gbb-btn--ghost:hover{background:rgb(255 255 255 / .25)}.gbb-panel .gbb-btn--ghost,.gbb-btn--danger{background:#fff;color:#b91c1c;border-color:#fecaca}.gbb-panel .gbb-btn--ghost{color:#475569;border-color:#cbd5e1}.gbb-btn--danger:hover,.gbb-panel .gbb-btn--ghost:hover{background:#f8fafc}.gbb-btn--block{display:block;width:100%;margin-top:6px;background:#0e7490;color:#fff}.gbb-btn--block:hover{background:#155e75}.gbb-btn--sm{padding:7px 12px;font-size:12.5px;background:#f1f5f9;color:#334155;border-color:#e2e8f0}.gbb-btn--sm:hover{background:#e2e8f0}.gbb-layout{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:18px;align-items:start;width:100%;max-width:100%}@media (max-width:900px){.gbb-layout{grid-template-columns:1fr}.gbb-controls{order:2}.gbb-canvas-area{order:1}}.gbb-controls{background:var(--gbb-surface);border:1px solid var(--gbb-border);border-radius:var(--gbb-radius);overflow:hidden}.gbb-tabs{display:flex;border-bottom:1px solid var(--gbb-border)}.gbb-tab{flex:1;padding:13px 6px;border:none;background:#f8fafc;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:var(--gbb-muted);border-left:1px solid var(--gbb-border)}.gbb-tab:last-child{border-left:none}.gbb-tab:hover{color:var(--gbb-accent)}.gbb-tab.is-active{background:#fff;color:var(--gbb-accent);box-shadow:inset 0 -3px 0 var(--gbb-accent)}.gbb-panel{display:none;padding:18px 16px}.gbb-panel.is-active{display:block}.gbb-label{display:block;font-size:12.5px;font-weight:700;color:var(--gbb-slate);margin:0 0 14px}.gbb-input,.gbb-file,select.gbb-input{width:100%;margin-top:6px;padding:9px 11px;border:1px solid var(--gbb-border);border-radius:9px;font-family:inherit;font-size:13.5px;color:var(--gbb-text);background:#f8fafc}.gbb-input:focus{outline:2px solid #bae6fd;border-color:var(--gbb-accent)}.gbb-file{padding:7px;font-size:12px}.gbb-color{width:100%;height:40px;margin-top:6px;padding:3px;border:1px solid var(--gbb-border);border-radius:9px;background:#fff;cursor:pointer}.gbb-color--lg{height:46px}.gbb-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gbb-col{min-width:0}.gbb-hint{font-size:11px;color:var(--gbb-muted);font-weight:400}.gbb-note{font-size:11.5px;line-height:1.9;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:9px;padding:10px 12px;margin:0 0 12px}.gbb-note a{color:#b45309;font-weight:700}.gbb-inline{display:inline-block;margin-left:8px}.gbb-seg{display:flex;background:#f1f5f9;border-radius:10px;padding:4px;margin-bottom:12px}.gbb-seg__btn{flex:1;border:none;background:#fff0;padding:8px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--gbb-muted)}.gbb-seg__btn.is-active{background:#fff;color:var(--gbb-accent);box-shadow:0 1px 3px rgb(15 23 42 / .12)}.gbb-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.gbb-chip{border:1px solid var(--gbb-border);background:#f8fafc;color:#334155;border-radius:999px;padding:6px 12px;font-size:11.5px;font-family:inherit;cursor:pointer}.gbb-chip:hover{background:#e0f2fe;border-color:#7dd3fc}.gbb-patterns{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:14px}.gbb-pattern{aspect-ratio:1;border-radius:8px;border:2px solid var(--gbb-border);cursor:pointer;padding:0;transition:transform .12s ease}.gbb-pattern:hover{transform:scale(1.08)}.gbb-pattern.is-active{border-color:var(--gbb-accent);box-shadow:0 0 0 2px #bae6fd}.gbb-elements{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.gbb-el-btn{background:#f8fafc;border:1px solid var(--gbb-border);border-radius:10px;padding:12px 4px;cursor:pointer;font-family:inherit;font-size:11px;color:#334155;display:flex;flex-direction:column;align-items:center;gap:5px;font-weight:600}.gbb-el-btn:hover{background:#e0f2fe;border-color:#7dd3fc}.gbb-el-btn svg{width:26px;height:26px;fill:var(--gbb-accent)}.gbb-align{display:flex;gap:6px;margin-top:4px}.gbb-canvas-area{background:var(--gbb-surface);border:1px solid var(--gbb-border);border-radius:var(--gbb-radius);padding:16px;min-width:0;max-width:100%;overflow:hidden}.gbb-canvas-holder{background:repeating-conic-gradient(#eef2f7 0 25%,#ffffff 0 50%) 0 0/22px 22px;border-radius:10px;padding:12px;min-height:320px;display:flex;justify-content:center;direction:ltr;overflow:hidden;max-width:100%}.gbb-canvas-scroll{max-width:100%;min-width:0;width:100%;display:flex;justify-content:center;overflow:hidden}.gbb-canvas-holder .canvas-container{margin:0 auto;direction:ltr;position:relative;max-width:100%}.gbb-canvas-holder canvas{border-radius:6px;box-shadow:0 4px 18px rgb(15 23 42 / .15);max-width:100%;display:block}.gbb-canvas-meta{text-align:center;color:var(--gbb-muted);font-size:12px;margin:10px 0 0}.gbb-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;margin-bottom:14px;font-size:13px}.gbb-panel{padding:20px 18px}.gbb-panel>*+*{margin-top:14px}.gbb-label{margin:0 0 6px;line-height:1.7}.gbb-label+.gbb-label,.gbb-row+.gbb-row{margin-top:14px}.gbb-panel .gbb-btn{margin-top:4px}.gbb-panel .gbb-btn--block{margin-top:16px}.gbb-row{gap:14px}.gbb-presets{gap:8px;margin-top:10px;margin-bottom:4px}.gbb-patterns{margin-top:10px;margin-bottom:4px}.gbb-elements{gap:10px;margin-top:10px;margin-bottom:4px}.gbb-align{gap:8px;margin-top:14px}.gbb-seg{margin-top:8px;margin-bottom:4px}.gbb-panel .gbb-hint{margin-top:12px}.gbb-panel .gbb-note{margin-top:14px}.gbb-header__actions{gap:10px}.gbb-tabs .gbb-tab{padding:14px 6px}.gbb-controls .gbb-panel:not(:last-child){border-bottom:1px solid var(--gbb-border)}.gbb-canvas-meta{margin-top:14px}.gbb-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:flex-end}.gbb-row .gbb-label{margin:0;min-width:0}.gbb-row .gbb-label>.gbb-color,.gbb-row .gbb-label>.gbb-input{display:block;width:100%;height:40px;margin-top:6px;box-sizing:border-box}.gbb-row .gbb-label>input[type="checkbox"]{margin:0 0 8px auto;display:block}.gbb-color,.gbb-input{height:40px;box-sizing:border-box}.gbb-color--lg{height:40px}textarea.gbb-input{height:auto}.gbb-canvas-holder{direction:ltr!important;display:flex!important;align-items:center!important;justify-content:center!important}.gbb-canvas-holder .canvas-container{direction:ltr!important;position:relative!important;margin:0 auto!important}.gbb-canvas-holder .canvas-container canvas{display:block!important;max-width:none!important;max-height:none!important}.gbb-el-btn{background:#f1f5f9;border:1px solid #cbd5e1;color:#334155}.gbb-el-btn:hover{background:#e2e8f0;border-color:#94a3b8}.gbb-el-btn svg{width:26px;height:26px;fill:currentColor;color:#334155}