:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg-dark-base:#0e1016;--bg-dark-surface:#161a22;--bg-dark-elevated:#1f232d;--bg-dark-glass:#121826c7;--primary-accent:#3c83f6;--primary-accent-hover:#639cf8;--primary-accent-glow:#3b82f640;--danger-accent:#e63749;--success-accent:#21c45d;--warning-accent:#f59f0a;--text-main:#f8fafc;--text-muted:#94a3b8;--text-subtle:#607085;--border-subtle:#ffffff14;--border-active:#3b82f680;--touch-target-min:44px;--header-height:56px;--quick-bar-height:52px;--sheet-max-height:60vh;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--ease-spring-ios:cubic-bezier(.32, .72, 0, 1);--ease-out-smooth:cubic-bezier(.16, 1, .3, 1);--transition-fast:.18s var(--ease-out-smooth);--transition-normal:.32s var(--ease-spring-ios);--transition-sheet:.38s var(--ease-spring-ios);--shadow-subtle:0 4px 12px #0000004d;--shadow-elevated:0 12px 32px #00000080;--shadow-sheet:0 -8px 32px #0009;--backdrop-blur:blur(20px) saturate(180%)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-dark-base);width:100%;height:100dvh;color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;font-family:Hind Siliguri,Anek Bangla,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#root{width:100%;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex;position:relative;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;transition:transform .12s var(--ease-out-smooth), opacity .12s ease;background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex}button:active{opacity:.85;transform:scale(.95)}input,textarea,select{-webkit-user-select:auto;user-select:auto;font:inherit;color:inherit;background:0 0;border:none;outline:none;font-family:Hind Siliguri,Anek Bangla,sans-serif}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.rex-app-shell{background-color:var(--bg-dark-base);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.rex-header{height:var(--header-height);background-color:var(--bg-dark-surface);border-bottom:1px solid var(--border-subtle);z-index:20;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.rex-header-left{align-items:center;gap:16px;min-width:0;display:flex}.rex-brand-logo{flex-shrink:0;align-items:center;gap:8px;display:flex}.rex-logo-icon{border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg,#3c83f6,#995af2);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 16px #3b82f666}.rex-logo-text{letter-spacing:-.3px;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;flex-shrink:0;font-size:16px;font-weight:800}.rex-header-divider{background-color:var(--border-subtle);flex-shrink:0;width:1px;height:20px}.rex-header-project{align-items:center;gap:10px;min-width:0;display:flex}.rex-project-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-family:Hind Siliguri,Anek Bangla,-apple-system,sans-serif;font-size:14px;font-weight:600;overflow:hidden}.rex-ratio-dropdown-wrap{position:relative}.rex-aspect-badge{border-radius:var(--radius-full);background-color:var(--bg-dark-elevated);border:1px solid var(--border-subtle);color:var(--primary-accent);align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.rex-aspect-badge.interactive{cursor:pointer;transition:all var(--transition-fast)}.rex-aspect-badge.interactive:hover{border-color:var(--primary-accent);background-color:#3b82f626}.rex-ratio-dropdown-menu{background-color:var(--bg-dark-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:240px;box-shadow:var(--shadow-elevated);z-index:1000;animation:slideUp .18s var(--ease-spring-ios);flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.rex-dropdown-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:6px 8px 4px;font-size:10px;font-weight:700}.rex-ratio-option{border-radius:var(--radius-xs);transition:background-color var(--transition-fast);background-color:#0000;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.rex-ratio-option:hover{background-color:#ffffff0d}.rex-ratio-option.active{background-color:#3b82f626}.rex-ratio-option-main{align-items:center;gap:10px;display:flex}.rex-ratio-id{background-color:var(--bg-dark-surface);color:var(--primary-accent);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:800}.rex-ratio-labels{text-align:left;flex-direction:column;display:flex}.rex-ratio-name{color:var(--text-main);font-size:12px;font-weight:600;line-height:1.2}.rex-ratio-platform{color:var(--text-muted);font-size:10px}.rex-header-actions{align-items:center;gap:10px;display:flex}.rex-btn-header-secondary{border-radius:var(--radius-full);background-color:var(--bg-dark-elevated);color:var(--text-main);border:1px solid var(--border-subtle);transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.rex-btn-header-secondary:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.rex-main-layout{width:100%;height:calc(100% - var(--header-height));flex:1;display:flex;position:relative;overflow:hidden}.rex-desktop-sidebar{background-color:var(--bg-dark-surface);border-right:1px solid var(--border-subtle);z-index:10;width:380px;min-width:380px;height:100%;display:flex;box-shadow:4px 0 24px #0006}.rex-desktop-rail{background-color:var(--bg-dark-base);border-right:1px solid var(--border-subtle);flex-direction:column;justify-content:space-between;align-items:center;width:76px;min-width:76px;height:100%;padding:16px 0;display:flex}.rex-rail-brand,.rex-rail-footer{flex-direction:column;align-items:center;display:flex}.rex-rail-nav{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.rex-rail-btn{border-radius:var(--radius-sm);width:60px;height:56px;color:var(--text-muted);transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.rex-rail-btn:hover{color:var(--text-main);background-color:var(--bg-dark-elevated)}.rex-rail-btn.active{color:#fff;background-color:var(--primary-accent);box-shadow:0 4px 14px var(--primary-accent-glow)}.rex-rail-btn.template-btn{color:var(--primary-accent)}.rex-rail-btn.export-btn{color:var(--success-accent)}.rex-desktop-panel{background-color:var(--bg-dark-surface);border-right:1px solid var(--border-subtle);flex:1;height:100%;overflow-y:auto}.rex-panel-body{flex-direction:column;gap:16px;padding:20px;display:flex}.rex-panel-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.rex-panel-title-group{align-items:center;gap:10px;display:flex}.rex-panel-icon-badge{border-radius:var(--radius-xs);width:32px;height:32px;color:var(--primary-accent);background-color:#3b82f626;justify-content:center;align-items:center;display:flex}.rex-panel-title-group h3{color:var(--text-main);font-size:15px;font-weight:700;line-height:1.2}.rex-panel-subtitle{color:var(--text-muted);font-size:11px;font-weight:500}.rex-control-card{border-radius:var(--radius-md);background-color:var(--bg-dark-elevated);border:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding:14px 16px;display:flex}.rex-control-card.pad-tight{padding:10px}.rex-card-header{justify-content:space-between;align-items:center;display:flex}.rex-card-header label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:11px;font-weight:700}.rex-btn-highlight-action{border-radius:var(--radius-full);color:var(--primary-accent);white-space:nowrap;transition:all var(--transition-fast);background-color:#3b82f626;border:1px solid #3b82f64d;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.rex-btn-highlight-action:hover{background-color:var(--primary-accent);color:#fff}.rex-nudge-pad{background-color:var(--bg-dark-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:4px;padding:10px;display:flex}.rex-nudge-row{align-items:center;gap:8px;display:flex}.rex-btn-nudge{border-radius:var(--radius-xs);background-color:var(--bg-dark-elevated);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-main);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.rex-btn-nudge:hover{background-color:var(--primary-accent);color:#fff}.rex-nudge-center{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:center;width:48px;font-size:10px;font-weight:700}.rex-align-segmented-bar{background-color:var(--bg-dark-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);gap:4px;width:100%;padding:3px;display:flex}.rex-align-tab-btn{border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:600;display:flex}.rex-align-tab-btn:hover{color:var(--text-main);background-color:#ffffff0d}.rex-align-tab-btn.active{background-color:var(--primary-accent);color:#fff;font-weight:700;box-shadow:0 2px 8px #3b82f666}.rex-direction-grid{grid-template-columns:repeat(2,1fr);gap:6px;width:100%;display:grid}.rex-font-picker-container{width:100%;position:relative}.rex-font-trigger-btn{border-radius:var(--radius-sm);background-color:var(--bg-dark-surface);border:1px solid var(--border-subtle);text-align:left;width:100%;transition:border-color var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.rex-font-trigger-btn:hover{border-color:var(--primary-accent)}.rex-font-trigger-info{flex-direction:column;gap:2px;display:flex}.rex-font-trigger-name{color:var(--primary-accent);font-size:12px;font-weight:700}.rex-font-trigger-sample{color:var(--text-main);font-size:14px}.rex-font-picker-menu{background-color:var(--bg-dark-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-height:280px;box-shadow:var(--shadow-elevated);z-index:60;animation:slideUp .18s var(--ease-spring-ios);flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.rex-font-group-label{letter-spacing:.5px;color:var(--primary-accent);padding:8px 10px 4px;font-size:10px;font-weight:800}.rex-font-option-item{border-radius:var(--radius-xs);text-align:left;transition:background-color var(--transition-fast);background-color:#0000;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.rex-font-option-item:hover{background-color:#ffffff0f}.rex-font-option-item.active{background-color:#3b82f626}.rex-font-item-meta{flex-direction:column;gap:2px;display:flex}.rex-font-item-name{color:var(--text-muted);font-size:11px;font-weight:600}.rex-font-item-preview{color:var(--text-main);font-size:15px}.rex-ratio-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.rex-ratio-card{border-radius:var(--radius-sm);background-color:var(--bg-dark-surface);border:1px solid var(--border-subtle);text-align:left;transition:all var(--transition-fast);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.rex-ratio-card:hover{border-color:var(--primary-accent);background-color:#3b82f60d}.rex-ratio-card.active{border-color:var(--primary-accent);background-color:#3b82f61f;box-shadow:0 0 12px #3b82f640}.rex-ratio-card-head{justify-content:space-between;align-items:center;display:flex}.rex-ratio-badge{background-color:var(--bg-dark-elevated);color:var(--primary-accent);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:800}.rex-ratio-card-info{flex-direction:column;display:flex}.rex-ratio-title{color:var(--text-main);font-size:12px;font-weight:700;line-height:1.2}.rex-ratio-sub{color:var(--text-muted);font-size:10px}.rex-case-toggles{background-color:var(--bg-dark-surface);border-radius:var(--radius-xs);gap:4px;padding:2px;display:flex}.rex-btn-case{color:var(--text-muted);border-radius:4px;padding:3px 8px;font-size:10px;font-weight:800}.rex-btn-case:hover{color:var(--text-main);background-color:#ffffff14}.rex-slider-group{flex-direction:column;gap:6px;display:flex}.mt-12{margin-top:12px}.gap-8{gap:8px}.gap-10{gap:10px}.flex-1{flex:1}.rex-slider-header{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.rex-slider-val{color:var(--primary-accent);background-color:#3b82f61a;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.rex-alignment-row{flex-direction:column;gap:8px;margin-top:4px;display:flex}.rex-sublabel{color:var(--text-muted);font-size:11px;font-weight:600}.rex-color-grid{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rex-color-swatch{border-radius:var(--radius-full);width:28px;height:28px;transition:transform var(--transition-fast), border-color var(--transition-fast);border:2px solid #0000}.rex-color-swatch.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 10px #fff6}.rex-custom-color-picker{border-radius:var(--radius-full);border:1px dashed var(--border-subtle);justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.rex-color-picker-input{cursor:pointer;background:0 0;border:none;width:40px;height:40px}.rex-layers-list{flex-direction:column;gap:6px;display:flex}.rex-layer-row{background-color:var(--bg-dark-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);cursor:pointer;height:42px;transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:0 10px;display:flex}.rex-layer-row:hover{background-color:#ffffff05;border-color:#ffffff26}.rex-layer-row.selected{border-color:var(--primary-accent);box-shadow:inset 3px 0 0 var(--primary-accent);background-color:#3b82f61f}.rex-layer-main{flex:1;align-items:center;gap:10px;min-width:0;margin-right:8px;display:flex}.rex-layer-type-icon{border-radius:var(--radius-xs);background-color:var(--bg-dark-elevated);width:26px;min-width:26px;height:26px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.rex-layer-type-icon.headline,.rex-layer-type-icon.subheadline{color:var(--primary-accent);background-color:#3b82f626}.rex-layer-type-icon.image{color:#38bdf8;background-color:#38bdf826}.rex-layer-type-icon.badge{color:#fbbf24;background-color:#fbbf2426}.rex-layer-type-icon.logo{color:#4ade80;background-color:#4ade8026}.rex-layer-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-family:Hind Siliguri,Anek Bangla,sans-serif;font-size:13px;font-weight:600;overflow:hidden}.rex-layer-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.rex-layer-btn{border-radius:var(--radius-xs);width:26px;height:26px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.rex-layer-btn:hover{background-color:var(--bg-dark-elevated);color:var(--text-main)}.rex-layer-btn.danger:hover{color:var(--danger-accent);background-color:#ef444426}.rex-layer-btn.active-lock{color:#fbbf24}.rex-layer-btn.dimmed{opacity:.4}.rex-stage-container{background:radial-gradient(circle,#1e293b66 0%,#080a0e 100%);flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.rex-quickbar{height:var(--quick-bar-height);background-color:var(--bg-dark-surface);border-top:1px solid var(--border-subtle);z-index:15;align-items:center;width:100%;display:flex}.rex-quickbar-scroll{scrollbar-width:none;align-items:center;gap:8px;width:100%;padding:0 12px;display:flex;overflow-x:auto}.rex-quickbar-scroll::-webkit-scrollbar{display:none}.rex-quick-chip{border-radius:var(--radius-full);background-color:var(--bg-dark-elevated);color:var(--text-muted);white-space:nowrap;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.rex-quick-chip.active{background-color:var(--primary-accent);color:#fff;box-shadow:0 0 16px var(--primary-accent-glow)}.rex-inspector-sheet{bottom:var(--quick-bar-height);max-height:var(--sheet-max-height);background:var(--bg-dark-glass);-webkit-backdrop-filter:var(--backdrop-blur);border-top:1px solid var(--border-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sheet);z-index:25;animation:slideUp .32s var(--ease-spring-ios);position:absolute;left:0;right:0;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.rex-sheet-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 24px;font-size:13px;display:flex}@media (width<=767px){.rex-header{gap:8px;padding:0 10px}.rex-header-left{flex:1;gap:8px;min-width:0}.rex-brand-logo .rex-logo-text{display:none}.rex-header-project{flex:1;min-width:0}.rex-project-name{white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:12px;overflow:hidden}.rex-desktop-sidebar{display:none!important}.rex-mobile-only{display:block!important}.hide-mobile{display:none!important}}@media (width>=768px){.rex-mobile-only,.rex-inspector-sheet.rex-mobile-only{display:none!important}}.rex-input,.rex-textarea,.rex-select{border-radius:var(--radius-sm);background-color:var(--bg-dark-surface);border:1px solid var(--border-subtle);width:100%;color:var(--text-main);transition:border-color var(--transition-fast);padding:10px 14px;font-size:13px}.rex-input:focus,.rex-textarea:focus,.rex-select:focus{border-color:var(--primary-accent)}.rex-select option{background-color:var(--bg-dark-surface);color:var(--text-main)}.rex-slider{width:100%;accent-color:var(--primary-accent);background:var(--bg-dark-surface);border-radius:999px;height:6px}.rex-btn-icon{border-radius:var(--radius-full);background-color:var(--bg-dark-elevated);width:36px;height:36px;color:var(--text-main);border:1px solid var(--border-subtle)}.rex-btn-icon:disabled{opacity:.4;pointer-events:none}.rex-btn-icon-sm{border-radius:var(--radius-full);background-color:var(--bg-dark-elevated);width:28px;height:28px;color:var(--text-muted)}.rex-btn-icon-xs{border-radius:var(--radius-xs);background-color:var(--bg-dark-surface);width:26px;height:26px;color:var(--text-muted)}.rex-btn-icon-xs.danger{color:var(--danger-accent)}.rex-btn-primary{border-radius:var(--radius-full);color:#fff;transition:transform var(--transition-fast);background:linear-gradient(135deg,#3c83f6,#995af2);gap:6px;padding:8px 18px;font-size:13px;font-weight:700;box-shadow:0 4px 16px #3b82f659}.rex-btn-primary:active{transform:scale(.96)}.rex-btn-action-primary{border-radius:var(--radius-sm);background-color:var(--bg-dark-surface);border:1px dashed var(--border-active);width:100%;color:var(--primary-accent);transition:all var(--transition-fast);gap:8px;padding:10px;font-size:13px;font-weight:600}.rex-btn-action-primary:hover{background-color:#3b82f61a}.rex-btn-group{background-color:var(--bg-dark-surface);border-radius:var(--radius-sm);white-space:nowrap;gap:4px;padding:3px;display:flex}.rex-btn-toggle{border-radius:var(--radius-xs);color:var(--text-muted);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.rex-btn-toggle.active{background-color:var(--primary-accent);color:#fff}.rex-badge-preset-grid{flex-wrap:wrap;gap:8px;display:flex}.rex-badge-chip{border-radius:var(--radius-xs);padding:6px 12px;font-family:Hind Siliguri,Anek Bangla,sans-serif;font-size:11px;font-weight:700}.rex-modal-overlay{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);z-index:100;background-color:#000000d9;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=640px){.rex-modal-overlay{align-items:center}}.rex-modal-container{background-color:var(--bg-dark-surface);border-top:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:520px;max-height:85vh;animation:slideUp .3s var(--ease-spring-ios);flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.rex-modal-container.fullwidth{width:92vw;max-width:1180px;height:85vh}@media (width>=640px){.rex-modal-container{border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}}.rex-modal-header{justify-content:space-between;align-items:center;display:flex}.rex-modal-header h2{color:var(--text-main);font-family:Hind Siliguri,Anek Bangla,sans-serif;font-size:18px;font-weight:700}.rex-compact-toolbar{background-color:var(--bg-dark-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.rex-custom-dropdown{position:relative}.rex-custom-dropdown-btn{border-radius:var(--radius-full);background-color:var(--bg-dark-surface);border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:10px;padding:7px 14px;font-size:12px;font-weight:600;display:flex}.rex-custom-dropdown-btn:hover,.rex-custom-dropdown-btn.active{border-color:var(--primary-accent);color:#fff;background-color:#3b82f61a}.rex-dropdown-arrow{color:var(--text-muted);transition:transform var(--transition-fast)}.rex-dropdown-arrow.open{color:var(--primary-accent);transform:rotate(180deg)}.rex-custom-dropdown-menu{background-color:var(--bg-dark-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);z-index:80;min-width:180px;animation:slideUp .16s var(--ease-spring-ios);flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 16px 36px #0009}.rex-custom-dropdown-item{border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.rex-custom-dropdown-item:hover{color:var(--text-main);background-color:#ffffff0f}.rex-custom-dropdown-item.selected{color:var(--primary-accent);background-color:#3b82f626;font-weight:700}.rex-chip-fav-toggle{border-radius:var(--radius-full);background-color:var(--bg-dark-surface);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.rex-chip-fav-toggle:hover{color:var(--text-main);border-color:#fbbf24}.rex-chip-fav-toggle.active{color:#fbbf24;background-color:#fbbf2426;border-color:#fbbf24}.rex-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.rex-search-box{position:relative}.rex-search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.rex-search-box input{border-radius:var(--radius-full);background-color:var(--bg-dark-surface);border:1px solid var(--border-subtle);width:100%;color:var(--text-main);padding:8px 14px 8px 36px;font-size:13px}.rex-chip{border-radius:var(--radius-full);background-color:var(--bg-dark-surface);color:var(--text-muted);white-space:nowrap;border:1px solid var(--border-subtle);transition:all var(--transition-fast);padding:6px 14px;font-size:12px;font-weight:600}.rex-chip:hover{border-color:var(--primary-accent);color:var(--text-main)}.rex-chip.active{background-color:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.rex-templates-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.rex-templates-grid.fullwidth{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;padding-top:10px}.rex-template-card-lg{border-radius:var(--radius-md);background-color:var(--bg-dark-elevated);border:1px solid var(--border-subtle);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.rex-template-card-lg:hover{border-color:var(--primary-accent);transform:translateY(-4px);box-shadow:0 12px 30px #00000080}.rex-template-card-lg:hover .rex-template-hover-overlay{opacity:1}.rex-template-card-lg.active{border-color:var(--primary-accent);box-shadow:0 0 20px #3b82f659}.rex-template-svg-wrap{aspect-ratio:4/5;background-color:#000;width:100%;position:relative;overflow:hidden}.rex-template-hover-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-fast);background:#0a0c10a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rex-btn-use-template{border-radius:var(--radius-full);color:#fff;transition:transform var(--transition-fast);background:linear-gradient(135deg,#3c83f6,#995af2);align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:flex;transform:scale(.95);box-shadow:0 8px 24px #3b82f680}.rex-template-card-lg:hover .rex-btn-use-template{transform:scale(1)}.rex-template-tags{align-items:center;gap:6px;margin-top:6px;display:flex}.rex-tag-pill{background-color:var(--bg-dark-surface);color:var(--text-muted);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.rex-tag-pill.accent{color:var(--primary-accent);background-color:#3b82f626}.rex-fav-btn{border-radius:var(--radius-full);color:#fff;z-index:5;background-color:#0009;width:28px;height:28px;position:absolute;top:8px;right:8px}.rex-fav-btn.fav{color:#fbbf24}.rex-active-tag{background-color:var(--primary-accent);color:#fff;z-index:5;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:8px;left:8px}.rex-template-info{padding:12px}.rex-template-info h4{color:var(--text-main);font-family:Hind Siliguri,Anek Bangla,sans-serif;font-size:14px;font-weight:700}.rex-template-info p{color:var(--text-muted);margin-top:2px;font-size:11px}.rex-modal-container.rex-export-modal-wide{width:900px;max-width:95vw}.rex-export-layout-grid{grid-template-columns:340px 1fr;gap:20px;margin-top:16px;display:grid}@media (width<=768px){.rex-export-layout-grid{grid-template-columns:1fr}}.rex-export-controls-pane{flex-direction:column;gap:16px;display:flex}.rex-export-preview-pane{background-color:var(--bg-dark-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;min-height:420px;max-height:520px;padding:14px;display:flex;overflow:hidden}.rex-preview-header-bar{border-bottom:1px solid var(--border-subtle);width:100%;margin-bottom:10px;padding-bottom:10px}.rex-preview-tag{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700}.rex-preview-res-badge{background-color:var(--bg-dark-elevated);color:var(--primary-accent);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:800}.rex-export-img-canvas-box{background-color:var(--bg-dark-elevated);border-radius:var(--radius-sm);flex:1;justify-content:center;align-items:center;width:100%;padding:16px;display:flex;overflow:hidden}.rex-export-preview-img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:400px;box-shadow:0 16px 40px #0009}.rex-btn-action-secondary{border-radius:var(--radius-sm);background-color:var(--bg-dark-surface);border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;display:flex}.rex-btn-action-secondary:hover{border-color:var(--primary-accent);background-color:#3b82f614}.rex-btn-action-secondary.active{color:#10b981;background-color:#10b98126;border-color:#10b98180}.rex-toast-banner{border-radius:var(--radius-sm);color:var(--text-main);background-color:#10b9811f;border:1px solid #10b9814d;padding:10px 14px;font-size:11px;font-weight:600}.rex-export-preview-box{background-color:var(--bg-dark-elevated);border-radius:var(--radius-md);justify-content:center;align-items:center;width:100%;min-height:200px;padding:12px;display:flex}.rex-export-img{border-radius:var(--radius-sm);max-width:100%;max-height:320px;box-shadow:var(--shadow-subtle)}.rex-export-actions{gap:10px;display:flex}