:root{--site-bg:#05070b;--bg-primary:#05070b;--bg-secondary:#071321;--bg-tertiary:#0c1829;--bg-surface:#132238;--bg-hover:#ffffff14;--border-color:#ffffff1a;--border-light:#ffffff29;--border-active:#ef3b2d80;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--rail-red:#ef3b2d;--rail-amber:#ff8a1f;--rail-yellow:#ffbe0b;--rail-blue:#071321;--rail-steel:#132238;--rail-green:#10b981;--rail-accent:#ef3b2d;--rail-accent-hover:#dc2626;--red-glow:0 0 34px #ef3b2d52, inset 0 1px 0 #ffffff24;--amber-glow:0 0 30px #ff8a1f47;--panel-glow:0 18px 60px #00000059, 0 0 34px #ef3b2d1f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}.gjs-board-studio-root{background-color:var(--site-bg);color:var(--text-primary);background-image:radial-gradient(circle at 18% 12%,#ef3b2d1f,#0000 28%),radial-gradient(circle at 88% 22%,#ff8a1f14,#0000 26%),linear-gradient(135deg,#05070b 0%,#071321 50%,#05070b 100%);width:100%;min-height:calc(100vh - 64px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;position:relative}.gjs-board-studio-root *,.gjs-board-studio-root :before,.gjs-board-studio-root :after{box-sizing:border-box}.gjs-board-studio-root .app-container{flex-direction:column;width:100%;height:calc(100vh - 64px);display:flex;overflow:hidden}.main-navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:50;background-color:#05070be0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.navbar-brand{align-items:center;gap:12px;display:flex}.brand-logo-icon{border-radius:var(--radius-sm);background:var(--rail-red);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s;display:flex;box-shadow:0 0 25px #ef3b2d66}.brand-logo-icon:hover{transform:scale(1.05)}.brand-titles h1{color:#fff;letter-spacing:.5px;text-transform:uppercase;font-size:14px;font-weight:900}.online-tag{color:var(--rail-amber);text-transform:uppercase;letter-spacing:.6px;background-color:#ff8a1f26;border:1px solid #ff8a1f59;border-radius:4px;margin-left:6px;padding:2px 7px;font-size:10px;font-weight:700}.navbar-controls{align-items:center;gap:12px;display:flex}.role-indicator{letter-spacing:.3px;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:flex}.role-indicator.user{color:var(--rail-green);background-color:#10b98126;border:1px solid #10b9814d}.role-indicator.admin{color:#ff6b6b;background-color:#ef3b2d2e;border:1px solid #ef3b2d66;box-shadow:0 0 15px #ef3b2d40}.btn-nav-icon{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0a;align-items:center;padding:7px 10px;transition:all .15s;display:flex}.btn-nav-icon:hover{color:#fff;border-color:var(--border-light);background-color:#ffffff14}.btn-nav-switch{border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background-color:#ffffff0a;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-nav-switch:hover{border-color:var(--border-light);color:#fff;background-color:#ffffff14}.btn-nav-switch.admin-active{color:#ff8a8a;background-color:#ef3b2d2e;border-color:#ef3b2d66;box-shadow:0 0 15px #ef3b2d33}.btn-nav-switch.admin-active:hover{color:#fff;background-color:#ef3b2d47}.user-editor-container{background-color:var(--site-bg);flex:1;grid-template-columns:380px 1fr;height:100%;min-height:0;max-height:100%;display:grid;overflow:hidden}.editor-sidebar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-right:1px solid var(--border-color);background:linear-gradient(#071321f0,#05070bfa);flex-direction:column;gap:16px;height:100%;max-height:100%;padding:18px 16px;display:flex;overflow:hidden auto}.sidebar-header{border-bottom:1px solid var(--border-color);padding-bottom:14px}.status-pill{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.status-pill.locked{color:#ff6b6b;background-color:#ef3b2d26;border:1px solid #ef3b2d59;box-shadow:0 0 15px #ef3b2d26}.status-pill.admin{color:var(--rail-amber);background-color:#ff8a1f26;border:1px solid #ff8a1f59;box-shadow:0 0 15px #ff8a1f26}.sidebar-description{color:var(--text-muted);margin-top:6px;font-size:12px;line-height:1.5}.template-picker-box{flex-direction:column;gap:6px;display:flex}.picker-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.select-template-dropdown{color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background-color:#0c1524d9;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.select-template-dropdown:focus{border-color:var(--rail-red);box-shadow:0 0 0 2px #ef3b2d40}.presets-row{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:linear-gradient(145deg,#0c1524b8,#05070bc7);flex-direction:column;gap:8px;padding:12px;display:flex}.presets-title{color:var(--rail-amber);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;font-size:11px;font-weight:800;display:flex}.preset-buttons{flex-wrap:wrap;gap:6px;display:flex}.preset-buttons button{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background-color:#ffffff0d;border-radius:4px;padding:4px 9px;font-size:11px;font-weight:600;transition:all .15s}.preset-buttons button:hover{color:#fff;border-color:var(--border-light);background-color:#ffffff1a}.fields-form{flex-direction:column;flex:1;gap:12px;display:flex}.section-heading{letter-spacing:.8px;color:var(--rail-red);text-transform:uppercase;align-items:center;gap:6px;margin-top:4px;font-size:11px;font-weight:800;display:flex}.field-group{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:linear-gradient(145deg,#0c1524b8,#05070bc7);flex-direction:column;gap:7px;padding:12px;transition:all .15s;display:flex}.field-group.field-active{border-color:var(--rail-red);background:linear-gradient(145deg,#132238e6,#071321f2);box-shadow:0 0 0 1px #ef3b2d66,0 0 20px #ef3b2d1f}.field-meta{justify-content:space-between;align-items:center;display:flex}.field-label{color:var(--text-primary);font-size:12px;font-weight:700}.badge-caps{color:var(--text-muted);background-color:#ffffff14;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:700}.field-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#fff;background-color:#05070bcc;outline:none;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--rail-red);box-shadow:0 0 0 2px #ef3b2d40}.field-help{color:var(--text-muted);font-size:11px;line-height:1.4}.sidebar-footer-actions{border-top:1px solid var(--border-color);gap:8px;padding-top:12px;display:flex}.editor-preview-stage{background-color:#05070b;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),radial-gradient(circle at 50% 40%,#ef3b2d14,#0000 60%);background-size:32px 32px,32px 32px,100% 100%;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.preview-top-toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#071321e0;justify-content:space-between;align-items:center;height:54px;padding:0 20px;display:flex}.category-tabs{gap:6px;display:flex}.cat-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s}.cat-tab:hover{color:#fff;background-color:#ffffff0f}.cat-tab.active{background-color:var(--rail-red);color:#fff;box-shadow:0 0 20px #ef3b2d66}.toolbar-actions{gap:8px;display:flex}.btn-primary{background:linear-gradient(135deg, var(--rail-red), var(--rail-amber));color:#fff;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.3px;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:800;transition:all .15s;display:flex;box-shadow:0 0 24px #ef3b2d59}.btn-primary:hover:not(:disabled){opacity:.96;transform:translateY(-1px);box-shadow:0 0 30px #ef3b2d80}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background-color:#ffffff0d;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-secondary:hover{border-color:var(--border-light);color:#fff;background-color:#ffffff17}.btn-action{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background-color:#0c1524bf;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-action:hover{border-color:var(--border-light);color:#fff;background-color:#ffffff14}.canvas-viewport{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:32px 32px;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:40px 24px 60px;display:flex;position:relative;overflow:hidden auto}.board-info-header{align-items:center;gap:12px;margin-top:4px;margin-bottom:22px;display:flex}.board-title{color:#fff;letter-spacing:.5px;font-size:16px;font-weight:800}.board-dimensions{color:var(--rail-amber);border:1px solid var(--border-color);background-color:#0c1524d9;border-radius:4px;padding:3px 10px;font-size:12px;font-weight:700}.canvas-footer-hint{color:var(--text-muted);margin-top:16px;font-size:12px}.template-cards-gallery{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);flex-direction:column;gap:6px;height:120px;padding:8px 16px;display:flex}.gallery-header span{letter-spacing:.8px;color:var(--text-muted);font-size:10px;font-weight:700}.gallery-cards-scroll{gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.tpl-card{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;flex:0 0 170px;gap:6px;padding:6px;transition:all .15s;display:flex}.tpl-card:hover{border-color:var(--rail-accent);transform:translateY(-2px)}.tpl-card.active{border-color:var(--rail-accent);background-color:var(--bg-hover);box-shadow:0 0 0 2px #00b4d866}.tpl-card-preview{border:2px solid;border-radius:3px;justify-content:center;align-items:center;height:42px;padding:0 4px;display:flex;overflow:hidden}.tpl-card-preview span{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:800;overflow:hidden}.tpl-card-info strong{white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:11px;display:block;overflow:hidden}.tpl-card-info small{color:var(--text-muted);font-size:10px}.board-canvas-wrapper{justify-content:center;align-items:center;width:100%;max-width:1100px;margin-bottom:24px;padding-top:14px;display:flex}.board-surface{transition:box-shadow .2s;position:relative}.corner-bolt{z-index:5;background:radial-gradient(circle at 35% 35%,#888,#222);border:1px solid #111;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 1px 2px #00000080}.corner-bolt:after{content:"";background-color:#111;width:6px;height:1px;position:absolute;top:4px;left:1px}.corner-bolt.top-left{top:7px;left:7px}.corner-bolt.top-right{top:7px;right:7px}.corner-bolt.bottom-left{bottom:7px;left:7px}.corner-bolt.bottom-right{bottom:7px;right:7px}.clickable-slot:hover{outline:2px dashed #00b4d899!important}.draggable-slot:hover{outline:2px solid #00b4d8e6!important}.admin-slot-tag{color:var(--rail-accent);border:1px solid var(--rail-accent);pointer-events:none;white-space:nowrap;background-color:#0b2545e6;border-radius:2px;padding:0 4px;font-size:9px;font-weight:700;position:absolute;top:-16px;left:0}.canvas-viewport.admin-viewport{padding-bottom:80px;overflow:auto}.canvas-viewport.admin-viewport .board-canvas-wrapper{width:auto;min-width:100%;max-width:none}.canvas-zoom-toolbar{-webkit-backdrop-filter:blur(10px);z-index:10;-webkit-user-select:none;user-select:none;background:#121a2be0;border:1px solid #ffffff1f;border-radius:30px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:5px 14px;display:flex;box-shadow:0 4px 20px #0006}.zoom-controls-group{align-items:center;gap:6px;display:flex}.btn-zoom{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.btn-zoom:hover:not(:disabled){border-color:var(--rail-accent);color:#fff;background:#00b4d840;transform:scale(1.05)}.btn-zoom:disabled{opacity:.35;cursor:not-allowed}.zoom-preset-selector{background:#0000004d;border-radius:16px;align-items:center;gap:2px;padding:2px 4px;display:flex}.btn-zoom-preset{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s}.btn-zoom-preset:hover{color:#fff;background:#ffffff14}.btn-zoom-preset.active{background:var(--rail-accent);color:#0b192c;font-weight:700;box-shadow:0 2px 8px #00b4d866}.btn-zoom-reset{color:var(--text-secondary);cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:5px;margin-left:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.btn-zoom-reset:hover{color:#fff;background:#ffffff2e}.zoom-current-indicator{color:var(--rail-accent);letter-spacing:.5px;font-size:11px;font-weight:600}.admin-studio-container{background:radial-gradient(circle at 18% 12%,#ef3b2d33,#0000 28%),radial-gradient(circle at 88% 22%,#ff8a1f1f,#0000 26%),linear-gradient(135deg,#05070b 0%,#071321 46%,#05070b 100%);flex:1;grid-template-columns:410px 1fr;height:100%;min-height:0;max-height:100%;display:grid;position:relative;overflow:hidden}.admin-sidebar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-right:1px solid var(--border-color);background:linear-gradient(#071321f0,#05070bfa);flex-direction:column;gap:16px;height:100%;max-height:100%;padding:18px 16px;display:flex;overflow:hidden auto}.admin-header-badge{border-bottom:1px solid var(--border-color);padding-bottom:12px}.admin-subtitle{color:var(--text-muted);margin-top:5px;font-size:11px;line-height:1.4}.admin-publish-bar{align-items:center;gap:6px;display:flex}.btn-publish{border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.3px;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:800;transition:all .15s;display:flex}.btn-publish.published{color:#34d399;background-color:#10b98126;border:1px solid #10b98159;box-shadow:0 0 15px #10b98126}.btn-publish.published:hover{background-color:#10b98140}.btn-publish.draft{color:#fbbf24;background-color:#ff8a1f26;border:1px solid #ff8a1f59;box-shadow:0 0 15px #ff8a1f26}.btn-publish.draft:hover{background-color:#ff8a1f40}.btn-icon{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background-color:#ffffff0d;padding:8px 10px;transition:all .15s}.btn-icon:hover{border-color:var(--border-light);color:#fff;background-color:#ffffff1a}.admin-tabs{background:#05070b99;border:1px solid #ffffff14;border-radius:8px;gap:4px;padding:4px;display:flex}.admin-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 4px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.admin-tab:hover{color:#fff;background:#ffffff0d}.admin-tab.active{background-color:var(--rail-red);color:#fff;box-shadow:0 0 20px #ef3b2d66}.tab-content{flex-direction:column;gap:12px;display:flex}.slots-header-actions{justify-content:space-between;align-items:center;display:flex}.sub-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:800}.btn-add-small{color:#ff8a8a;cursor:pointer;background-color:#ef3b2d26;border:1px solid #ef3b2d59;border-radius:4px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.btn-add-small:hover{color:#fff;background-color:#ef3b2d40}.slots-chips-grid{flex-wrap:wrap;gap:6px;display:flex}.slot-chip{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background-color:#05070bb3;border-radius:4px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.slot-chip.active{border-color:var(--rail-red);color:#fff;background-color:#ef3b2d33;box-shadow:0 0 15px #ef3b2d26}.chip-index{color:var(--rail-amber);font-weight:800}.property-inspector-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:linear-gradient(145deg,#0c1524b8,#05070bc7);flex-direction:column;gap:12px;padding:14px;display:flex}.inspector-top{border-bottom:1px solid var(--border-color);color:var(--rail-amber);justify-content:space-between;align-items:center;padding-bottom:9px;font-size:12px;font-weight:700;display:flex}.btn-delete-slot{color:#ff6b6b;cursor:pointer;background:0 0;border:none;padding:4px;transition:opacity .15s}.btn-delete-slot:hover{opacity:.8}.prop-row{flex-direction:column;gap:5px;display:flex}.prop-row label{color:var(--text-muted);font-size:11px;font-weight:600}.prop-row input,.prop-row select{border:1px solid var(--border-color);color:#fff;background-color:#05070bcc;border-radius:4px;outline:none;padding:7px 10px;font-size:12px;transition:border-color .15s}.prop-row input:focus,.prop-row select:focus{border-color:var(--rail-red);box-shadow:0 0 0 2px #ef3b2d40}.prop-row-double{grid-template-columns:1fr 1fr;gap:8px;display:grid}.prop-row-double label{color:var(--text-muted);margin-bottom:3px;font-size:11px;font-weight:600;display:block}.prop-row-double input,.prop-row-double select{border:1px solid var(--border-color);color:#fff;background-color:#05070bcc;border-radius:4px;outline:none;width:100%;padding:7px 10px;font-size:12px;transition:border-color .15s}.prop-row-double input:focus,.prop-row-double select:focus{border-color:var(--rail-red);box-shadow:0 0 0 2px #ef3b2d40}.prop-row-double input[type=color]{cursor:pointer;height:34px;padding:2px}.prop-row-checkboxes{gap:16px;padding-top:4px;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:11px;display:flex}.no-selection-hint{color:var(--text-muted);text-align:center;padding:20px 0;font-size:12px}.fixed-elements-list{flex-direction:column;gap:6px;display:flex}.fixed-item-row{border:1px solid var(--border-color);background-color:#05070bb3;border-radius:4px;align-items:center;gap:6px;padding:5px 9px;display:flex}.fixed-badge{text-transform:uppercase;color:var(--rail-red);background-color:#ef3b2d26;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:800}.fixed-item-row input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:12px}.admin-main-stage{background:0 0;flex-direction:column;height:100%;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden}.admin-stage-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background-color:#071321e0;justify-content:space-between;align-items:center;height:54px;padding:0 20px;display:flex}.template-headline{align-items:center;gap:10px;display:flex}.template-headline h3{color:#fff;letter-spacing:.3px;font-size:15px;font-weight:800}.status-tag{border-radius:10px;padding:2px 7px;font-size:10px;font-weight:800}.tag-published{color:#34d399;background-color:#10b98126;border:1px solid #10b98159}.tag-draft{color:#fbbf24;background-color:#ff8a1f26;border:1px solid #ff8a1f59}.stage-actions{gap:8px;display:flex}.btn-danger-outline{color:#ff8a8a;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #ef3b2d66;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.btn-danger-outline:hover{color:#fff;background-color:#ef3b2d26}.admin-viewport{background-color:#05070b;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),radial-gradient(circle at 50% 40%,#ef3b2d14,#0000 60%);background-size:32px 32px,32px 32px,100% 100%}.canvas-helper-banner{color:var(--rail-amber);background-color:#ff8a1f1f;border:1px solid #ff8a1f4d;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 14px;font-size:11px;font-weight:700;display:flex}.admin-templates-catalog{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-color);background-color:#071321e6;flex-direction:column;gap:6px;height:120px;padding:8px 16px;display:flex}.catalog-title{letter-spacing:.8px;color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:800}.catalog-grid{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.catalog-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background-color:#0c1524bf;flex-direction:column;flex:0 0 180px;gap:4px;padding:8px;transition:all .15s;display:flex}.catalog-item:hover{background-color:#132238d9;border-color:#ef3b2d66}.catalog-item.active{border-color:var(--rail-red);background-color:#132238f2;box-shadow:0 0 0 2px #ef3b2d59}.item-badge-row{justify-content:space-between;align-items:center;display:flex}.item-cat{color:var(--text-muted);font-size:9px;font-weight:700}.item-dot{font-size:9px;font-weight:700}.item-dot.published{color:var(--rail-green)}.item-dot.draft{color:var(--rail-yellow)}.item-name{white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:11px;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background-color:#030508d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:linear-gradient(145deg,#0c1524f5,#05070bfa);border:1px solid #ffffff1f;border-radius:16px;width:90%;max-width:460px;padding:24px;box-shadow:0 25px 80px #000000b3,0 0 40px #ef3b2d26}.modal-content.help-modal{max-width:640px}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.modal-title-group{align-items:center;gap:12px;display:flex}.modal-icon-badge{background:linear-gradient(135deg, var(--rail-red), var(--rail-amber));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 0 20px #ef3b2d59}.modal-title-group h3{color:#fff;letter-spacing:.3px;font-size:16px;font-weight:800}.modal-title-group p{color:var(--text-muted);font-size:12px;line-height:1.4}.btn-close-modal{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex}.btn-close-modal:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-input-group label{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.modal-input-group input{background-color:var(--bg-primary);border:1px solid var(--border-color);color:#fff;border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 12px;font-size:14px}.modal-input-group input:focus{border-color:var(--rail-accent)}.modal-error-message{color:#ff99a8;border-radius:var(--radius-sm);background-color:#e6394626;border:1px solid #e639464d;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.modal-hint{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.modal-hint code{background-color:var(--bg-primary);color:var(--rail-yellow);border-radius:3px;padding:2px 6px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.help-modal-body{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.help-role-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:14px}.help-role-card.user-card{border-top:3px solid var(--rail-green)}.help-role-card.admin-card{border-top:3px solid var(--rail-yellow)}.help-card-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.help-card-header h4{color:#fff;font-size:13px;font-weight:700}.help-role-card ul{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:11px;list-style:none;display:flex}.help-role-card li strong{color:#fff}.notification-toast{border:1px solid var(--rail-accent);color:#fff;border-radius:var(--radius-sm);z-index:999;background-color:#0b2545;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:600;animation:.2s ease-out slideUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0006}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.loading-screen{height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--rail-accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media print{body{color:#000;background:#fff}.main-navbar,.editor-sidebar,.preview-top-toolbar,.canvas-footer-hint,.template-cards-gallery,.admin-sidebar,.admin-stage-topbar,.admin-templates-catalog{display:none!important}.user-editor-container,.admin-studio-container,.editor-preview-stage,.canvas-viewport{background:0 0!important;padding:0!important;display:block!important}.board-canvas-wrapper{max-width:100%!important}.board-surface{page-break-inside:avoid;margin:0 auto;box-shadow:none!important}}.board-surface.has-transparency{background-image:linear-gradient(45deg,#1c232a 25%,#0000 25%),linear-gradient(-45deg,#1c232a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1c232a 75%),linear-gradient(-45deg,#0000 75%,#1c232a 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.board-canvas-wrapper.texture-mode{padding:10px}.badge-led{color:#ffbe0b;text-transform:uppercase;letter-spacing:.5px;background-color:#ff9f1c33;border:1px solid #ff9f1c66;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:800}.dds-options-box{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:10px;display:flex}.dds-format-toggle{gap:6px;display:flex}.btn-dds-chip{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;text-align:center;border-radius:4px;flex:1;padding:6px 4px;font-size:11px;font-weight:600;transition:all .15s}.btn-dds-chip:hover{background-color:var(--bg-hover);color:#fff}.btn-dds-chip.active{border-color:var(--rail-red);color:#fff;background-color:#ef3b2d33;font-weight:800;box-shadow:0 0 15px #ef3b2d33}.btn-primary.dds-highlight{background:linear-gradient(135deg, var(--rail-red), var(--rail-amber));color:#fff;border:1px solid #ff8a1f66;box-shadow:0 0 24px #ef3b2d66}.btn-primary.dds-highlight:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#f97316);box-shadow:0 0 30px #ef3b2d99}.upload-texture-box{background-color:var(--bg-primary);border:1px dashed var(--border-light);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:12px;display:flex}.upload-buttons-row{gap:8px;display:flex}.led-controls-box{background-color:#ff8a1f14;border:1px solid #ff8a1f40;border-radius:4px;margin-top:4px;padding:8px 10px}.field-num{color:var(--rail-amber);margin-right:4px;font-weight:800}.home-page-container{background-color:var(--site-bg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.home-hero{border-bottom:1px solid var(--border-color);background:radial-gradient(circle at 18% 12%,#ef3b2d38,#0000 32%),radial-gradient(circle at 88% 22%,#ff8a1f24,#0000 30%),linear-gradient(135deg,#05070b 0%,#071321 46%,#05070b 100%);justify-content:center;padding:48px 24px 36px;display:flex;position:relative}.hero-content{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:920px;display:flex}.hero-badge{color:#ff8a8a;text-transform:uppercase;letter-spacing:.8px;background-color:#ef3b2d26;border:1px solid #ef3b2d59;border-radius:20px;align-items:center;gap:6px;padding:4px 14px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 0 20px #ef3b2d26}.hero-title{color:#fff;letter-spacing:-.5px;font-size:32px;font-weight:900;line-height:1.2}.hero-description{color:var(--text-secondary);max-width:720px;font-size:14px;line-height:1.6}.hero-filter-bar{flex-direction:column;align-items:center;gap:14px;width:100%;margin-top:12px;display:flex}.search-input-wrapper{width:100%;max-width:600px;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{border:1px solid var(--border-color);color:#fff;background-color:#071321d9;border-radius:24px;outline:none;width:100%;padding:12px 75px 12px 46px;font-size:14px;transition:all .2s;box-shadow:0 4px 20px #0006}.search-input:focus{border-color:var(--rail-red);box-shadow:0 0 0 2px #ef3b2d40}.btn-clear-search{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:12px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.btn-clear-search:hover{color:#fff}.home-category-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.home-cat-chip{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background-color:#0c1524b3;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.home-cat-chip:hover{color:#fff;border-color:var(--border-light);background-color:#ffffff14}.home-cat-chip.active{background-color:var(--rail-red);color:#fff;border-color:var(--rail-red);font-weight:700;box-shadow:0 0 18px #ef3b2d59}.home-cat-chip.active .cat-count{color:#fff;opacity:.9}.cat-count{opacity:.7;font-size:11px}.home-features-ribbon{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background-color:#071321eb;flex-wrap:wrap;justify-content:center;gap:28px;padding:12px 24px;display:flex}.feature-icon{color:var(--rail-amber)}.home-gallery-section{flex-direction:column;gap:20px;width:100%;max-width:1240px;margin:0 auto;padding:32px 24px 60px;display:flex}.gallery-section-header{flex-direction:column;gap:4px;display:flex}.gallery-section-header h2{color:#fff;letter-spacing:.3px;font-size:20px;font-weight:800}.gallery-section-sub{color:var(--text-muted);font-size:13px}.home-templates-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;display:grid}.template-card{border-radius:var(--radius-md);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#0c1524d9,#05070bf0);border:1px solid #ffffff17;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000059}.template-card:hover{border-color:#ef3b2d73;transform:translateY(-4px);box-shadow:0 20px 60px #00000073,0 0 34px #ef3b2d29}.card-preview-container{border-bottom:1px solid var(--border-color);background-color:#05070b;justify-content:center;align-items:center;height:170px;display:flex;position:relative;overflow:hidden}.card-preview-overlay{flex-direction:column;align-items:center;gap:8px;max-width:85%;padding:10px;display:flex}.preview-field-pill{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:700;overflow:hidden}.card-top-badges{gap:6px;display:flex;position:absolute;top:10px;left:10px}.card-cat-badge{color:var(--text-secondary);border:1px solid var(--border-color);background-color:#05070bd9;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.card-dds-badge{color:var(--rail-amber);background-color:#ff8a1f26;border:1px solid #ff8a1f59;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:800;display:flex}.card-body{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex}.card-title{color:#fff;font-size:15px;font-weight:800;line-height:1.3}.card-desc{color:var(--text-muted);flex:1;font-size:12px;line-height:1.5}.card-specs-row{color:var(--text-secondary);border-top:1px solid #ffffff14;justify-content:space-between;padding-top:10px;font-size:11px;display:flex}.card-action-row{margin-top:4px}.btn-use-template{background:linear-gradient(135deg, var(--rail-red), var(--rail-amber));color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 14px;font-size:13px;font-weight:800;transition:all .15s;display:flex;box-shadow:0 0 20px #ef3b2d4d}.template-card:hover .btn-use-template{opacity:.95;box-shadow:0 0 28px #ef3b2d73}.home-empty-state{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.home-empty-state h3{color:var(--text-primary);font-size:16px}.btn-back-to-gallery{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--rail-accent);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;margin-bottom:6px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.btn-back-to-gallery:hover{background-color:var(--bg-hover);color:#fff;border-color:var(--rail-accent)}.btn-nav-switch.active-home{border-color:var(--rail-accent);color:var(--rail-accent);background-color:#00b4d82e}.permission-toggle-box{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:#12181e;flex-direction:column;gap:6px;padding:10px;display:flex}.perm-header{align-items:center;gap:8px;display:flex}.perm-icon.unlocked{color:var(--rail-green)}.perm-icon.locked{color:#ff758f}.perm-title{color:var(--text-secondary);flex:1;font-size:11px;font-weight:700}.perm-badge{text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:800}.perm-badge.yes{color:var(--rail-green);background-color:#2ec4b626;border:1px solid #2ec4b64d}.perm-badge.no{color:#ff758f;background-color:#e6394626;border:1px solid #e639464d}.user-bg-permission-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:10px;display:flex}.user-bg-upload-actions{align-items:center;gap:6px;display:flex}.locked-field-group{opacity:.75;background-color:#1a202699;border-style:dashed}.badge-locked{color:#ff758f;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.badge-editable{color:var(--rail-accent);font-size:10px;font-weight:700}.locked-field-value{color:var(--text-muted);background-color:#0c0f13;border-radius:3px;padding:4px 6px;font-size:12px;font-style:italic}.slot-img-preview-row{align-items:center;gap:10px;margin-top:6px;display:flex}.user-slot-img-card{flex-direction:column;gap:6px;display:flex}.user-slot-img-preview{align-items:center;gap:8px;display:flex}.user-slot-img-preview img{-o-object-fit:contain;object-fit:contain;border:1px solid var(--border-color);background-color:#0c0f13;border-radius:4px;width:48px;height:48px}.title-row-container{align-items:center;gap:8px;display:flex}.btn-rename-trigger{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.btn-rename-trigger:hover{background-color:var(--bg-hover);color:var(--rail-accent);border-color:var(--rail-accent)}.inline-rename-form{align-items:center;gap:6px;display:flex}.inline-rename-input{border:1px solid var(--rail-accent);color:#fff;border-radius:var(--radius-sm);background-color:#0d1217;outline:none;min-width:260px;padding:4px 10px;font-size:14px;font-weight:700;box-shadow:0 0 0 2px #00b4d840}.btn-save-rename{background-color:var(--rail-green);color:#111;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;padding:5px 8px;font-weight:700;transition:opacity .15s;display:flex}.btn-save-rename:hover{opacity:.9}.btn-cancel-rename{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;align-items:center;padding:5px 8px;transition:color .15s;display:flex}.btn-cancel-rename:hover{color:#fff}.status-tag-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.status-tag-btn.tag-published{color:var(--rail-green);background-color:#2ec4b626;border:1px solid #2ec4b659}.status-tag-btn.tag-published:hover{background-color:#2ec4b640}.status-tag-btn.tag-draft{color:var(--rail-yellow);background-color:#ffbe0b26;border:1px solid #ffbe0b59}.status-tag-btn.tag-draft:hover{background-color:#ffbe0b40}.btn-visibility-action{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.btn-visibility-action.is-live{color:var(--rail-yellow);background-color:#ffbe0b26;border:1px solid #ffbe0b66}.btn-visibility-action.is-live:hover{border-color:var(--rail-yellow);background-color:#ffbe0b40}.btn-visibility-action.is-draft{color:var(--rail-green);background-color:#2ec4b626;border:1px solid #2ec4b666}.btn-visibility-action.is-draft:hover{border-color:var(--rail-green);background-color:#2ec4b640}.admin-textarea{border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);resize:vertical;background-color:#12181e;outline:none;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.4}.admin-textarea:focus{border-color:var(--rail-accent)}.visibility-banner-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:linear-gradient(#161e26 0%,#10151a 100%);flex-direction:column;gap:10px;margin-top:4px;padding:12px;display:flex}.vis-card-header{align-items:flex-start;gap:10px;display:flex}.vis-card-title{color:#fff;font-size:13px;display:block}.vis-card-desc{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.35}.btn-vis-toggle-full{border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.btn-vis-toggle-full.is-visible{color:var(--rail-yellow);background-color:#ffbe0b26;border:1px solid #ffbe0b66}.btn-vis-toggle-full.is-visible:hover{background-color:#ffbe0b40}.btn-vis-toggle-full.is-hidden{color:var(--rail-green);background-color:#2ec4b626;border:1px solid #2ec4b666}.btn-vis-toggle-full.is-hidden:hover{background-color:#2ec4b640}.presets-row{flex-direction:column;gap:6px;margin-top:6px;display:flex}.preset-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.preset-pills{flex-wrap:wrap;gap:6px;display:flex}.btn-preset-pill{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s}.btn-preset-pill:hover{background-color:var(--bg-hover);color:var(--rail-accent);border-color:var(--rail-accent)}.btn-preset-pill.active-preset{border-color:var(--rail-accent);color:#fff;background:linear-gradient(135deg,#00b4d840 0%,#2ec4b640 100%);font-weight:700;box-shadow:0 0 6px #00b4d84d}.danger-zone-box{border-radius:var(--radius-sm);background-color:#e6394614;border:1px solid #e6394659;flex-direction:column;gap:8px;padding:12px;display:flex}.danger-header{color:#ff758f;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.danger-description{color:var(--text-muted);font-size:11px;line-height:1.35}.btn-danger-full{border:1px solid var(--rail-red);color:#ff8599;border-radius:var(--radius-sm);cursor:pointer;background-color:#e639462e;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.btn-danger-full:hover{background-color:var(--rail-red);color:#fff}.admin-templates-catalog{border-top:1px solid var(--border-color);background-color:#0e1216;flex-direction:column;gap:10px;max-height:220px;padding:14px 20px;display:flex;overflow-y:auto}.catalog-header-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.catalog-title{color:var(--rail-accent);letter-spacing:.8px;font-size:12px;font-weight:800}.catalog-subtitle{color:var(--text-muted);font-size:11px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.catalog-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;gap:6px;padding:10px 12px;transition:all .15s;display:flex;position:relative}.catalog-item:hover{border-color:var(--rail-accent);background-color:var(--bg-tertiary)}.catalog-item.active{border-color:var(--rail-accent);background:linear-gradient(135deg, #00b4d81a 0%, var(--bg-secondary) 100%);box-shadow:0 0 0 1px var(--rail-accent)}.item-badge-row{justify-content:space-between;align-items:center;font-size:10px;display:flex}.item-cat{background-color:var(--bg-primary);color:var(--text-muted);border-radius:3px;padding:2px 6px;font-weight:600}.item-dot{border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}.item-dot.published{color:var(--rail-green);background-color:#2ec4b626;border:1px solid #2ec4b64d}.item-dot.draft{color:var(--rail-yellow);background-color:#ffbe0b26;border:1px solid #ffbe0b4d}.item-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.item-slots{color:var(--text-muted);font-size:11px}.catalog-card-actions{border-top:1px solid #ffffff0f;align-items:center;gap:6px;margin-top:4px;padding-top:6px;display:flex}.btn-card-action{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:3px;flex:1;justify-content:center;align-items:center;gap:4px;padding:3px 7px;font-size:10px;font-weight:700;transition:all .15s;display:flex}.btn-card-action:hover{background-color:var(--bg-hover);color:#fff}.btn-card-action.action-visible{color:var(--rail-yellow)}.btn-card-action.action-visible:hover{border-color:var(--rail-yellow);background-color:#ffbe0b33}.btn-card-action.action-hidden{color:var(--rail-green)}.btn-card-action.action-hidden:hover{border-color:var(--rail-green);background-color:#2ec4b633}.btn-card-action.action-delete{color:#ff758f}.btn-card-action.action-delete:hover{border-color:var(--rail-red);color:#fff;background-color:#e6394640}.nav-store-group{align-items:center;gap:6px;display:flex}.nav-store-badge{background-color:var(--rail-amber);color:#000;border-radius:10px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:900}.store-main-tabs{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);background-color:#05070bbf;border-radius:12px;align-items:center;gap:8px;width:fit-content;margin-top:18px;padding:4px;display:flex}.store-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.store-tab-btn:hover{color:#fff;background-color:#ffffff0f}.store-tab-btn.active{background:var(--rail-red);color:#fff;border-color:var(--rail-red);box-shadow:0 0 25px #ef3b2d66}.store-tab-btn .tab-pill{color:var(--text-secondary);background-color:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:800}.store-tab-btn.active .tab-pill{background-color:var(--rail-amber);color:#000;border-color:var(--rail-amber);font-weight:900}.store-card-actions{border-top:1px solid #ffffff14;align-items:center;gap:6px;margin-top:10px;padding-top:10px;display:flex}.btn-store-primary{background:linear-gradient(135deg, var(--rail-red), var(--rail-amber));color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;flex:2;justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-size:12px;font-weight:800;transition:all .15s;display:flex;box-shadow:0 0 20px #ef3b2d4d}.btn-store-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 0 26px #ef3b2d73}.btn-store-action{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background-color:#ffffff0d;flex:1;justify-content:center;align-items:center;gap:4px;padding:7px 8px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.btn-store-action:hover:not(:disabled){color:#fff;border-color:var(--border-light);background-color:#ffffff1a}.btn-store-action.dds-action{color:var(--rail-amber);background-color:#ff8a1f1a;border-color:#ff8a1f59}.btn-store-action.dds-action:hover:not(:disabled){border-color:var(--rail-amber);color:#fff;background-color:#ff8a1f38}.btn-store-action:disabled{opacity:.5;cursor:not-allowed}.my-store-card{border-color:#ff8a1f40}.my-store-card:hover{border-color:var(--rail-amber);box-shadow:0 10px 30px #ff8a1f33}.card-cat-badge.saved-tag{color:var(--rail-amber);background-color:#ff8a1f2e;border:1px solid #ff8a1f66;align-items:center;gap:4px;font-weight:800;display:flex}.my-store-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.btn-delete-saved{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;padding:3px;transition:all .15s;display:flex}.btn-delete-saved:hover{color:#ff8a8a;background-color:#ef3b2d26;border-color:#ef3b2d4d}.editor-nav-actions{align-items:center;gap:6px;margin-bottom:8px;display:flex}.editor-nav-actions .btn-back-to-gallery{flex:1;justify-content:center;margin-bottom:0}.btn-nav-my-store{color:var(--rail-amber);border-radius:var(--radius-sm);cursor:pointer;background-color:#ff8a1f1f;border:1px solid #ff8a1f59;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.btn-nav-my-store:hover{color:#fff;border-color:var(--rail-amber);background-color:#ff8a1f38}.btn-save-to-my-store{width:100%;color:var(--rail-amber);border-radius:var(--radius-sm);cursor:pointer;background-color:#ff8a1f26;border:1px solid #ff8a1f66;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:800;transition:all .15s;display:flex}.btn-save-to-my-store:hover{background-color:var(--rail-amber);color:#111;box-shadow:0 0 20px #ff8a1f66}.nav-user-profile{background-color:#ffffff0d;border:1px solid #ffffff1f;border-radius:30px;align-items:center;gap:8px;padding:3px 10px 3px 4px;display:flex}.nav-user-avatar{-o-object-fit:cover;object-fit:cover;border:1.5px solid var(--rail-red);border-radius:50%;width:26px;height:26px}.nav-user-info{align-items:center;gap:6px;display:flex}.nav-user-name{color:#fff;font-size:11px;font-weight:800}.nav-user-id-badge{color:var(--rail-amber);letter-spacing:.5px;background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:800}.btn-nav-user-logout{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:2px;transition:all .15s;display:flex}.btn-nav-user-logout:hover{color:#ff8a8a;background:#ef3b2d33}.btn-nav-google-login{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:800;transition:all .15s;display:flex;box-shadow:0 1px 3px #0003}.btn-nav-google-login:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 8px #fff3}.hero-user-strip{justify-content:center;margin:12px 0 16px;display:flex}.hero-user-pill{background:#071321e6;border:1px solid #ef3b2d59;border-radius:30px;align-items:center;gap:12px;padding:6px 18px 6px 8px;display:flex;box-shadow:0 4px 20px #0006,0 0 20px #ef3b2d1f}.hero-user-pic{border:2px solid var(--rail-red);border-radius:50%;width:32px;height:32px}.hero-user-details{text-align:left;flex-direction:column;display:flex}.hero-user-title{color:var(--text-primary);font-size:12px}.hero-user-id-tag{color:var(--rail-amber);letter-spacing:.5px;font-size:11px;font-weight:800}.hero-user-count{color:var(--text-secondary);border-left:1px solid #ffffff1f;align-items:center;gap:5px;padding-left:12px;font-size:11px;display:flex}.hero-guest-pill{background:#ff8a1f14;border:1px solid #ff8a1f40;border-radius:30px;align-items:center;gap:12px;padding:6px 16px;display:flex}.guest-info{color:var(--text-secondary);align-items:center;gap:8px;font-size:11px;display:flex}.guest-info strong{color:var(--rail-amber)}.btn-hero-google-login{color:#1e293b;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:800;transition:all .15s;display:flex}.btn-hero-google-login:hover{background:#f8fafc;box-shadow:0 2px 6px #00000040}.card-price-badge{letter-spacing:.4px;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:800;display:flex}.card-price-badge.free{color:#34d399;background:#10b98133;border:1px solid #10b98166}.card-price-badge.paid{color:var(--rail-amber);background:#ff8a1f33;border:1px solid #ff8a1f66}.card-price-badge.unlocked{color:#34d399;background:#10b98133;border:1px solid #10b98173}.template-card-locked{border-color:#ffbe0b40}.btn-store-primary.btn-store-buy{color:#111;background:linear-gradient(135deg,#f59e0b,#d97706);font-weight:800}.btn-store-primary.btn-store-buy:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 10px #f59e0b66}.template-locked-warning-box{border-radius:var(--radius-sm);background:#eab30814;border:1px solid #eab30859;margin-bottom:12px;padding:12px}.lock-header{color:var(--rail-yellow);align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.lock-desc{color:var(--text-secondary);margin:6px 0 10px;font-size:11px;line-height:1.4}.btn-unlock-big{color:#111;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#eab308,#ca8a04);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:12px;font-weight:800;transition:all .15s;display:flex;box-shadow:0 2px 8px #eab30840}.btn-unlock-big:hover{background:linear-gradient(135deg,#facc15,#eab308);transform:translateY(-1px);box-shadow:0 4px 12px #eab30866}.canvas-locked-banner{border-radius:var(--radius-sm);background:#eab3081f;border:1px solid #eab30859;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 14px;display:flex}.locked-banner-left{color:var(--text-primary);align-items:center;gap:8px;font-size:12px;display:flex}.btn-unlock-banner{background:var(--rail-yellow);color:#111;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:800;transition:all .15s;display:flex}.btn-unlock-banner:hover{background:#facc15;transform:scale(1.03)}.google-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background-color:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.google-auth-card{color:#202124;background:#fff;border-radius:12px;width:100%;max-width:440px;padding:28px;animation:.2s ease-out modalPop;position:relative;box-shadow:0 10px 30px #0006}.google-card-header{text-align:center;margin-bottom:20px}.google-card-title{color:#202124;margin:10px 0 4px;font-size:1.25rem;font-weight:600}.google-card-sub{color:#5f6368;font-size:.85rem}.google-account-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.google-account-item{cursor:pointer;text-align:left;background:#fff;border:1px solid #dadce0;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.google-account-item:hover{background:#f8f9fa;border-color:#4285f4}.google-avatar-img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:36px;height:36px}.google-account-info{flex:1}.google-account-name{color:#202124;font-size:13px;font-weight:600}.google-account-email{color:#5f6368;font-size:11px}.google-account-uid{color:#1a73e8;background:#e8f0fe;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.purchase-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#000c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.purchase-modal-card,.checkout-modal-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#fff;background:linear-gradient(145deg,#0c1524f5,#05070bfa);border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:480px;padding:24px;animation:.2s ease-out modalPop;display:flex;position:relative;box-shadow:0 25px 80px #000000b3,0 0 40px #ef3b2d26}.google-auth-card{color:#fff;background:#0f1624;border:1px solid #ffffff29;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:440px;padding:28px 24px;animation:.2s ease-out modalPop;display:flex;position:relative;box-shadow:0 20px 60px #000000bf}.google-card-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.google-logo{margin-bottom:4px}.google-title{color:#fff;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.google-subtitle{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.google-subtitle strong{color:#fff}.google-auth-form{flex-direction:column;gap:14px;display:flex}.google-input-group{text-align:left;flex-direction:column;gap:6px;display:flex}.google-input-group label{color:var(--text-secondary);font-size:12px;font-weight:700}.google-input-group input{color:#fff;background:#0006;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:10px 14px;font-size:13px;transition:all .15s}.google-input-group input:focus{background:#0009;border-color:#4285f4;box-shadow:0 0 0 3px #4285f440}.user-id-preview-box{color:var(--text-secondary);background:#00b4d81a;border:1px solid #00b4d840;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.user-id-preview-box strong{color:var(--rail-accent)}.btn-google-signin{color:#1f1f1f;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:12px 16px;font-size:14px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 8px #0000004d}.btn-google-signin:hover{background:#f1f3f4;transform:translateY(-1px);box-shadow:0 4px 12px #0006}.demo-accounts-row{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.demo-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.demo-pills{gap:8px;display:flex}.btn-demo-pill{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;flex:1;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s}.btn-demo-pill:hover{border-color:var(--rail-accent);color:#fff;background:#00b4d833}.google-footer-security{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.checkout-header{flex-direction:column;gap:4px;display:flex}.checkout-badge{color:#ffb703;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.checkout-item-preview{background:#00000059;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.item-preview-thumb{background-position:50%;background-size:cover;border:1px solid #ffffff26;border-radius:6px;flex-shrink:0;width:50px;height:50px}.item-preview-info{flex-direction:column;flex:1;gap:2px;display:flex}.item-name-bold{color:#fff;font-size:13px;font-weight:700}.item-cat-tag{color:var(--text-secondary);font-size:11px}.item-specs{color:var(--text-muted);font-size:10px}.item-price-pill{color:#ffb703;background:#ffb7031f;border:1px solid #ffb7034d;border-radius:8px;padding:4px 10px;font-size:16px;font-weight:800}.purchase-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.purchase-header h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:1.15rem;display:flex}.btn-close-modal{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:all .15s;display:flex}.btn-close-modal:hover{color:#fff;background:#ffffff1a}.purchase-summary-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:16px;padding:14px}.purchase-item-row{justify-content:space-between;align-items:center;display:flex}.purchase-item-title{color:var(--text-primary);font-size:13px;font-weight:700}.purchase-item-cat{color:var(--text-muted);font-size:11px}.purchase-price-tag{color:var(--rail-yellow);font-size:1.25rem;font-weight:800}.purchase-user-banner{border-radius:var(--radius-sm);background:#00b4d814;border:1px solid #00b4d840;align-items:center;gap:10px;margin-bottom:16px;padding:10px 12px;display:flex}.purchase-user-banner img{border-radius:50%;width:28px;height:28px}.btn-complete-purchase{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:13px;font-weight:800;transition:all .15s;display:flex;box-shadow:0 4px 12px #22c55e4d}.btn-complete-purchase:hover{background:linear-gradient(135deg,#4ade80,#22c55e);transform:translateY(-1px);box-shadow:0 6px 16px #22c55e73}.cf-store-highlight-card{border-radius:var(--radius-sm);background:linear-gradient(135deg,#7038e81f,#00b4d814);border:1px solid #7038e859;margin-bottom:14px;padding:10px 14px}.cf-highlight-badge{align-items:center;gap:8px;margin-bottom:4px;display:flex}.cf-logo-text-small{color:#fff;letter-spacing:-.5px;font-size:15px;font-weight:900}.option-cf-brand{color:#fff;letter-spacing:-.3px;font-size:13px;font-weight:800}.cf-active-option{background-color:#7038e826!important;border-color:#7038e8!important}.btn-pay-cashfree-main{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#7038e8,#5324b8);border:1px solid #fff3;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:13px;font-weight:800;transition:all .15s;display:flex;box-shadow:0 4px 14px #7038e866}.btn-pay-cashfree-main:hover{background:linear-gradient(135deg,#824df0,#612bc7);transform:translateY(-1px);box-shadow:0 6px 18px #7038e88c}.cf-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background-color:#060a14d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cf-modal-card{color:#fff;background:#0f1624;border:1px solid #7038e859;border-radius:12px;width:100%;max-width:490px;animation:.2s ease-out modalPop;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000b3}.cf-btn-close{color:var(--text-muted);cursor:pointer;z-index:10;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;position:absolute;top:12px;right:12px}.cf-btn-close:hover{color:#ff758f;background:#e6394633}.cf-header{background:linear-gradient(#161f33,#0f1624);border-bottom:1px solid #ffffff14;padding:18px 20px 14px}.cf-brand-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cf-logo-box{align-items:center;gap:6px;display:flex}.cf-logo-text{color:#fff;letter-spacing:-.5px;font-size:1.25rem;font-weight:900}.cf-logo-free{color:#00b4d8}.cf-payments-pill{color:#fff;letter-spacing:.5px;background:#7038e8;border-radius:10px;padding:1px 6px;font-size:9px;font-weight:800}.cf-env-pill{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:700;display:flex}.cf-status-dot{border-radius:50%;width:6px;height:6px}.cf-status-dot.sandbox{background-color:var(--rail-yellow);box-shadow:0 0 6px #ffbe0bcc}.cf-status-dot.production{background-color:var(--rail-green);box-shadow:0 0 6px #22c55ecc}.cf-order-summary-strip{background:#00000040;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.cf-merchant-meta{flex-direction:column;display:flex}.cf-merchant-name{color:#fff;font-size:12px;font-weight:700}.cf-order-id{color:var(--text-muted);font-family:monospace;font-size:10px}.cf-amount-badge{align-items:baseline;gap:2px;display:flex}.cf-amount-badge .cf-cur{color:var(--rail-yellow);font-size:13px;font-weight:700}.cf-amount-badge .cf-num{color:#fff;font-size:1.4rem;font-weight:900}.cf-customer-bar{background:#00b4d80d;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:10px 20px;display:flex}.cf-customer-avatar{background:#7038e8;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.cf-customer-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.cf-customer-info{flex-direction:column;flex:1;display:flex}.cf-customer-info strong{color:#fff;font-size:12px}.cf-customer-info small{color:var(--text-muted);font-size:10px}.cf-user-id-badge{color:var(--rail-accent);background:#00b4d826;border:1px solid #00b4d84d;border-radius:12px;padding:2px 7px;font-size:10px;font-weight:800}.cf-tabs{background:#0003;border-bottom:1px solid #ffffff14;display:flex}.cf-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 8px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.cf-tab:hover{color:#fff;background:#ffffff05}.cf-tab.active{color:#fff;background:#7038e814;border-bottom-color:#7038e8}.cf-tab-pane{padding:18px 20px}.cf-upi-qr-card{background:#0000004d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:16px;padding:14px;display:flex}.cf-qr-box{background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.cf-qr-svg{color:#111}.cf-qr-overlay-logo{color:#fff;background:#7038e8;border:2px solid #fff;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:900;position:absolute}.cf-qr-info{flex-direction:column;display:flex}.cf-qr-heading{color:#fff;font-size:13px;font-weight:800}.cf-qr-sub{color:var(--text-muted);margin:2px 0 8px;font-size:11px}.cf-upi-apps-row{flex-wrap:wrap;gap:4px;display:flex}.cf-app-chip{color:var(--text-primary);background:#ffffff14;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.cf-divider-or{text-align:center;margin:14px 0 10px;position:relative}.cf-divider-or:before{content:"";background:#ffffff14;height:1px;position:absolute;top:50%;left:0;right:0}.cf-divider-or span{color:var(--text-muted);letter-spacing:.5px;background:#0f1624;padding:0 8px;font-size:10px;font-weight:800;position:relative}.cf-vpa-input-box label{color:var(--text-secondary);margin-bottom:6px;font-size:11px;display:block}.cf-input-btn-row{gap:8px;display:flex}.cf-input{color:#fff;background:#00000059;border:1px solid #ffffff26;border-radius:6px;outline:none;width:100%;padding:9px 12px;font-size:12px;transition:all .15s}.cf-input:focus{border-color:#7038e8;box-shadow:0 0 8px #7038e866}.cf-btn-submit{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7038e8,#5324b8);border:none;border-radius:6px;padding:9px 16px;font-size:12px;font-weight:800;transition:all .15s}.cf-btn-submit:hover{background:linear-gradient(135deg,#824df0,#612bc7);box-shadow:0 4px 12px #7038e866}.cf-card-form{flex-direction:column;gap:12px;display:flex}.cf-form-group{flex-direction:column;gap:4px;display:flex}.cf-form-group label{color:var(--text-secondary);font-size:11px;font-weight:600}.cf-input-with-brand{position:relative}.cf-card-brand-badge{color:#fff;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:900;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.cf-card-brand-badge.visa{color:#fff;background:#1a1f71}.cf-card-brand-badge.mastercard{color:#fff;background:#eb001b}.cf-card-brand-badge.rupay{color:#fff;background:#00796b}.cf-form-row{gap:12px;display:flex}.cf-field-label{color:var(--text-secondary);margin-bottom:8px;font-size:11px;display:block}.cf-banks-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cf-bank-card{text-align:center;cursor:pointer;color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;transition:all .15s;display:flex}.cf-bank-card strong{color:var(--rail-amber);font-size:12px}.cf-bank-card small{color:var(--text-muted);font-size:9px}.cf-bank-card:hover{background:#7038e814;border-color:#7038e8}.cf-bank-card.active{background:#7038e833;border-color:#7038e8;box-shadow:0 0 8px #7038e84d}.cf-test-box{text-align:center;padding:10px}.cf-test-icon{width:50px;height:50px;color:var(--rail-yellow);background:#ffbe0b26;border:1px solid #ffbe0b59;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 10px;display:flex}.cf-test-box h4{color:#fff;margin:0 0 6px;font-size:14px}.cf-test-box p{color:var(--text-secondary);margin:0 0 14px;font-size:11px}.cf-test-details{color:var(--text-secondary);text-align:left;background:#0000004d;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;gap:4px;margin-bottom:16px;padding:10px;font-size:11px;display:flex}.cf-test-details strong{color:#fff}.cf-btn-instant-pay{color:#111;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:11px;font-size:13px;font-weight:800;transition:all .15s;display:flex}.cf-btn-instant-pay:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #f59e0b66}.cf-footer-trust{background:#00000059;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.cf-trust-item{color:var(--text-muted);align-items:center;gap:6px;font-size:10px;display:flex}.cf-trust-icon{color:var(--rail-green)}.cf-processing-view{text-align:center;padding:40px 24px}.cf-spinner{border:3px solid #7038e833;border-top-color:#7038e8;border-radius:50%;width:44px;height:44px;margin:0 auto 16px;animation:.8s linear infinite spin}.cf-processing-view h3{color:#fff;margin:0 0 6px;font-size:1.15rem}.cf-step-text{color:var(--rail-accent);margin:0 0 16px;font-size:12px}.cf-processing-meta{color:var(--text-muted);justify-content:center;gap:16px;margin-bottom:12px;font-size:11px;display:flex}.cf-receipt-container{text-align:center;padding:30px 24px 20px}.cf-receipt-badge{justify-content:center;margin-bottom:12px;display:flex}.cf-success-circle{border:2px solid var(--rail-green);width:58px;height:58px;color:var(--rail-green);background:#22c55e26;border-radius:50%;justify-content:center;align-items:center;animation:.3s ease-out bounceIn;display:flex}.cf-receipt-title{color:#fff;margin:0 0 4px;font-size:1.3rem}.cf-receipt-subtitle{color:var(--text-muted);margin:0 0 18px;font-size:11px}.cf-receipt-slip{text-align:left;background:#00000059;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:8px;margin-bottom:18px;padding:14px 16px;display:flex}.cf-receipt-row{justify-content:space-between;align-items:center;font-size:11px;display:flex}.cf-slip-label{color:var(--text-muted)}.cf-slip-value{color:#fff;font-weight:600}.cf-code{color:var(--rail-accent);font-family:monospace}.cf-user-id{color:#4ade80;font-weight:800}.cf-receipt-total-row{border-top:1px dashed #ffffff1f;margin-top:4px;padding-top:8px}.cf-slip-price{color:var(--rail-yellow);font-size:1.15rem;font-weight:900}.cf-receipt-actions{gap:10px;margin-bottom:14px;display:flex}.cf-btn-open-editor{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:6px;flex:2;justify-content:center;align-items:center;gap:6px;padding:11px;font-size:12px;font-weight:800;transition:all .15s;display:flex}.cf-btn-open-editor:hover{background:linear-gradient(135deg,#4ade80,#22c55e);transform:translateY(-1px)}.cf-btn-print{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12px;transition:all .15s;display:flex}.cf-btn-print:hover{background:#ffffff26}.cf-security-seal{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.cf-settings-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background-color:#000c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cf-settings-card{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid #7038e859;width:100%;max-width:540px;animation:.2s ease-out modalPop;overflow:hidden;box-shadow:0 20px 50px #000000b3}.cf-settings-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.cf-settings-title-group{align-items:center;gap:12px;display:flex}.cf-settings-logo{background:#7038e826;border:1px solid #7038e859;border-radius:6px;padding:3px 8px;font-size:1.1rem;font-weight:900}.cf-settings-header h2{color:var(--text-primary);margin:0;font-size:1.1rem}.cf-settings-tabs{border-bottom:1px solid var(--border-color);background:var(--bg-primary);display:flex}.cf-settings-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;font-weight:700;display:flex}.cf-settings-tab.active{color:#fff;background:#7038e814;border-bottom-color:#7038e8}.cf-settings-form{flex-direction:column;gap:14px;padding:20px;display:flex}.cf-gateway-status-strip{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.cf-gateway-status-strip .status-info{align-items:center;gap:8px;font-size:12px;display:flex}.status-indicator{border-radius:50%;width:8px;height:8px}.status-indicator.active{background:var(--rail-green);box-shadow:0 0 6px #22c55ecc}.status-indicator.inactive{background:var(--rail-red)}.env-tag{border-radius:10px;padding:2px 7px;font-size:10px;font-weight:800}.env-tag.sandbox{color:var(--rail-yellow);background:#ffbe0b26}.env-tag.production{color:var(--rail-green);background:#22c55e26}.cf-env-selector{flex-direction:column;gap:8px;margin-top:6px;display:flex}.env-option{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.env-option:hover{background:var(--bg-hover)}.env-option.selected{background:#7038e814;border-color:#7038e8}.env-option div strong{color:var(--text-primary);font-size:12px;display:block}.env-option div small{color:var(--text-muted);font-size:11px;display:block}.cf-save-banner{color:var(--rail-green);border-radius:var(--radius-sm);background:#22c55e26;border:1px solid #22c55e66;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.cf-settings-footer{justify-content:flex-end;margin-top:6px;display:flex}.cf-tx-logs-container{max-height:380px;padding:20px;overflow-y:auto}.cf-empty-logs{text-align:center;color:var(--text-muted);padding:30px}.cf-empty-logs p{color:var(--text-secondary);margin-bottom:4px;font-weight:700}.cf-logs-list{flex-direction:column;gap:10px;display:flex}.cf-log-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:12px;display:flex}.cf-log-header{justify-content:space-between;align-items:flex-start;display:flex}.cf-log-main{flex-direction:column;display:flex}.cf-log-tpl{color:var(--text-primary);font-size:13px;font-weight:700}.cf-log-uid{color:var(--rail-accent);font-size:11px}.cf-log-amount{color:var(--rail-yellow);font-size:14px;font-weight:800}.cf-log-meta{color:var(--text-muted);flex-wrap:wrap;gap:12px;font-size:10px;display:flex}.cf-log-meta code{color:var(--rail-amber)}.checkout-modal-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#f8fafc;background:linear-gradient(145deg,#0c1524f5,#05070bfa);border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:580px;max-height:90vh;padding:24px;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 80px #000000d9,0 0 35px #ef3b2d26}.checkout-header{border-bottom:1px solid #ffffff14;padding-bottom:12px}.checkout-badge{color:var(--rail-yellow,#ffbe0b);text-transform:uppercase;letter-spacing:.5px;background:#ffbe0b26;border:1px solid #ffbe0b4d;border-radius:4px;align-items:center;gap:6px;margin-bottom:8px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.checkout-title{color:#fff;margin:0 0 4px;font-size:20px;font-weight:800}.checkout-subtitle{color:#94a3b8;margin:0;font-size:12px;line-height:1.4}.checkout-item-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:100px 1fr auto;align-items:center;gap:14px;padding:12px;display:grid}.checkout-item-preview{text-align:center;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;height:68px;display:flex;overflow:hidden}.preview-label{color:#ffbe0b;text-shadow:0 1px 3px #000000e6;white-space:nowrap;text-overflow:ellipsis;max-width:90px;padding:2px 4px;font-size:10px;font-weight:800;overflow:hidden}.checkout-item-details{flex-direction:column;gap:4px;min-width:0;display:flex}.checkout-item-details .item-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.item-cat-badge{color:#60a5fa;background:#3b82f633;border-radius:4px;width:fit-content;padding:2px 6px;font-size:10px;display:inline-block}.item-specs{color:#94a3b8;flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.checkout-price-box{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.price-label{color:#94a3b8;text-transform:uppercase;font-size:10px}.price-amount{color:#ffbe0b;font-size:24px;font-weight:800}.price-note{color:#64748b;font-size:10px}.checkout-account-box{background:#0f172ab3;border:1px solid #ffffff14;border-radius:10px;padding:10px 14px}.user-connected-row{align-items:center;gap:12px;display:flex}.user-avatar-circle{border:2px solid var(--rail-accent,#3b82f6)!important;background:#111927!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;display:flex!important;overflow:hidden!important}.user-avatar-circle img{-o-object-fit:cover!important;object-fit:cover!important;border-radius:50%!important;width:100%!important;max-width:42px!important;height:100%!important;max-height:42px!important;display:block!important}.user-avatar-circle span{color:#60a5fa;font-size:16px;font-weight:800}.user-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-info .user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.user-info .user-email{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.user-id-pill{color:#4ade80;white-space:nowrap;background:#22c55e1f;border:1px solid #22c55e59;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.user-connect-prompt{justify-content:space-between;align-items:center;gap:12px;display:flex}.user-connect-prompt .prompt-text{flex-direction:column;display:flex}.user-connect-prompt .prompt-text strong{color:#ffbe0b;font-size:13px}.user-connect-prompt .prompt-text small{color:#94a3b8;font-size:11px}.btn-google-connect{color:#1e293b;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .15s}.btn-google-connect:hover{background:#f1f5f9;transform:translateY(-1px)}.cf-store-highlight-card{background:linear-gradient(135deg,#00b4d814 0%,#7038e814 100%);border:1px solid #00b4d840;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.cf-highlight-badge{flex-direction:column;flex-shrink:0;align-items:flex-start;display:flex}.cf-logo-text-small{letter-spacing:-.5px;color:#fff;font-size:15px;font-weight:900}.cf-pill-mini{color:var(--rail-amber);letter-spacing:.5px;background:#ff8a1f26;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:800}.cf-highlight-desc{color:#cbd5e1;margin:0;font-size:11px;line-height:1.35}.payment-methods-box{flex-direction:column;gap:8px;display:flex}.section-label{color:#94a3b8;font-size:12px;font-weight:600}.payment-options-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.payment-option-card{cursor:pointer;color:#94a3b8;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.payment-option-card:hover{color:#fff;background:#ffffff14;border-color:#fff3}.payment-option-card.active{color:#fff;background:#3b82f626;border-color:#3b82f6}.payment-option-card.cf-active-option{border-color:var(--rail-red);color:#fff;background:#ef3b2d26;box-shadow:0 0 15px #ef3b2d40}.option-cf-brand{color:#fff;font-size:14px;font-weight:900}.features-included-list{background:#ffffff05;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.feature-item{color:#cbd5e1;align-items:center;gap:8px;font-size:11px;display:flex}.checkout-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.total-summary{flex-direction:column;display:flex}.total-summary span{color:#94a3b8;font-size:11px}.total-summary strong{color:var(--rail-amber);font-size:22px;font-weight:800}.btn-pay-cashfree-main{background:linear-gradient(135deg, var(--rail-red) 0%, var(--rail-amber) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 0 25px #ef3b2d66}.btn-pay-cashfree-main:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 0 32px #ef3b2d99}.btn-pay-unlock{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e63946 0%,#c1121f 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-pay-unlock:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 14px #e6394666}.checkout-security-notice{color:#64748b;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.checkout-success-view{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:30px 10px;display:flex}.success-icon-bounce{animation:.6s bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-modal-card{color:#f1f5f9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#090e17;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:18px;width:100%;max-width:440px;padding:24px;display:flex;position:relative;box-shadow:0 25px 60px #000000e6}.auth-header{text-align:center;padding-bottom:4px}.auth-logo-badge{color:#fff;background:linear-gradient(135deg,#e63946 0%,#9d0208 100%);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:10px;display:inline-flex;box-shadow:0 0 16px #e6394666}.auth-title{color:#fff;letter-spacing:-.3px;margin:0 0 4px;font-size:19px;font-weight:800}.auth-subtitle{color:#94a3b8;margin:0;font-size:12px;line-height:1.4}.auth-tabs-row{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;padding:3px;display:flex}.auth-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.auth-tab-btn.active{color:#fff;background:#e63946;box-shadow:0 2px 10px #e6394680}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-field-group{flex-direction:column;gap:5px;display:flex}.auth-field-group label{color:#cbd5e1;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.auth-input-container{align-items:center;display:flex;position:relative}.auth-input-container .field-icon{color:#64748b;pointer-events:none;position:absolute;left:12px}.auth-input{color:#fff;background:#00000073;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:10px 12px 10px 38px;font-size:13px;transition:all .15s}.auth-input:focus{background:#000000a6;border-color:#e63946;outline:none;box-shadow:0 0 0 2px #e6394640}.auth-input.has-toggle{padding-right:38px}.auth-pwd-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:10px}.auth-pwd-toggle:hover{color:#cbd5e1}.auth-uid-badge{color:#93c5fd;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.auth-uid-badge strong{color:#60a5fa;letter-spacing:.5px}.auth-btn-submit{color:#fff;cursor:pointer;background:#e63946;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:11px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #e6394666}.auth-btn-submit:hover:not(:disabled){background:#d90429;transform:translateY(-1px)}.auth-btn-submit:disabled{opacity:.6;cursor:not-allowed}.auth-divider{color:#64748b;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:10px;font-size:10px;font-weight:700;display:flex}.auth-divider span{background:#ffffff1a;flex:1;height:1px}.btn-google-auth{color:#1e293b;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.btn-google-auth:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff26}.auth-alert-msg{border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.auth-alert-msg.error{color:#fca5a5;background:#ef444426;border:1px solid #ef444459}.auth-alert-msg.success{color:#86efac;background:#22c55e26;border:1px solid #22c55e59}.auth-quick-accounts{border-top:1px solid #ffffff14;flex-direction:column;gap:6px;padding-top:10px;display:flex}.auth-quick-accounts-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.auth-quick-pills{gap:6px;display:flex}.auth-pill-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;padding:4px 8px;font-size:11px;transition:all .15s}.auth-pill-btn:hover{color:#fff;background:#ffffff1f}.auth-footer-security{color:#64748b;justify-content:center;align-items:center;gap:6px;margin-top:-4px;font-size:11px;display:flex}