@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;background:#f0f2f5;flex-direction:column;height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.hidden{display:none!important}.snapshot-error-banner{color:#991b1b;text-align:center;z-index:100;background:#fef2f2;border:1px solid #fecaca;padding:8px 16px;font-size:13px;font-weight:500}.top-bar{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex}.top-bar-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.top-bar-back-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:4px;padding:5px 12px 5px 8px;font-family:inherit;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.top-bar-back-btn:hover{background:#e5e7eb;border-color:#d1d5db}.top-bar-back-btn.hidden{display:none}.app-logo{background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.top-bar-controls{align-items:center;gap:8px;display:flex}.top-bar-controls label{color:#6b7280;font-size:12px;font-weight:500}.top-bar-controls select{color:#1f2937;cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:13px}.top-bar-controls select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f626}.top-bar-divider{background:#e5e7eb;width:1px;height:24px;margin:0 4px}.btn-icon{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .12s;display:flex}.btn-icon:hover:not(:disabled){color:#1f2937;background:#f3f4f6}.btn-icon:disabled{color:#d1d5db;cursor:default}.top-bar-title{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.top-bar-pages{align-items:center;gap:8px;display:flex}.top-bar-pages label{color:#6b7280;font-size:12px;font-weight:500}.top-bar-pages select{color:#1f2937;cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:13px}.top-bar-center{flex:1;justify-content:center;align-items:center;display:flex}.shape-picker{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:2px;padding:3px 8px;display:flex}.shape-picker-label{color:#6b7280;white-space:nowrap;margin-right:4px;font-size:11px}.shape-picker-scroll{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d1d5db transparent;align-items:center;gap:2px;max-width:274px;display:flex;overflow:auto hidden}.shape-picker-scroll::-webkit-scrollbar{height:4px}.shape-picker-scroll::-webkit-scrollbar-track{background:0 0}.shape-picker-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.shape-picker-scroll::-webkit-scrollbar-thumb:hover{background:#9ca3af}.shape-pick-btn{color:#6b7280;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:5px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.shape-pick-btn:hover{color:#374151;background:#e5e7eb}.shape-pick-btn.active{color:#4f46e5;background:#eef2ff;border-color:#4f46e5}.top-bar-right{align-items:center;gap:6px;display:flex}.btn-top{color:#374151;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .12s}.btn-top:hover{background:#e5e7eb}.btn-top:disabled{opacity:.4;cursor:not-allowed}.btn-top.accent{color:#fff;background:#3b82f6;border-color:#3b82f6}.btn-top.accent:hover{background:#2563eb}.btn-top.accent.saved{background:#16a34a;border-color:#16a34a}.btn-top.accent.saved:hover{background:#15803d}.btn-top.accent:disabled{background:#93c5fd;border-color:#93c5fd}.btn-top.btn-new-template{color:#fff;background:#dc2626;border-color:#dc2626;font-weight:600}.btn-top.btn-new-template:hover{background:#b91c1c}.export-dropdown{display:inline-flex;position:relative}.export-dropdown-full{align-items:center;gap:6px;display:inline-flex}.export-dropdown-menu{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:200px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.export-dropdown-item{color:#1f2937;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;display:flex}.export-dropdown-item:hover{background:#f3f4f6}.export-hint{color:#9ca3af;margin-left:auto;font-size:11px}.modal-backdrop{z-index:9000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog{background:#fff;border-radius:12px;min-width:340px;padding:28px 32px;box-shadow:0 8px 30px #0003}.modal-dialog h3{color:#1a1a2e;margin:0 0 20px;font-size:18px;font-weight:600}.modal-dialog label{color:#555;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.modal-input,.modal-select{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;margin-bottom:16px;padding:8px 10px;font-size:14px}.modal-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.btn-modal{cursor:pointer;border:1px solid #d1d5db;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:500}.btn-modal.cancel{color:#555;background:#fff}.btn-modal.cancel:hover{background:#f3f4f6}.btn-modal.confirm{color:#fff;background:#dc2626;border-color:#dc2626}.btn-modal.confirm:hover{background:#b91c1c}.btn-modal.confirm:disabled{cursor:not-allowed;background:#9ca3af;border-color:#9ca3af}.image-swap-dialog{flex-direction:column;width:90vw;max-width:720px;max-height:80vh;display:flex}.image-swap-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.image-swap-header h3{margin:0}.image-swap-close{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:4px 8px;font-size:24px}.image-swap-close:hover{color:#1f2937}.image-swap-body{flex:1;min-height:200px;max-height:50vh;overflow-y:auto}.image-swap-filters{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:0 4px 12px;display:flex}.image-swap-filters-label{letter-spacing:.05em;text-transform:uppercase;color:#6b7280;font-size:11px}.image-swap-filter-buttons{flex-wrap:wrap;gap:8px;display:flex}.image-swap-filter{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:5px 12px;font-size:12px}.image-swap-filter.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.image-swap-grid{padding:4px}.image-swap-section-label{color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;margin-bottom:8px;padding:8px 0 4px;font-size:12px;font-weight:700}.image-swap-section-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:12px;display:grid}.image-swap-empty{color:#9ca3af;text-align:center;grid-column:1/-1;padding:8px 0;font-size:13px}.image-swap-thumb.checkerboard-thumb{background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.image-swap-thumb{aspect-ratio:4/3;cursor:pointer;border:2px solid #0000;border-radius:6px;transition:border-color .15s;position:relative;overflow:hidden}.image-swap-thumb:hover{border-color:#93c5fd}.image-swap-thumb.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.image-swap-thumb img{object-fit:cover;width:100%;height:100%}.image-swap-thumb-label{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#00000080;padding:2px 6px;font-size:10px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.image-swap-preview{text-align:center;margin-top:12px}.image-swap-preview img{border-radius:6px;max-height:200px}.el-change-image-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .12s;display:inline-flex}.el-change-image-btn:hover{background:#e5e7eb}.workspace{flex:1;min-height:0;display:flex}.icon-rail{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;align-items:center;gap:2px;width:68px;min-width:68px;padding-top:8px;display:flex;overflow-y:auto}.rail-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:3px;width:60px;padding:10px 4px 8px;font-family:inherit;font-size:10px;font-weight:500;transition:all .12s;display:flex}.rail-btn:hover{color:#1f2937;background:#f3f4f6}.rail-btn.active{color:#3b82f6;background:#eff6ff}.rail-btn span{line-height:1}.side-panel{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:0;min-width:0;transition:width .2s,min-width .2s;display:flex;overflow:hidden}.side-panel.open{width:320px;min-width:320px}.side-panel.collapsed{width:0;min-width:0;overflow:hidden}.side-panel-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-width:320px;padding:14px 16px;display:flex}.side-panel-header h2{color:#1f2937;font-size:15px;font-weight:600}.side-panel-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;transition:all .12s;display:flex;display:none!important}.side-panel-close:hover{color:#374151;background:#f3f4f6}.side-panel-header-actions{align-items:center;gap:2px;display:flex}.panel-collapse-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .12s;display:flex}.panel-collapse-btn:hover{color:#374151;background:#f3f4f6}.panel-edge-tab{cursor:pointer;color:#4b5563;background:#d1d5db;border:none;justify-content:center;align-self:stretch;align-items:center;width:22px;min-width:22px;transition:background .15s,color .15s;display:flex}.panel-edge-tab:hover{color:#1f2937;background:#9ca3af}.panel-edge-tab--left{border-right:1px solid #e5e7eb}.panel-edge-tab--right{border-left:1px solid #e5e7eb}.side-panel-body{flex-direction:column;flex:1;min-width:320px;min-height:0;display:flex;overflow-y:auto}.panel-content{flex:1;min-height:0;padding:12px 0}.panel-section{border-bottom:1px solid #f3f4f6;padding:12px 16px}.panel-section h3{text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;margin-bottom:10px;font-size:11px;font-weight:600}.upload-actions{align-items:center;gap:8px;display:flex}.btn-upload{color:#3b82f6;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .12s}.btn-upload:hover{background:#dbeafe;border-color:#93c5fd}.btn-upload.secondary{color:#374151;background:#f9fafb;border-color:#d1d5db}.btn-upload.secondary:hover{background:#f3f4f6}.upload-or{color:#9ca3af;font-size:11px}.paste-preview{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:10px;position:relative;overflow:hidden}.paste-preview img{object-fit:contain;width:100%;max-height:160px;padding:4px;display:block}.btn-remove-img{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;transition:background .12s;display:flex;position:absolute;top:6px;right:6px}.btn-remove-img:hover{background:#dc3232cc}.step-field-label{color:#6b7280;margin-bottom:4px;font-size:11px;font-weight:500;display:block}.template-name-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.template-name-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f626}.step-label{text-transform:uppercase;letter-spacing:.05em;color:#3b82f6;margin-bottom:4px;font-size:10px;font-weight:700}.step-format-row{gap:12px;display:flex}.step-field{flex-direction:column;flex:1;gap:4px;display:flex}.step-field label{color:#6b7280;font-size:11px;font-weight:500}.step-field select{color:#1f2937;cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:6px 8px;font-family:inherit;font-size:12px}.step-field select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f626}.gen-mode-toggle{background:#f3f4f6;border-radius:8px;gap:3px;margin-bottom:12px;padding:3px;display:flex}.btn-gen-mode{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:7px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .12s}.btn-gen-mode:hover{color:#374151}.btn-gen-mode.active{color:#1f2937;background:#fff;box-shadow:0 1px 3px #0000001a}.mode-hint{color:#6b7280;margin-bottom:12px;font-size:12px;line-height:1.5}.btn-ai-accordion{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-ai-accordion:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 2px 8px #6366f14d}.btn-ai-accordion.open{border-radius:10px 10px 0 0}.btn-ai-accordion .ai-sparkle{flex-shrink:0}.btn-ai-accordion .ai-chevron{flex-shrink:0;margin-left:auto;transition:transform .2s}.btn-ai-accordion.open .ai-chevron{transform:rotate(180deg)}.ai-accordion-body{background:#fafafa;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 10px 10px;padding:16px}.ai-accordion-section,.ai-accordion-section:last-of-type{margin-bottom:16px}.ai-accordion-label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.ai-optional{color:#9ca3af;font-weight:400}.ai-accordion-checkbox{color:#374151;cursor:pointer;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:500;display:flex}.ai-accordion-checkbox input[type=checkbox]{cursor:pointer;width:14px;height:14px;margin:0}.btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;width:100%;margin-top:8px;padding:10px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{cursor:not-allowed;background:#93c5fd}.btn-link-muted{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:12px;transition:color .12s}.btn-link-muted:hover{color:#ef4444}.btn-accent{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-self:flex-end;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s}.btn-accent:hover{background:#2563eb}.btn-accent:disabled{cursor:not-allowed;background:#93c5fd}.btn-small{color:#6b7280;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:11px;transition:all .12s}.btn-small:hover{color:#374151;background:#e5e7eb}.preset-select{color:#1f2937;cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:10px;padding:9px 12px;font-family:inherit;font-size:13px}.preset-select:focus{border-color:#3b82f6;outline:none}.description-textarea{color:#1f2937;resize:vertical;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:100px;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.5}.description-textarea::placeholder{color:#9ca3af}.description-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.template-list{flex-direction:column;gap:6px;max-height:calc(100vh - 200px);padding:0 16px;display:flex;overflow-y:auto}.template-empty{color:#9ca3af;text-align:center;padding:20px 8px;font-size:12px}.template-card{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:all .12s;display:flex}.template-card:hover{background:#eff6ff;border-color:#bfdbfe}.template-card-thumb{object-fit:cover;background:#e5e7eb;border-radius:4px;flex-shrink:0;width:44px;height:44px}.template-card-info{flex:1;min-width:0}.template-card-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.template-card-meta{color:#9ca3af;margin-top:2px;font-size:11px}.template-card-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.template-card-reorder{flex-direction:column;gap:1px;display:flex}.reorder-btn{color:#c0c5cc;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:20px;height:16px;padding:0;transition:all .12s;display:flex}.reorder-btn:hover{color:#374151;background:#e5e7eb}.template-card-menu-wrap{flex-shrink:0;position:relative}.template-card-menu-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .12s;display:flex}.template-card-menu-btn:hover{color:#374151;background:#f3f4f6}.template-card-menu{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:130px;padding:4px 0;position:fixed;box-shadow:0 4px 16px #0000001f}.template-menu-item{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 14px;font-size:13px;transition:background .1s;display:block}.template-menu-item:hover{background:#f3f4f6}.template-menu-delete{color:#ef4444}.template-menu-delete:hover{background:#fef2f2}.template-panel-footer{border-top:1px solid #e5e7eb;padding:12px 16px}.template-panel-footer-divider{display:none}.btn-template-new{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;width:100%;padding:10px 0;font-size:13px;font-weight:600;transition:background .15s}.btn-template-new:hover{background:#dc2626}.right-panel{background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;width:280px;min-width:280px;transition:width .2s,min-width .2s;display:flex;overflow:hidden}.right-panel.hidden{border-left:none;width:0;min-width:0;overflow:hidden}.right-panel.collapsed{width:0;min-width:0;overflow:hidden}.right-panel-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-width:280px;padding:14px 16px;display:flex}.right-panel-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.right-panel-body{flex:1;min-width:280px;padding:12px;overflow-y:auto}.right-panel-hint{color:#9ca3af;margin:0 0 12px;font-size:12px}.right-panel-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.right-panel-thumb{cursor:pointer;border:2px solid #e5e7eb;border-radius:8px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.right-panel-thumb:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.right-panel-thumb.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.right-panel-thumb img{width:100%;display:block}.right-panel-thumb-placeholder{background:#f3f4f6;height:60px}.right-panel-thumb-label{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;padding:4px 6px;font-size:10px;overflow:hidden}.right-panel-thumb-canvas{background:#f8fafc;justify-content:center;align-items:center;min-height:50px;display:flex}.right-panel-thumb-canvas img{max-width:100%;max-height:80px;display:block}.right-panel-section-label{text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;grid-column:1/-1;padding:6px 0 2px;font-size:10px;font-weight:600}.pages-filter-bar{border-bottom:1px solid #e5e7eb;gap:8px;padding:10px 16px;display:flex}.pages-filter-select{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;flex:1;padding:6px 8px;font-family:inherit;font-size:12px}.btn-back-to-pages{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:13px;font-weight:500}.btn-back-to-pages:hover{color:#2563eb;text-decoration:underline}.agent-info-hint{color:#6b7280;background:#f0f5ff;border-left:3px solid #3b82f6;border-radius:6px;margin:0 0 14px;padding:8px 10px;font-size:11.5px;line-height:1.5}.agent-info-form h3{text-transform:uppercase;letter-spacing:.08em;color:#3b82f6;margin:0 0 10px;padding:0;font-size:10px;font-weight:700}.ai-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:12px}.ai-field{flex-direction:column;margin-bottom:6px;display:flex}.ai-field:last-of-type{margin-bottom:0}.ai-field span{color:#6b7280;margin-bottom:2px;font-size:10.5px;font-weight:500}.ai-field input{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:5px;outline:none;padding:5px 8px;font-size:12.5px;transition:border-color .15s,box-shadow .15s}.ai-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.ai-field input::placeholder{color:#c4c9d2}.ai-upload-section{margin:8px 0 0}.ai-upload-label{color:#6b7280;margin-bottom:5px;font-size:10.5px;font-weight:500;display:block}.ai-upload-area{background:#fff;border:1px dashed #d1d5db;border-radius:6px;align-items:center;gap:10px;padding:8px;display:flex}.ai-upload-thumb{object-fit:cover;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;width:44px;height:44px}.ai-upload-area .btn-remove-img{flex-shrink:0;width:22px;height:22px;font-size:14px;line-height:22px;position:static}.btn-sm{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:5px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .12s}.btn-sm:hover{background:#f3f4f6;border-color:#9ca3af}.el-type-section{flex-wrap:wrap;align-items:center;display:flex;border-bottom:1px solid #e5e7eb!important;gap:8px!important;padding:10px 16px!important}.el-type-badge{color:#3b82f6;background:#eff6ff;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.el-data-badge{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:4px;padding:4px 8px 4px 10px;font-size:11px;font-weight:600;display:inline-flex}.el-data-badge.hidden{display:none}.el-data-badge svg{flex-shrink:0}.el-data-badge-clear{color:#86efac;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:2px;font-size:14px;transition:all .1s;display:flex}.el-data-badge-clear:hover{color:#16a34a;background:#dcfce7}.el-data-hint{color:#9ca3af;margin-top:6px;font-size:11px;line-height:1.4}.el-color-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.el-color-picker-label{cursor:pointer;position:relative}.el-color-input-hidden{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.el-color-preview{cursor:pointer;border:2px solid #e5e7eb;border-radius:8px;width:32px;height:32px;transition:border-color .12s;display:block}.el-color-preview:hover{border-color:#3b82f6}.el-color-hex{color:#6b7280;min-width:62px;font-family:SF Mono,Menlo,monospace;font-size:12px}.el-color-hex-input{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;flex:1;min-width:80px;padding:4px 8px;font-family:SF Mono,Menlo,monospace;font-size:13px;transition:border-color .15s}.el-color-hex-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.el-btn-no-fill{color:#9ca3af;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;transition:all .12s;display:flex}.el-btn-no-fill:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.el-btn-no-fill.active{color:#ef4444;background:#fee2e2;border-color:#ef4444}.el-colors-section{margin-bottom:12px}.el-colors-label{color:#9ca3af;margin-bottom:8px;font-size:11px;font-weight:500;display:block}.el-color-swatches{flex-wrap:wrap;gap:6px;display:flex}.el-swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;width:28px;height:28px;transition:all .1s;position:relative}.el-swatch:hover{z-index:1;border-color:#3b82f6;transform:scale(1.15)}.el-swatch.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.el-swatch.swatch-white{border-color:#e5e7eb}.font-picker{width:100%;position:relative}.font-picker-selected{cursor:pointer;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:14px;transition:border-color .15s;display:flex}.font-picker-selected:hover{border-color:#9ca3af}.font-picker-selected svg{color:#6b7280;flex-shrink:0}.font-picker-dropdown{z-index:100;background:#fff;border:1px solid #d1d5db;border-radius:8px;max-height:360px;padding:4px 0;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.font-picker-search{color:#1f2937;box-sizing:border-box;border:1px solid #d1d5db;border-radius:5px;outline:none;width:calc(100% - 16px);margin:6px 8px;padding:6px 10px;font-size:13px;display:block}.font-picker-search:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51f}.font-picker-search::placeholder{color:#9ca3af}.font-picker-category-header{letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;pointer-events:none;border-top:1px solid #f3f4f6;margin-top:2px;padding:8px 12px 4px;font-size:10px;font-weight:700}.font-picker-category:first-of-type .font-picker-category-header{border-top:none;margin-top:0}.font-picker-option{cursor:pointer;color:#1f2937;white-space:nowrap;text-overflow:ellipsis;padding:7px 12px;font-size:15px;transition:background .1s;overflow:hidden}.font-picker-option:hover{background:#f3f4f6}.font-picker-option.active{color:#2563eb;background:#eff6ff}.el-prop-row{align-items:center;gap:8px;display:flex}.el-text-editor{color:#1f2937;resize:vertical;field-sizing:content;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;width:100%;min-height:48px;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.4}.el-text-editor:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.el-group-text-item{margin-bottom:10px}.el-group-text-item:last-child{margin-bottom:0}.el-group-text-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:11px;font-weight:600}.el-text-actions{gap:6px;margin-top:6px;display:flex}.el-text-paste-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-family:inherit;font-size:12px;transition:all .12s;display:flex}.el-text-paste-btn:hover{color:#1f2937;background:#e5e7eb}.el-block-text-color{border-top:1px solid #f3f4f6;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.el-block-text-color-label{text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;white-space:nowrap;font-size:11px;font-weight:600}.el-block-text-color input[type=color]{cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:4px;width:32px;height:26px;padding:1px}.el-prop-label{color:#9ca3af;white-space:nowrap;font-size:11px}.el-prop-spacer{flex:1}.el-prop-unit{color:#9ca3af;font-size:11px}.el-num-input{color:#1f2937;text-align:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;width:56px;padding:5px 6px;font-family:inherit;font-size:12px}.el-num-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.el-range{accent-color:#3b82f6;flex:1;min-width:80px}.el-select{color:#1f2937;cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:7px 10px;font-family:inherit;font-size:13px}.el-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.el-btn-row{align-items:center;gap:4px;display:flex}.el-style-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .12s;display:flex}.el-style-btn:hover{color:#1f2937;background:#e5e7eb}.el-style-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.el-case-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;flex:1;height:28px;font-size:11px;font-weight:600;transition:all .12s}.el-case-btn:hover{color:#1f2937;background:#e5e7eb}.el-case-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.elements-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.icons-section-header{text-transform:uppercase;letter-spacing:.6px;color:#64748b;grid-column:1/-1;margin:8px 0 -2px;padding-left:2px;font-size:10px;font-weight:600}.icons-section-header:first-child{margin-top:0}.block-preset-grid{flex-direction:column;gap:10px;margin-top:8px;display:flex}.block-preset-card{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex-direction:column;transition:border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.block-preset-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61f}.block-preset-thumb{aspect-ratio:16/7;background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.block-preset-thumb img{object-fit:contain;max-width:92%;max-height:92%}.block-preset-thumb .block-preset-loading{color:#94a3b8;font-size:11px}.block-preset-info{padding:8px 10px}.block-preset-title{color:#111827;font-size:13px;font-weight:600}.block-preset-desc{color:#6b7280;margin-top:1px;font-size:11px}.block-preset-actions{opacity:0;z-index:2;gap:3px;transition:opacity .15s;display:flex;position:absolute;top:6px;right:6px}.block-preset-card:hover .block-preset-actions{opacity:1}.block-preset-actions button{cursor:pointer;color:#9ca3af;background:#ffffffd9;border:none;border-radius:4px;padding:3px 5px;line-height:1;transition:color .15s,background .15s}.block-preset-actions .block-preset-delete:hover{color:#ef4444;background:#fee2e2e6}.block-preset-actions .block-preset-duplicate:hover{color:#3b82f6;background:#dbeafee6}body.blocklib-readonly .btn-new-block,body.blocklib-readonly .btn-new-category,body.blocklib-readonly .cat-kebab,body.blocklib-readonly .block-preset-actions,body.blocklib-readonly .template-card-reorder,body.blocklib-readonly .block-preset-restore{display:none!important}body.blocklib-readonly .block-preset-title[contenteditable=true],body.blocklib-readonly .block-preset-desc[contenteditable=true]{pointer-events:none}.block-preset-title[contenteditable]:focus,.block-preset-desc[contenteditable]:focus{background:#f0f7ff;border-radius:2px;outline:1px solid #93c5fd}.block-preset-card .template-card-reorder{position:absolute;bottom:6px;right:4px}.block-preset-footer{background:#fafbfc;border-top:1px solid #f1f5f9;display:none}.block-preset-card.expanded{border-color:#6366f1;box-shadow:0 4px 14px #6366f12e}.block-preset-card.expanded .block-preset-footer{display:block}.block-preset-card.expanded .template-card-reorder{display:none}.block-preset-align-row{gap:6px;padding:10px 12px;display:flex}.block-preset-align-btn{color:#94a3b8;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;justify-content:center;align-items:center;height:30px;padding:0;transition:all .12s;display:inline-flex}.block-preset-align-btn:hover{color:#3b82f6;background:#eff6ff;border-color:#bfdbfe}.block-preset-align-btn.active{color:#4338ca;background:#eef2ff;border-color:#6366f1}.block-preset-align-btn svg{width:16px;height:16px;display:block}.block-preset-action-list{border-top:1px dashed #e2e8f0;flex-direction:column;gap:2px;padding:6px 6px 8px;display:flex}.block-preset-action-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .1s,color .1s;display:flex}.block-preset-action-item:hover{color:#4338ca;background:#eef2ff}.block-preset-action-item svg{color:#94a3b8;flex-shrink:0;width:14px;height:14px;display:block}.block-preset-action-item:hover svg{color:#6366f1}.block-preset-restore{text-align:center;color:#3b82f6;cursor:pointer;border:1px dashed #cbd5e1;border-radius:6px;margin-top:4px;padding:10px 8px;font-size:12px}.block-preset-restore:hover{background:#eff6ff;text-decoration:underline}.element-add-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s;display:flex}.icon-btn{flex-direction:row;justify-content:flex-start;gap:10px}.icon-btn .icon-preview{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid #3b82f633;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.element-add-btn:hover{color:#3b82f6;background:#eff6ff;border-color:#bfdbfe}.element-add-btn:active{transform:scale(.97)}#panelElement{flex-direction:column;display:flex}.el-order-badge{order:1}.el-order-text{order:2}.el-order-data{order:3}.el-order-fill{order:4}.el-order-border{order:5}.el-order-radius{order:6}.el-order-opacity{order:7}.el-order-darken{order:8}.el-order-angle{order:9}#elTextAccordion1{order:10}#elTextAccordion2{order:20}#elTextAccordion3{order:30}#panelElement.text-accordion-mode #elTextControls{order:11}#panelElement.text-accordion-mode #elManualCommonBody{order:21}#panelElement.text-accordion-mode #elDataFieldSection{order:31}.el-text-accordion.accordion-open{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.el-accordion-header{cursor:pointer;color:#334155;-webkit-user-select:none;user-select:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;margin:4px 0 0;padding:10px 12px;font-size:13px;font-weight:600;transition:background .12s;display:flex}.el-accordion-header:hover{background:#e2e8f0}.el-accordion-arrow{color:#94a3b8;transition:transform .2s}.el-accordion-header.accordion-open .el-accordion-arrow{transform:rotate(180deg)}.ai-edit-hint{color:#64748b;margin:0 0 8px;font-size:12px;line-height:1.4}.ai-edit-input-wrap{position:relative}.ai-edit-input-wrap textarea{padding-right:36px}.ai-mic-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;position:absolute;top:6px;right:6px}.ai-mic-btn:hover{color:#334155;background:#e2e8f0}.ai-mic-btn.ai-mic-active{color:#fff;background:#ef4444;animation:1.2s infinite ai-mic-pulse}@keyframes ai-mic-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.ai-edit-submit-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;width:100%;margin-top:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s}.ai-edit-submit-btn:hover{background:#2563eb}.ai-edit-submit-btn:disabled{cursor:wait;background:#93c5fd}.ai-edit-status{color:#64748b;min-height:18px;margin-top:6px;font-size:12px}.ai-edit-status.ai-edit-success{color:#16a34a}.ai-edit-status.ai-edit-error{color:#dc2626}.el-swatches-collapsible{opacity:1;max-height:500px;transition:max-height .2s,opacity .2s;overflow:hidden}.el-swatches-collapsible.collapsed{opacity:0;max-height:0}.el-btn-toggle-swatches{cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;transition:all .15s;display:flex}.el-btn-toggle-swatches:hover{background:#e5e7eb}.el-btn-toggle-swatches.expanded svg{transform:rotate(180deg)}.el-btn-toggle-swatches svg{transition:transform .2s}.element-add-btn svg{color:#9ca3af;transition:color .15s}.element-add-btn:hover svg{color:#3b82f6}.elements-hint{border-bottom:none}.elements-hint p{color:#9ca3af;font-size:12px;line-height:1.5}.img-placeholder-upload{display:none}.canvas-main{background:#f0f2f5;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.canvas-area{flex:1;display:flex;position:relative;overflow:hidden}.welcome-screen{background:#f0f2f5;flex:1;justify-content:center;align-items:center;display:flex}.welcome-screen.hidden{display:none}.welcome-content{text-align:center;color:#6b7280;max-width:360px}.welcome-content svg{margin-bottom:16px}.welcome-content h2{color:#374151;margin:0 0 8px;font-size:20px;font-weight:600}.welcome-content p{color:#6b7280;margin:0 0 20px;font-size:14px;line-height:1.5}.btn-welcome-new{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:4px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.btn-welcome-new:hover{background:#2563eb}.category-nav-screen{background:#f0f2f5;flex:1;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;overflow-y:auto}.category-nav-screen.hidden{display:none}.category-nav-inner{width:100%;max-width:800px}.category-nav-back{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:4px;margin-bottom:16px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.category-nav-back:hover{background:#f9fafb;border-color:#d1d5db}.category-nav-title{color:#111827;margin:0 0 4px;font-size:22px;font-weight:600}.category-nav-subtitle{color:#6b7280;margin:0 0 24px;font-size:14px}.category-nav-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.cat-nav-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px 20px;transition:all .15s;position:relative}.cat-nav-card:hover{border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f61f}.cat-nav-card.coming-soon{opacity:.55;cursor:default}.cat-nav-card.coming-soon:hover{box-shadow:none;border-color:#e5e7eb;transform:none}.cat-nav-card-icon{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:inline-flex}.cat-nav-card-label{color:#111827;margin-bottom:4px;font-size:15px;font-weight:600}.cat-nav-card-desc{color:#6b7280;font-size:12px;line-height:1.4}.cat-nav-badge{color:#6b7280;background:#f3f4f6;border-radius:20px;margin-top:8px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-block}.cat-nav-count{color:#3b82f6;margin-top:6px;font-size:12px;font-weight:600}.cat-nav-count.empty{color:#9ca3af;font-weight:400}.cat-nav-card.size-card{padding:20px}.cat-nav-size-preview{background:#e5e7eb;border:1px solid #d1d5db;border-radius:4px;margin:0 auto 12px}.cat-nav-tabs{border-bottom:2px solid #e5e7eb;gap:0;margin-bottom:16px;display:flex}.cat-nav-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.cat-nav-tab:hover{color:#374151}.cat-nav-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.cat-nav-tab-panel{min-height:100px}.cat-nav-tab-panel.hidden{display:none!important}.cat-nav-filters{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.cat-nav-filter-pill{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:4px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .12s}.cat-nav-filter-pill:hover{color:#3b82f6;background:#eff6ff;border-color:#bfdbfe}.cat-nav-filter-pill.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.cat-nav-delete-btn{color:#9ca3af;cursor:pointer;opacity:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:5px;line-height:0;transition:all .15s;position:absolute;bottom:8px;right:8px}.cat-nav-template-card:hover .cat-nav-delete-btn{opacity:1}.cat-nav-delete-btn:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.cat-nav-template-info{position:relative}.cat-nav-add-card{cursor:pointer;border:2px dashed #d1d5db;transition:all .15s}.cat-nav-add-card:hover{background:#eff6ff;border-color:#3b82f6}.cat-nav-add-card:hover .cat-nav-add-thumb svg{stroke:#3b82f6}.cat-nav-add-thumb{justify-content:center;align-items:center;display:flex;background:#f9fafb!important}.cat-nav-template-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:all .15s;overflow:hidden}.cat-nav-template-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61f}.cat-nav-template-card:has(.cat-nav-card-menu:not(.hidden)){overflow:visible}.cat-nav-template-thumb{aspect-ratio:4/3;background:#f3f4f6;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.cat-nav-template-thumb img{object-fit:contain;width:100%;height:100%}.cat-nav-template-placeholder{color:#9ca3af;font-size:12px}.cat-nav-template-info{padding:10px 12px}.cat-nav-template-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}.cat-nav-template-meta{color:#9ca3af;font-size:11px}.cat-nav-loading{text-align:center;color:#9ca3af;grid-column:1/-1;padding:40px 0;font-size:14px}.cat-nav-empty{text-align:center;color:#9ca3af;grid-column:1/-1;padding:40px 0}.cat-nav-empty p{margin:8px 0 0;font-size:14px}.cat-nav-empty-hint{color:#d1d5db!important;font-size:12px!important}.dashboard-table-wrap{padding:0 4px}.dash-summary{color:#6b7280;border-bottom:1px solid #e5e7eb;justify-content:space-between;margin-bottom:4px;padding:10px 8px;font-size:12px;display:flex}.dashboard-table{border-collapse:collapse;width:100%;font-size:12px}.dashboard-table th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;padding:6px;font-size:11px;font-weight:600}.dashboard-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:7px 6px}.dashboard-table tr:hover{background:#f9fafb}.dash-category{white-space:nowrap;font-weight:600}.dash-cat-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.dash-dot{vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.dash-dot.done{background:#22c55e}.dash-dot.pending{background:#e5e7eb}.dash-count-cell{text-align:center}.dash-count{text-align:center;border-radius:10px;min-width:20px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.dash-count.has-templates{color:#166534;background:#dcfce7}.dash-count.empty{color:#9ca3af;background:#f3f4f6}.dash-action-cell{text-align:right}.dash-go-btn{color:#3b82f6;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;padding:3px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:all .12s}.dash-go-btn:hover{background:#dbeafe;border-color:#93c5fd}.dash-coming-soon{color:#d1d5db;font-size:11px}.mode-toggle-bar{justify-content:flex-end;margin-bottom:8px;display:flex}.mode-toggle{background:#f3f4f6;border-radius:8px;gap:2px;padding:3px;display:inline-flex}.mode-toggle-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.mode-toggle-btn:hover{color:#374151}.mode-toggle-btn.active{color:#111827;background:#fff;box-shadow:0 1px 3px #0000001a}.icon-rail.hidden-by-mode,.icon-rail.off-canvas{display:none}body:not(.pt-editor-open) .icon-rail{display:none!important}.v2-browse-bar{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:center;align-items:center;height:56px;display:none;position:fixed;top:0;left:0;right:0}.v2-browse-title{color:#334155;letter-spacing:.01em;font-size:15px;font-weight:600}body.ui-v2:not(.pt-editor-open) .v2-browse-bar{display:flex}body.ui-v2:not(.pt-editor-open) .canvas-area{padding-top:56px}.rail-mode-toggle{justify-content:center;width:100%;padding:8px 4px 12px;display:flex}.rail-mode-toggle select{color:#374151;cursor:pointer;text-align:center;appearance:none;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;width:56px;padding:4px 2px;font-family:inherit;font-size:10px;font-weight:500}.rail-mode-toggle select:hover{background:#f3f4f6;border-color:#d1d5db}.rail-mode-toggle select:focus{border-color:#3b82f6;outline:none}.rail-btn.hidden-by-mode{display:none}#panelSampleImages{padding:16px}#panelSampleImages .panel-section-title{margin-bottom:4px}#panelSampleImages .panel-hint{margin-bottom:14px}.sample-images-actions{gap:8px;margin-bottom:12px;display:flex}.sample-images-upload-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s;display:flex}.sample-images-upload-btn svg{stroke:#fff}.sample-images-upload-btn:hover{background:#2563eb}.sample-images-delete-all{color:#6b7280;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .12s}.sample-images-delete-all:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.sample-images-progress{margin-bottom:12px}.sample-images-progress-track{background:#e5e7eb;border-radius:3px;width:100%;height:6px;margin-bottom:4px;overflow:hidden}.sample-images-progress-fill{background:#3b82f6;border-radius:3px;width:0%;height:100%;transition:width .2s}.sample-images-progress-text{color:#6b7280;font-size:11px}.sample-images-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.sample-images-empty{text-align:center;color:#9ca3af;grid-column:1/-1;padding:24px 8px;font-size:12px}.sample-image-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:box-shadow .12s;overflow:hidden}.sample-image-card:hover{box-shadow:0 2px 8px #00000014}.sample-image-thumb-wrap{aspect-ratio:4/3;cursor:pointer;background:#f9fafb;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.sample-image-thumb{object-fit:cover;width:100%;height:100%}.sample-image-info{justify-content:space-between;align-items:center;gap:4px;padding:4px 6px;display:flex}.sample-image-name{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.sample-image-delete{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.sample-image-delete:hover{color:#ef4444}.sample-image-loading{color:#9ca3af;font-size:11px}.sample-image-uploading{opacity:.5}.photo-studio{background:#f0f2f5;flex:1;padding:40px 24px;overflow-y:auto}.photo-studio.hidden{display:none}.photo-studio-inner{max-width:720px;margin:0 auto}.photo-studio-inner h2{color:#1f2937;margin:0 0 8px;font-size:22px;font-weight:700}.photo-studio-subtitle{color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.5}.photo-studio-dropzone{text-align:center;cursor:pointer;background:#fff;border:2px dashed #d1d5db;border-radius:12px;padding:40px 24px;transition:border-color .2s,background .2s}.photo-studio-dropzone:hover,.photo-studio-dropzone.dragover{background:#eff6ff;border-color:#3b82f6}.photo-studio-dropzone p{color:#6b7280;margin:12px 0 0;font-size:14px}.btn-photo-upload{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;margin-top:12px;padding:8px 20px;font-size:13px;font-weight:600}.btn-photo-upload:hover{background:#2563eb}.photo-studio-original-wrap{text-align:center;display:inline-block;position:relative}.photo-studio-original-wrap img{border:2px solid #e5e7eb;border-radius:10px;max-width:100%;max-height:200px}.btn-photo-change{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;margin:10px auto 0;padding:6px 16px;font-size:12px;font-weight:500;display:block}.btn-photo-change:hover{background:#f3f4f6}.photo-studio-prompts h3{color:#1f2937;margin:28px 0 4px;font-size:16px;font-weight:600}.photo-studio-hint{color:#9ca3af;margin:0 0 16px;font-size:13px}.photo-studio-aspect{align-items:center;gap:12px;margin-bottom:18px;display:flex}.photo-studio-aspect-label{letter-spacing:.06em;text-transform:uppercase;color:#9ca3af;font-size:12px}.photo-studio-aspect-options{flex-wrap:wrap;gap:8px;display:flex}.photo-aspect-option{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:6px 14px;font-size:13px;transition:border-color .15s,background .15s}.photo-aspect-option:hover{border-color:#9ca3af}.photo-aspect-option.active{color:#1e3a8a;background:#eff6ff;border-color:#3b82f6}.prompt-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:14px;padding:16px}.prompt-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.prompt-card-label{color:#374151;font-size:13px;font-weight:600}.prompt-input{color:#374151;resize:vertical;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:10px 12px;font-family:Inter,sans-serif;font-size:13px;line-height:1.5}.prompt-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f626}.btn-generate{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:6px;padding:7px 18px;font-size:12px;font-weight:600}.btn-generate:hover{background:#2563eb}.btn-generate:disabled{cursor:not-allowed;background:#93c5fd}.btn-generate.generating{cursor:wait;background:#93c5fd}.prompt-results{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.prompt-results.hidden{display:none}.result-version{text-align:center}.result-version-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600}.result-version img{border:1px solid #e5e7eb;border-radius:8px;width:100%}.result-version .checkerboard-bg{background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:8px;overflow:hidden}.result-version .checkerboard-bg img{border:none}.result-actions{justify-content:center;gap:6px;margin-top:6px;display:flex}.btn-result-action{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:5px;padding:4px 10px;font-size:11px;font-weight:500}.btn-result-action:hover{background:#f3f4f6}.btn-result-action.use-btn{color:#fff;background:#3b82f6;border-color:#3b82f6}.btn-result-action.use-btn:hover{background:#2563eb}.prompt-loading{color:#6b7280;flex-direction:column;align-items:center;gap:10px;padding:24px 0;font-size:13px;display:flex}.prompt-loading .spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bg-removal-progress{color:#9ca3af;margin-top:4px;font-size:12px}.photo-gallery-section h3{color:#1f2937;margin:32px 0 14px;font-size:16px;font-weight:600}.photo-gallery-section.hidden{display:none}.photo-gallery{flex-direction:column;gap:16px;display:flex}.gallery-set{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.gallery-set-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.gallery-set-label{color:#374151;font-size:13px;font-weight:600}.gallery-set-date{color:#9ca3af;font-size:11px}.gallery-set-aspect{color:#2563eb;text-transform:uppercase;letter-spacing:.05em;margin-left:12px;font-size:11px}.gallery-set-images{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.gallery-set-images .result-version img{border:1px solid #e5e7eb;border-radius:6px;width:100%}.btn-gallery-delete{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #fecaca;border-radius:5px;padding:3px 10px;font-size:11px}.btn-gallery-delete:hover{background:#fef2f2}.canvas-viewport{flex:1;overflow:auto}.canvas-wrapper{display:inline-block}.multi-page-canvas{flex-direction:column;align-items:center;gap:0;min-height:100%;padding:0 24px;display:flex}.page-slot{flex-shrink:0;position:relative}.page-slot-label{color:#9ca3af;z-index:2;pointer-events:none;font-size:13px;font-weight:600;position:absolute;top:22px;left:40px}.page-slot.active .page-slot-label{color:#8b5cf6}.page-slot-content{position:relative}.empty-page-banner{color:#1e40af;background:#eff6ff;border-bottom:1px solid #bfdbfe;justify-content:center;align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex}.empty-page-banner.hidden{display:none}.empty-page-banner strong{font-weight:600}.empty-page-banner-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.empty-page-banner-close:hover{color:#1e293b}.canvas-wrapper .canvas-container{width:auto!important;height:auto!important;display:block!important}.ref-thumbnail{background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;align-items:center;gap:8px;width:140px;min-width:140px;padding:12px;display:flex;position:relative}.ref-thumbnail.hidden{display:none}.ref-thumbnail-label{text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;font-size:10px;font-weight:600}.ref-thumbnail img{cursor:pointer;border:1px solid #e5e7eb;border-radius:6px;width:100%;transition:border-color .12s,transform .12s}.ref-thumbnail img:hover{border-color:#3b82f6;transform:scale(1.03)}.text-toolbar{z-index:50;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 16px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 2px 8px #0000000f}.text-toolbar.hidden{display:none!important}.text-toolbar-group{align-items:center;gap:4px;display:flex}.text-toolbar-divider{background:#e5e7eb;width:1px;height:22px;margin:0 4px}.text-toolbar select{color:#1f2937;cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;max-width:160px;padding:4px 8px;font-family:inherit;font-size:12px}.text-toolbar select:focus{border-color:#3b82f6;outline:none}.tb-font-size{color:#1f2937;text-align:center;-moz-appearance:textfield;background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;width:52px;padding:4px 6px;font-family:inherit;font-size:12px}.tb-font-size::-webkit-inner-spin-button{opacity:1}.tb-font-size::-webkit-outer-spin-button{opacity:1}.tb-font-size:focus{border-color:#3b82f6;outline:none}.tb-unit{color:#9ca3af;font-size:11px}.tb-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:13px;transition:all .12s;display:flex}.tb-btn:hover{color:#1f2937;background:#e5e7eb}.tb-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.tb-color-label{cursor:pointer;align-items:center;gap:6px;display:flex}.tb-color-input{opacity:0;pointer-events:none;border:none;width:0;height:0;padding:0;position:absolute}.tb-color-swatch{cursor:pointer;border:1px solid #d1d5db;border-radius:4px;width:22px;height:22px;display:inline-block}.tb-label-text{color:#9ca3af;font-size:11px}.tb-spacing-input{color:#1f2937;text-align:center;-moz-appearance:textfield;background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;width:56px;padding:4px 6px;font-family:inherit;font-size:12px}.tb-spacing-input:focus{border-color:#3b82f6;outline:none}.tb-slot-label{color:#9ca3af;margin-left:auto;font-size:11px}.tb-data-select{color:#1f2937;cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;max-width:170px;padding:4px 8px;font-family:inherit;font-size:12px}.tb-data-select:focus{border-color:#3b82f6;outline:none}.tb-data-select.assigned{color:#16a34a;background:#f0fdf4;border-color:#86efac;font-weight:500}.bottom-bar{background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex}.bottom-left{align-items:center;display:flex;overflow-x:auto}.bottom-right{align-items:center;gap:16px;display:flex}.page-tabs{gap:4px;display:flex}.page-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .12s}.page-tab:hover{color:#374151;background:#f3f4f6}.page-tab.active{color:#3b82f6;background:#eff6ff;border-color:#bfdbfe;font-weight:600}.preview-mode-toggle{background:#f3f4f6;border-radius:6px;gap:2px;padding:2px;display:flex}.btn-mode{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:all .12s}.btn-mode:hover{color:#374151}.btn-mode.active{color:#1f2937;background:#fff;box-shadow:0 1px 2px #00000014}.bleed-toggle{color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.bleed-toggle input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;margin:0}.zoom-controls{color:#6b7280;align-items:center;gap:8px;font-size:12px;display:flex}.zoom-controls input[type=range]{accent-color:#3b82f6;width:100px}.lightbox{z-index:2000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox.hidden{display:none}.lightbox-backdrop{background:#000c;position:absolute;inset:0}.lightbox img{object-fit:contain;border-radius:8px;max-width:90vw;max-height:90vh;position:relative;box-shadow:0 8px 40px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:background .12s;display:flex;position:absolute;top:20px;right:24px}.lightbox-close:hover{background:#ffffff4d}.ctx-menu{z-index:5000;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:200px;padding:4px;font-family:Inter,system-ui,sans-serif;position:fixed;box-shadow:0 8px 30px #00000026,0 2px 8px #0000000f}.ctx-menu.hidden{display:none}.ctx-item{color:#1f2937;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:background 80ms;display:flex}.ctx-item:hover{background:#f3f4f6}.ctx-item.danger:hover{color:#dc2626;background:#fef2f2}.ctx-item span{flex:1}.ctx-item kbd{color:#9ca3af;font-family:inherit;font-size:11px;font-weight:500}.ctx-item svg{color:#6b7280;flex-shrink:0}.ctx-item:hover svg{color:#374151}.ctx-item.danger:hover svg{color:#dc2626}.ctx-arrow{margin-left:auto}.ctx-divider{background:#e5e7eb;height:1px;margin:4px 8px}.ctx-submenu-wrap{position:relative}.ctx-submenu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:190px;padding:4px 4px 4px 8px;display:none;position:absolute;top:-4px;left:calc(100% - 4px);box-shadow:0 8px 30px #00000026,0 2px 8px #0000000f}.ctx-submenu-wrap:hover>.ctx-submenu{display:block}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#ffffffb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-overlay.hidden{display:none}.loading-spinner{text-align:center;color:#1f2937}.loading-spinner .spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:36px;height:36px;margin:0 auto 12px;animation:.8s linear infinite spin}.loading-spinner p{color:#6b7280;font-size:14px}.rotation-indicator{color:#fff;pointer-events:none;z-index:500;white-space:nowrap;letter-spacing:.3px;background:#8b5cf6eb;border-radius:4px;padding:4px 10px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;position:fixed}.rotation-indicator.hidden{display:none}.tb-angle-input{color:#1f2937;text-align:center;-moz-appearance:textfield;background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;width:52px;padding:4px 6px;font-family:inherit;font-size:12px}.tb-angle-input::-webkit-inner-spin-button{opacity:1}.tb-angle-input::-webkit-outer-spin-button{opacity:1}.tb-angle-input:focus{border-color:#3b82f6;outline:none}@font-face{font-family:Aileron;src:url(/assets/Aileron-Light-LZTtHK4h.otf)format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Aileron;src:url(/assets/Aileron-LightItalic-WKAGcBBf.otf)format("opentype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Aileron;src:url(/assets/Aileron-Regular-CtKlDjcc.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Aileron;src:url(/assets/Aileron-Italic-DYUE3e7y.otf)format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Aileron;src:url(/assets/Aileron-SemiBold-C3IbYb9I.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Aileron;src:url(/assets/Aileron-Bold-BWrAr8GE.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Aileron;src:url(/assets/Aileron-BoldItalic-BpRWpHqE.otf)format("opentype");font-weight:700;font-style:italic;font-display:swap}.text-edit-popup{z-index:9500;box-sizing:border-box;color:#0f172a;opacity:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;width:600px;max-width:calc(100vw - 32px);min-height:360px;max-height:calc(100vh - 32px);padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:opacity .12s ease-out,transform .12s ease-out;display:flex;position:fixed;transform:translateY(4px);box-shadow:0 12px 32px #0f172a38}.text-edit-popup.is-open{opacity:1;transform:translateY(0)}.text-edit-popup__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.text-edit-popup__title{color:#0f172a;letter-spacing:.2px;font-size:14px;font-weight:600}.text-edit-popup__close{appearance:none;color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;line-height:1}.text-edit-popup__close:hover{color:#0f172a;background:#f1f5f9}.text-edit-popup__draft-banner{color:#78350f;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:none}.text-edit-popup__draft-banner.is-visible{display:flex}.text-edit-popup__draft-banner button{appearance:none;color:#7c2d12;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;text-decoration:underline}.text-edit-popup__fields{flex-direction:column;flex:auto;gap:12px;min-height:220px;max-height:calc(100vh - 200px);display:flex;overflow-y:auto}.text-edit-popup__field{flex-direction:column;gap:4px;display:flex}.text-edit-popup__field-head{justify-content:space-between;align-items:center;gap:8px;min-height:20px;display:flex}.text-edit-popup__field-label{text-transform:uppercase;letter-spacing:.4px;color:#64748b;font-size:11px;font-weight:600}.text-edit-popup__rebind{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 8px;font-size:12px;display:flex}.text-edit-popup__rebind[hidden]{display:none}.text-edit-popup__rebind-label{color:#475569;font-weight:500}.text-edit-popup__rebind-select{font:inherit;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;flex:1;padding:3px 6px}.text-edit-popup__token-pill{appearance:none;font:inherit;letter-spacing:.4px;color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;margin:0 2px;padding:1px 6px;font-size:11px;font-weight:600;transition:background .12s ease-out,border-color .12s ease-out}.text-edit-popup__token-pill:hover{background:#dbeafe;border-color:#60a5fa}.text-edit-popup__token-pill:focus{outline-offset:1px;outline:2px solid #93c5fd}.text-edit-popup__field-controls{align-items:center;gap:4px;display:flex}.text-edit-popup__field-head-right{align-items:center;gap:8px;margin-left:auto;display:flex}.text-edit-popup__generate-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(#6366f1 0%,#4f46e5 100%);border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;height:28px;padding:0 12px;font-size:12px;font-weight:600;transition:background .12s ease-out,box-shadow .12s ease-out,transform 80ms ease-out;display:inline-flex;box-shadow:0 1px 2px #4f46e540}.text-edit-popup__generate-btn:hover:not(:disabled){background:linear-gradient(#4f46e5 0%,#4338ca 100%);box-shadow:0 2px 6px #4f46e559}.text-edit-popup__generate-btn:active:not(:disabled){transform:translateY(1px)}.text-edit-popup__generate-btn:disabled{opacity:.55;cursor:not-allowed}.text-edit-popup__generate-btn-label{line-height:1}.text-edit-popup__generate-panel{background:#f8fafc;border:1px solid #e0e7ff;border-radius:8px;flex-direction:column;gap:10px;margin-top:8px;padding:12px;animation:.14s ease-out tep-panel-slide;display:flex}@keyframes tep-panel-slide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.text-edit-popup__generate-panel-header{color:#1e293b;font-size:13px;font-weight:600}.text-edit-popup__generate-panel-hint{color:#64748b;margin-left:4px;font-weight:400}.text-edit-popup__generate-panel-empty{color:#64748b;padding:4px 0;font-size:13px}.text-edit-popup__generate-panel-badges{flex-wrap:wrap;gap:8px;display:flex}.text-edit-popup__generate-panel-meta{color:#64748b;font-size:11px}.text-edit-popup__generate-panel-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.text-edit-popup__photo-badge{color:#64748b;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:16px;align-items:center;gap:6px;height:32px;padding:0 10px 0 4px;font-size:12px;font-weight:500;transition:border-color .12s ease-out,color .12s ease-out,background .12s ease-out;display:inline-flex}.text-edit-popup__photo-badge:hover:not(:disabled){border-color:#94a3b8}.text-edit-popup__photo-badge.is-selected{color:#312e81;background:#eef2ff;border-color:#4f46e5}.text-edit-popup__photo-badge:disabled{opacity:.55;cursor:not-allowed}.text-edit-popup__photo-badge-thumb{background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;overflow:hidden}.text-edit-popup__photo-badge-thumb img{object-fit:cover;width:100%;height:100%;display:block}.text-edit-popup__photo-badge:not(.is-selected) .text-edit-popup__photo-badge-thumb img{opacity:.55;filter:grayscale(.5)}.text-edit-popup__photo-badge-label{line-height:1}.text-edit-popup__icon-btn{appearance:none;color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .12s ease-out,color .12s ease-out,border-color .12s ease-out;display:inline-flex}.text-edit-popup__icon-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.text-edit-popup__icon-btn:disabled{opacity:.4;cursor:not-allowed}.text-edit-popup__icon-btn--danger:hover:not(:disabled){color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.text-edit-popup__icon-btn.is-active{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.text-edit-popup__field-settings{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:6px;padding:8px 10px;display:flex}.text-edit-popup__field-settings[hidden]{display:none}.text-edit-popup__setting{text-transform:uppercase;letter-spacing:.4px;color:#64748b;flex-direction:column;flex:140px;gap:2px;min-width:0;font-size:10px;font-weight:600;display:flex}.text-edit-popup__setting--narrow{flex:0 0 80px}.text-edit-popup__setting--color{flex:0 0 60px}.text-edit-popup__setting--align{flex:0 0 110px}.text-edit-popup__align-row{gap:4px;display:flex}.text-edit-popup__align-row button{appearance:none;cursor:pointer;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:4px;flex:1;justify-content:center;align-items:center;height:28px;padding:0;display:inline-flex}.text-edit-popup__align-row button:hover{background:#f1f5f9}.text-edit-popup__align-row button.is-active{color:#fff;background:#1e3a8a;border-color:#1e3a8a}.text-edit-popup__setting select,.text-edit-popup__setting input[type=number]{appearance:none;text-transform:none;letter-spacing:normal;color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:5px 8px;font-size:12px;font-weight:400}.text-edit-popup__font-picker .font-picker-selected{border-color:#cbd5e1;border-radius:4px;padding:5px 8px;font-size:12px}.text-edit-popup__font-picker .font-picker-selected-label{text-transform:none;letter-spacing:normal;color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.text-edit-popup__font-picker .font-picker-dropdown{z-index:10001}.text-edit-popup__font-picker .font-picker-dropdown.hidden{display:none}.text-edit-popup__setting input[type=color]{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;height:28px;padding:2px}.text-edit-popup__field-actions{gap:6px;margin-top:4px;display:flex}.text-edit-popup__text-btn{appearance:none;color:#64748b;cursor:pointer;background:0 0;border:1px dashed #cbd5e1;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;transition:background .12s ease-out,color .12s ease-out,border-color .12s ease-out}.text-edit-popup__text-btn:hover{color:#0f172a;background:#f8fafc;border-style:solid;border-color:#94a3b8}.text-edit-popup:not(.is-multi) .text-edit-popup__field-label{display:none}.text-edit-popup__textarea{resize:vertical;box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:64px;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.5}.text-edit-popup:not(.is-multi) .text-edit-popup__textarea{min-height:220px}.text-edit-popup__textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.text-edit-popup__discard-confirm{color:#7f1d1d;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:none}.text-edit-popup__discard-confirm.is-visible{display:flex}.text-edit-popup__discard-confirm-actions{gap:8px;display:flex}.text-edit-popup__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.text-edit-popup__char-count{color:#64748b;font-size:11px}.text-edit-popup__footer-actions{gap:8px;display:flex}.text-edit-popup__btn{appearance:none;cursor:pointer;border:1px solid #0000;border-radius:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .12s ease-out,border-color .12s ease-out}.text-edit-popup__btn--ghost{color:#0f172a;background:#fff;border-color:#cbd5e1}.text-edit-popup__btn--ghost:hover{background:#f1f5f9}.text-edit-popup__btn--danger{color:#fff;background:#dc2626}.text-edit-popup__btn--danger:hover{background:#b91c1c}.text-edit-popup__btn--primary{color:#fff;background:#2563eb}.text-edit-popup__btn--primary:hover{background:#1d4ed8}.block-action-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:2px;padding:4px;display:flex;position:fixed;box-shadow:0 4px 16px #0000001f}.block-action-item{color:#334155;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:500;transition:background .1s;display:flex}.block-action-item:hover{color:#1e293b;background:#f1f5f9}.block-action-item svg{color:#64748b;flex-shrink:0}.block-action-item:hover svg{color:#4f46e5}.block-preset-card.block-action-active{outline-offset:-2px;outline:2px solid #4f46e5}.block-preset-actions .block-preset-kebab{color:#64748b;padding:4px 6px}.block-preset-actions .block-preset-kebab:hover{color:#1e293b;background:#f1f5f9}.el-accordion-header .cat-kebab{color:#64748b;cursor:pointer;opacity:.65;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;margin-right:8px;padding:4px 6px;line-height:1;transition:opacity .15s,background .15s,color .15s;display:inline-flex}.el-accordion-header:hover .cat-kebab{opacity:1}.el-accordion-header .cat-kebab:hover{color:#1e293b;background:#e2e8f0}.block-preset-cat-wrap{position:relative}.block-preset-cat-wrap>.el-accordion-header[draggable=true]{cursor:grab}.block-preset-cat-wrap>.el-accordion-header[draggable=true]:active{cursor:grabbing}.block-preset-cat-wrap.dragging{opacity:.4}.block-preset-cat-wrap.drop-above:before,.block-preset-cat-wrap.drop-below:after{content:"";pointer-events:none;background:#4f46e5;border-radius:2px;height:3px;position:absolute;left:0;right:0}.block-preset-cat-wrap.drop-above:before{top:-2px}.block-preset-cat-wrap.drop-below:after{bottom:-2px}.block-edit-toolbar{align-items:center;gap:8px;display:flex}.block-edit-toolbar .be-type-badge{color:#6366f1;background:#eef2ff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.btn-new-block{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 14px;font-size:13px;font-weight:600;transition:background .15s,transform 50ms;display:flex}.btn-new-block:hover{background:#1d4ed8}.btn-new-block:active{transform:scale(.98)}.btn-new-block:before{content:"+";font-size:16px;font-weight:700;line-height:1}.btn-new-block.bcs-hidden{display:none}.btn-new-category{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.btn-new-category:hover{background:#e2e8f0;border-color:#cbd5e1}.btn-new-category:before{content:"+";font-size:14px;font-weight:700}.bcs-picker{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:10px;margin-top:4px;padding:12px;display:flex}.bcs-label{color:#475569;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.bcs-options{gap:8px;display:flex}.bcs-option{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 6px;transition:border-color .15s,background .15s,transform 50ms;display:flex}.bcs-option:hover{background:#f1f5f9;border-color:#94a3b8}.bcs-option:active{transform:scale(.98)}.bcs-option.selected{background:#eff6ff;border-color:#2563eb}.bcs-shape{background:#fff;border:1.5px solid #475569;border-radius:2px;display:block}.bcs-option.selected .bcs-shape{border-color:#2563eb}.bcs-shape-square{width:32px;height:32px}.bcs-shape-landscape{width:40px;height:22px}.bcs-shape-portrait{width:22px;height:36px}.bcs-name{color:#475569;font-size:11px;font-weight:600}.bcs-option.selected .bcs-name{color:#1d4ed8}.bcs-actions{gap:8px;display:flex}.bcs-cancel,.bcs-continue{cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px 12px;font-size:12px;font-weight:600;transition:background .15s,transform 50ms}.bcs-cancel{color:#475569;background:#fff;border:1px solid #cbd5e1}.bcs-cancel:hover{background:#f1f5f9}.bcs-continue{color:#fff;background:#2563eb}.bcs-continue:hover:not(:disabled){background:#1d4ed8}.bcs-continue:disabled{color:#f1f5f9;cursor:not-allowed;background:#cbd5e1}.bcs-field{flex-direction:column;gap:6px;display:flex}.bcs-field .bcs-label{margin:0}.bcs-name-input,.bcs-cat-select{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s}.bcs-name-input:focus,.bcs-cat-select:focus{border-color:#2563eb}.block-preset-thumb-empty{color:#64748b;text-align:center;background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 6px,#eef2f7 6px 12px);border:1.5px dashed #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:100%;min-height:80px;padding:18px 10px;font-size:12px;font-weight:500;display:flex}.right-panel-grid.right-panel-grid-accordion{flex-direction:column;gap:8px;display:flex}.right-panel-design-accordion{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.right-panel-design-accordion-summary{cursor:pointer;color:#1f2937;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;list-style:none;display:flex}.right-panel-design-accordion-summary::-webkit-details-marker{display:none}.right-panel-design-accordion-summary{list-style:none}.right-panel-design-accordion-summary:after{content:"";border-bottom:2px solid #6b7280;border-right:2px solid #6b7280;width:8px;height:8px;transition:transform .15s;transform:rotate(-45deg)}.right-panel-design-accordion[open]>.right-panel-design-accordion-summary:after{transform:rotate(45deg)}.right-panel-design-accordion-summary:hover{background:#f9fafb}.right-panel-design-accordion-count{color:#6b7280;background:#f3f4f6;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:500}.right-panel-design-accordion-body{border-top:1px solid #f3f4f6;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px 12px;display:grid}.right-panel-additional-accordion{background:#fafafa;border-color:#e5e7eb;margin-top:16px}.right-panel-additional-accordion>.right-panel-design-accordion-summary{color:#6b7280;background:0 0}.right-panel-additional-accordion>.right-panel-design-accordion-summary:hover{background:#f3f4f6}.contact-roster-modal{z-index:9000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.contact-roster-modal.hidden{display:none}.contact-roster-modal-backdrop{background:#0f172a8c;position:absolute;inset:0}.contact-roster-modal-card{background:#fff;border-radius:12px;flex-direction:column;width:min(640px,92vw);max-height:80vh;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #0f172a40}.contact-roster-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.contact-roster-modal-header h3{color:#1f2937;margin:0;font-size:15px;font-weight:600}.contact-roster-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.contact-roster-modal-close:hover{color:#111827}.contact-roster-modal-tabs{border-bottom:1px solid #e5e7eb;gap:4px;padding:0 14px;display:flex}.contact-roster-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-size:13px}.contact-roster-tab.active{color:#1f2937;border-bottom-color:#3b82f6;font-weight:600}.contact-roster-tab:hover{color:#1f2937}.contact-roster-modal-body{flex:1;min-height:200px;padding:12px 14px;overflow-y:auto}.contact-roster-search{border:1px solid #e5e7eb;border-radius:6px;outline:none;width:100%;margin-bottom:8px;padding:8px 10px;font-size:13px}.contact-roster-search:focus{border-color:#3b82f6}.contact-roster-people-list{margin:0;padding:0;list-style:none}.contact-roster-person-row{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.contact-roster-person-row:hover{background:#f8fafc}.contact-roster-person-row.picked{background:#eff6ff}.contact-roster-row-photo,.contact-roster-row-photo-fallback{object-fit:cover;color:#6b7280;background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.contact-roster-row-text{flex:1;min-width:0}.contact-roster-row-name{color:#1f2937;font-size:13px;font-weight:500}.contact-roster-row-meta{color:#6b7280;font-size:11px}.contact-roster-row-pick{color:#3b82f6;white-space:nowrap;font-size:11px}.contact-roster-person-row.picked .contact-roster-row-pick{color:#16a34a}.contact-roster-empty,.contact-roster-empty-tiny,.contact-roster-loading,.contact-roster-truncated{color:#6b7280;text-align:center;margin:12px 0;padding:0;font-size:12px}.contact-roster-empty-tiny{margin:4px 0;font-size:11px}.contact-roster-modal-roster{background:#f9fafb;border-top:1px solid #e5e7eb;padding:10px 14px}.contact-roster-modal-roster-label{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:6px;font-size:11px;font-weight:600}.contact-roster-modal-roster-list{flex-direction:column;gap:4px;display:flex}.contact-roster-roster-item{cursor:grab;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.contact-roster-roster-item.dragging{opacity:.5}.contact-roster-roster-item.drag-over{border-color:#3b82f6}.contact-roster-roster-handle{color:#9ca3af;font-size:14px;line-height:1}.contact-roster-roster-pos{color:#6b7280;text-align:center;width:18px;font-size:11px;font-weight:600}.contact-roster-roster-photo,.contact-roster-roster-photo-fallback{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.contact-roster-roster-photo-fallback{color:#4b5563;text-transform:uppercase;background:#e5e7eb;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.contact-roster-roster-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.contact-roster-roster-remove{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}.contact-roster-roster-remove:hover{color:#dc2626}.contact-roster-modal-footer{background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.contact-roster-modal-hint{color:#6b7280;flex:1;font-size:11px}.contact-roster-modal-hint.warn{color:#ca8a04}.contact-roster-modal-hint.ok{color:#16a34a}.contact-roster-modal-actions{gap:8px;display:flex}.contact-roster-modal-actions .btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:500}.contact-roster-modal-actions .btn-primary:hover{background:#2563eb}.contact-roster-modal-actions .btn-secondary{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 14px;font-size:12px}.contact-roster-modal-actions .btn-secondary:hover{border-color:#94a3b8}.right-panel-footer{z-index:5;background:linear-gradient(#fff0,#fff 30%);margin:16px -12px -12px;padding:10px 12px 12px;position:sticky;bottom:-12px}.right-panel-pick-people{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;display:block;box-shadow:0 2px 8px #3b82f640}.right-panel-pick-people:hover{background:#2563eb}.contact-roster-accordion-section{border:1px solid #e5e7eb;border-radius:6px;grid-column:1/-1;margin-bottom:8px;overflow:hidden}.contact-roster-accordion-header{cursor:pointer;color:#1f2937;text-align:left;background:#f9fafb;border:0;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.contact-roster-accordion-header:hover{background:#f3f4f6}.contact-roster-accordion-chevron{color:#6b7280;font-size:9px;transition:transform .15s;display:inline-block}.contact-roster-accordion-section.expanded .contact-roster-accordion-chevron{transform:rotate(90deg)}.contact-roster-accordion-name{flex:1}.contact-roster-accordion-body{background:#fff;padding:8px 10px 10px;display:none}.contact-roster-accordion-section.expanded .contact-roster-accordion-body{display:block}.contact-roster-accordion-loading{color:#9ca3af;text-align:center;padding:8px;font-size:11px}.contact-roster-accordion-thumbs{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:4px;display:grid}.contact-roster-accordion-body .right-panel-section-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:6px 0 4px;font-size:10px}.panel-action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.panel-action-btn:hover{color:#111827;background:#e5e7eb}.panel-action-btn:active{background:#d1d5db}.panel-action-btn:disabled{opacity:.5;cursor:wait}.right-panel-upload-progress{color:#374151;text-align:center;background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;grid-column:1/-1;padding:8px 12px;font-size:12px}.right-panel-upload-progress.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.multi-page-social-footer{justify-content:center;width:100%;padding:16px 0 32px;display:flex}.multi-page-social-footer.hidden{display:none!important}.multi-page-social-add{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .12s,transform 50ms;display:inline-flex;box-shadow:0 1px 2px #00000014}.multi-page-social-add:hover{background:#1d4ed8}.multi-page-social-add:active{transform:translateY(1px)}.multi-page-social-add svg{flex-shrink:0}.page-tab .page-tab-remove{color:#ffffff8c;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:6px;font-size:14px;line-height:1;transition:background .12s,color .12s;display:inline-flex}.page-tab .page-tab-remove:hover{color:#fca5a5;background:#dc26262e}.page-tab:not(.active) .page-tab-remove{color:#00000059}.page-tab:not(.active) .page-tab-remove:hover{color:#dc2626;background:#dc262624}.page-slot-delete{z-index:3;pointer-events:auto;color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .12s,color .12s;display:inline-flex;position:absolute;top:16px;right:40px}.page-slot-delete:hover{color:#dc2626;background:#dc26261a}.page-slot-delete svg{display:block}.btn-compose-from-image{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#6366f1 100%);border:none;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;font-weight:600;transition:filter .12s}.btn-compose-from-image:hover{filter:brightness(1.08)}.btn-compose-from-image:disabled{opacity:.5;cursor:not-allowed}.compose-hint{color:#6b7280;margin:6px 0 0;font-size:11px;line-height:1.4}.btn-extract-accordion{color:#0f172a!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}.extract-results{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.extract-results-header{color:#6b7280;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.extract-results-actions{gap:6px;display:flex}.btn-copy-all{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600}.btn-copy-all:hover{background:#f3f4f6}.extract-unit{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:10px}.extract-unit-head{background:#f8fafc;border-bottom:1px solid #f1f5f9;border-top-left-radius:6px;border-top-right-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.extract-unit-title{color:#374151;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.btn-extract-copy{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:2px 8px;font-size:11px}.btn-extract-copy:hover{color:#4f46e5;background:#eef2ff;border-color:#a5b4fc}.btn-extract-copy.copied{color:#166534;background:#dcfce7;border-color:#86efac}.extract-unit-text{color:#111827;resize:vertical;white-space:pre;background:#fff;border:none;border-bottom-right-radius:6px;border-bottom-left-radius:6px;width:100%;min-height:40px;padding:8px;font-family:inherit;font-size:12px;overflow:auto}.extract-unit-text:focus{outline-offset:-1px;outline:1px solid #a5b4fc}.btn-add-to-layout{color:#4f46e5;cursor:pointer;background:#eef2ff;border:none;border-top:1px solid #e5e7eb;border-bottom-right-radius:6px;border-bottom-left-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;margin:0;padding:8px 12px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.btn-add-to-layout:hover{background:#e0e7ff}.btn-add-to-layout.added{color:#166534;background:#dcfce7}.btn-add-to-layout svg{flex:none}.btn-extract-design{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#6366f1 100%);border:none;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;font-weight:600;transition:filter .12s}.btn-extract-design:hover{filter:brightness(1.08)}.btn-extract-design:disabled{opacity:.5;cursor:not-allowed}.extract-design-hint{color:#6b7280;margin:6px 0 0;font-size:11px;line-height:1.4}.custom-el-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.custom-el-empty{color:#94a3b8;text-align:center;grid-column:1/-1;margin:4px 0 0;padding:16px 4px;font-size:13px}.custom-el-thumb{aspect-ratio:1;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;padding:4px;transition:border-color .12s,box-shadow .12s;position:relative;overflow:hidden}.custom-el-thumb:hover{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf626}.custom-el-thumb img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.custom-el-remove{color:#fff;cursor:pointer;opacity:0;background:#0f172a99;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:13px;line-height:1;transition:opacity .12s,background-color .12s;display:flex;position:absolute;top:2px;right:2px}.custom-el-thumb:hover .custom-el-remove{opacity:1}.custom-el-remove:hover{background:#ef4444e6}.auto-fill-overlay{z-index:9999;pointer-events:none;background:#14182099;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.auto-fill-overlay.is-visible{pointer-events:auto;display:flex}.auto-fill-overlay__card{background:#fff;border-radius:12px;align-items:center;gap:16px;padding:24px 32px;display:flex;box-shadow:0 20px 48px #00000040}.auto-fill-overlay__spinner{border:3px solid #e6e8ec;border-top-color:#2563eb;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite auto-fill-spin}@keyframes auto-fill-spin{to{transform:rotate(360deg)}}.auto-fill-overlay__text{flex-direction:column;gap:4px;max-width:360px;display:flex}.auto-fill-overlay__label{color:#1f2937;font-size:14px;font-weight:500}.auto-fill-overlay__sublabel{color:#6b7280;font-size:12px;line-height:1.4}.auto-fill-toast{color:#fff;opacity:0;pointer-events:none;z-index:9998;background:#1f2937;border-radius:8px;max-width:420px;padding:10px 16px;font-size:13px;transition:opacity .18s,transform .18s;position:fixed;bottom:88px;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 10px 30px #00000040}.auto-fill-toast.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.auto-fill-tab-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;line-height:1.4;transition:background .12s,border-color .12s}.auto-fill-tab-btn:hover{background:#f3f4f6;border-color:#9ca3af}.auto-fill-tab-btn.is-busy{opacity:.6;cursor:progress}.page-tab.active .auto-fill-tab-btn{color:#fff;background:#fff3;border-color:#fff6}.page-tab.active .auto-fill-tab-btn:hover{background:#ffffff4d}.auto-fill-current-btn{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:6px;margin-right:8px;padding:6px 14px;font-size:12px;font-weight:500;transition:background .12s}.auto-fill-current-btn:hover{background:#1d4ed8}.auto-fill-current-btn.is-busy{opacity:.6;cursor:progress}#fillInPageBtn.is-busy{opacity:.7;cursor:progress;pointer-events:none}#fillInPageBtn.is-busy svg{display:none}#fillInPageBtn.is-busy:before{content:"";vertical-align:-2px;border:2px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin-right:6px;animation:.7s linear infinite ps-fillin-spin;display:inline-block}@keyframes ps-fillin-spin{to{transform:rotate(360deg)}}.cat-nav-template-card{position:relative}.cat-nav-card-draggable{cursor:grab}.cat-nav-card-draggable:active{cursor:grabbing}.cat-nav-card-menu-btn{color:#374151;cursor:pointer;opacity:0;z-index:2;background:#ffffffeb;border:1px solid #11182714;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:opacity .12s,background .12s,border-color .12s;display:flex;position:absolute;top:6px;right:6px}.cat-nav-template-card:hover .cat-nav-card-menu-btn,.cat-nav-card-menu-btn:focus-visible{opacity:1}.cat-nav-template-card:has(.cat-nav-card-menu:not(.hidden)) .cat-nav-card-menu-btn{opacity:1}.cat-nav-card-menu-btn:hover{color:#1f2937;background:#fff;border-color:#3b82f6}.cat-nav-card-menu{z-index:3;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;min-width:140px;padding:4px;display:flex;position:absolute;top:36px;right:6px;box-shadow:0 6px 18px #1118271f}.cat-nav-card-menu.hidden{display:none}.cat-nav-card-menu button{appearance:none;text-align:left;color:#1f2937;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:7px 10px;font-size:13px}.cat-nav-card-menu button:hover{background:#f3f4f6}.cat-nav-card-menu-divider{background:#e5e7eb;height:1px;margin:4px 0}.cat-nav-card-menu-danger{color:#b91c1c!important}.cat-nav-card-menu-danger:hover{background:#fee2e2!important}.cat-nav-card-menu-back{color:#6b7280;border-bottom:1px solid #e5e7eb;margin-bottom:2px;font-weight:500;border-radius:5px 5px 0 0!important}.cat-nav-card-dragging{opacity:.4}.cat-nav-card-over{outline-offset:2px;outline:2px solid #3b82f6}.cat-nav-add-card{cursor:pointer}.project-templates-section{margin-bottom:32px}.project-templates-hint{color:#6b7280;text-align:center;background:#f3f4f6;border-radius:8px;grid-column:1/-1;padding:16px 20px;font-size:14px}.project-template-add .cat-nav-template-name{font-weight:600}.admin-pages-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.admin-pages-heading-row{justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.admin-pages-heading{text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin:0;font-size:13px;font-weight:600}.admin-pages-add-slot{display:flex}.admin-pages-rules-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.admin-pages-rules-btn:hover{background:#f9fafb;border-color:#9ca3af}.admin-pages-rules-btn:active{background:#f3f4f6}.admin-pages-rules-btn svg{color:#6b7280;display:block}.admin-pages-add-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.admin-pages-add-btn:hover{background:#b91c1c}.admin-pages-add-btn:active{background:#991b1b}.admin-pages-add-btn svg{display:block}.cat-nav-slot-separator{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1;align-items:center;gap:12px;margin:8px 0 4px;font-size:12px;font-weight:600;display:flex}.cat-nav-slot-separator:after{content:"";background:#e5e7eb;flex:1;height:1px}.cat-nav-slot-separator.hidden{display:none}.cat-nav-slot-separator-label{white-space:nowrap}.project-required-modal{z-index:10000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.project-required-modal.hidden{display:none}.project-required-backdrop{background:#0f172a80;position:absolute;inset:0}.project-required-panel{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:440px;padding:28px 32px;position:relative;box-shadow:0 20px 40px #0000002e}.project-required-panel h2{color:#111827;margin:0 0 12px;font-size:20px}.project-required-panel p{color:#4b5563;margin:0 0 24px;font-size:14px;line-height:1.55}.project-required-actions{justify-content:center;gap:12px;display:flex}.project-required-ok{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.project-required-ok:hover{background:#1f2937}.pulse-highlight{outline-offset:2px;outline:2px solid #2563eb;animation:.8s ease-out 2 project-dropdown-pulse}@keyframes project-dropdown-pulse{0%,to{box-shadow:0 0 #2563eb66}50%{box-shadow:0 0 0 6px #2563eb00}}.placement-rules-modal{z-index:10000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.placement-rules-modal.hidden{display:none}.placement-rules-backdrop{background:#0f172a80;position:absolute;inset:0}.placement-rules-panel{background:#fff;border-radius:12px;flex-direction:column;width:min(720px,94vw);max-height:88vh;padding:20px 24px 18px;display:flex;position:relative;box-shadow:0 20px 40px #0000002e}.placement-rules-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.placement-rules-header h2{color:#111827;margin:0;font-size:18px}.placement-rules-close{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1}.placement-rules-close:hover{color:#111827}.placement-rules-sub{color:#4b5563;margin:0 0 8px;font-size:13px;line-height:1.45}.placement-rules-source{border-radius:6px;margin-bottom:10px;padding:6px 10px;font-size:12px}.placement-rules-source.is-stored{color:#065f46;background:#ecfdf5}.placement-rules-source.is-default{color:#1e40af;background:#eff6ff}.placement-rules-source.is-generic{color:#92400e;background:#fef3c7}.placement-rules-textarea{resize:vertical;color:#111827;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;flex:1;width:100%;min-height:280px;max-height:50vh;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.5}.placement-rules-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.placement-rules-meta{justify-content:space-between;min-height:18px;margin-top:6px;font-size:12px;display:flex}.placement-rules-counter{color:#6b7280}.placement-rules-error{color:#b91c1c;font-weight:500}.placement-rules-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:14px;display:flex}.placement-rules-actions-right{gap:8px;display:flex}.placement-rules-reset{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:6px 4px;font-size:13px;text-decoration:underline}.placement-rules-reset:hover{color:#111827}.placement-rules-reset:disabled{opacity:.5;cursor:not-allowed}.placement-rules-cancel,.placement-rules-save{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600}.placement-rules-cancel{color:#374151;background:#f3f4f6}.placement-rules-cancel:hover{background:#e5e7eb}.placement-rules-save{color:#fff;background:#111827}.placement-rules-save:hover{background:#1f2937}.placement-rules-save:disabled{opacity:.6;cursor:wait}.cat-nav-template-card{transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s}.cat-nav-template-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #0f172a2e}.cat-nav-template-thumb{position:relative}.cat-nav-thumb-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#0f172a6b;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.cat-nav-template-card:hover .cat-nav-thumb-overlay{opacity:1}.cat-nav-edit-btn{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:50px;padding:9px 22px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .2s,background .15s;transform:translateY(8px);box-shadow:0 4px 10px #0000002e}.cat-nav-template-card:hover .cat-nav-edit-btn{transform:translateY(0)}.cat-nav-template-meta{justify-content:space-between;gap:8px;display:flex}.cat-nav-template-meta span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pt-create-card{cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1}.pt-create-card:hover{background:#eef2ff;border-color:#4f46e5;transform:translateY(-4px);box-shadow:0 12px 24px -8px #4f46e52e}.pt-create-thumb{aspect-ratio:4/3;justify-content:center;align-items:center;width:100%;display:flex}.pt-create-graphic{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:20px;justify-content:center;align-items:center;width:92px;height:92px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s,color .25s;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000000d}.pt-create-graphic svg{width:46px;height:46px}.pt-create-card:hover .pt-create-graphic{color:#6366f1;border-color:#c7d2fe;transform:scale(1.05);box-shadow:0 10px 15px -3px #4f46e51f}.pt-plus-badge{color:#fff;background:#4f46e5;border:3px solid #f8fafc;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:-10px;right:-10px}.pt-create-card:hover .pt-plus-badge{transform:scale(1.1)rotate(90deg)}.pt-create-info{text-align:center}.pt-create-subtext{color:#94a3b8;margin-top:4px;font-size:12px;line-height:1.4}.agent-data-bar{color:#e2e8f0;z-index:1000;background:#1e293b;border-bottom:1px solid #334155;align-items:center;gap:16px;min-height:40px;padding:6px 16px;font-size:13px;display:flex;position:relative}.adb-left{flex-shrink:0;align-items:center;gap:10px;display:flex}.adb-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:11px;font-weight:600}.adb-center{flex:1;align-items:center;gap:8px;max-width:480px;display:flex}.adb-search-wrap{flex:1;position:relative}.adb-search-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.adb-search-input{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:6px;outline:none;width:100%;padding:6px 12px 6px 32px;font-size:13px}.adb-search-input::placeholder{color:#64748b}.adb-search-input:focus{border-color:#3b82f6}.adb-dropdown{z-index:200;background:#1e293b;border:1px solid #334155;border-radius:8px;max-height:280px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.adb-dropdown-item{cursor:pointer;align-items:center;gap:10px;padding:8px 12px;transition:background .1s;display:flex}.adb-dropdown-item:hover,.adb-dropdown-item.selected{background:#334155}.adb-dropdown-avatar{color:#e2e8f0;background:#475569;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.adb-dropdown-avatar img{object-fit:cover;width:100%;height:100%}.adb-dropdown-name{color:#e2e8f0;font-size:13px;font-weight:500}.adb-dropdown-meta{color:#64748b;font-size:11px}.adb-dropdown-empty{text-align:center;color:#64748b;padding:16px;font-size:12px}.adb-import-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .15s}.adb-import-btn:hover:not(:disabled){background:#2563eb}.adb-import-btn:disabled{opacity:.4;cursor:default}.adb-right{background:#334155;border-radius:8px;align-items:center;gap:8px;margin-left:auto;padding:4px 8px;display:flex}.adb-active-avatar{background:#475569;border-radius:50%;flex-shrink:0;width:28px;height:28px;overflow:hidden}.adb-active-avatar img{object-fit:cover;width:100%;height:100%}.adb-active-info{flex-direction:column;line-height:1.2;display:flex}.adb-active-name{color:#e2e8f0;font-size:12px;font-weight:600}.adb-active-meta{color:#94a3b8;font-size:10px}.adb-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:16px;display:flex}.adb-clear-btn:hover{color:#ef4444;background:#ef44441a}.adb-project-wrap{flex-shrink:0;align-items:center;gap:8px;display:flex}.adb-project-select-wrap{position:relative}.adb-project-select{color:#e2e8f0;cursor:pointer;appearance:none;background:#0f172a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #334155;border-radius:6px;outline:none;max-width:260px;padding:5px 28px 5px 10px;font-size:12px}.adb-project-select:focus{border-color:#3b82f6}.adb-project-select option{color:#e2e8f0;background:#1e293b}.adb-view-toggle{background:#0f172a;border:1px solid #334155;border-radius:6px;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:inline-flex}.adb-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:background .12s,color .12s}.adb-toggle-btn:hover{color:#e2e8f0}.adb-toggle-btn.active{color:#fff;background:#3b82f6}#panelLayers .panel-section{padding:8px 6px}.layers-list{flex-direction:column;gap:1px;display:flex}.layers-row{cursor:grab;-webkit-user-select:none;user-select:none;border-radius:6px;grid-template-columns:18px 20px 20px 1fr 24px 24px;align-items:center;gap:4px;padding:4px 6px;transition:background-color .1s;display:grid;position:relative}.layers-row.is-editing,.layers-row.is-group-child{grid-template-columns:18px 20px 20px 1fr}.layers-row.is-group-child{cursor:pointer;padding-left:22px}.layers-row.is-editing{cursor:default;background:#eff6ff;box-shadow:inset 2px 0 #3b82f6}.layers-row.is-editing .layers-label{color:#1d4ed8;font-weight:600}.layers-chevron{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:transform .15s,background-color .1s;display:inline-flex}.layers-chevron:hover{color:#111827;background:#e5e7eb}.layers-chevron.is-expanded{color:#1d4ed8;transform:rotate(90deg)}.layers-chevron svg{width:12px;height:12px}.layers-chevron-spacer{background:0 0;border:0;width:18px;height:18px;display:inline-block}.layers-row:active{cursor:grabbing}.layers-row:hover{background:#f3f4f6}.layers-row.is-active{background:#eff6ff;box-shadow:inset 2px 0 #3b82f6}.layers-row.is-active .layers-label{color:#1d4ed8;font-weight:600}.layers-row.is-hidden-obj .layers-label,.layers-row.is-hidden-obj .layers-icon{opacity:.45}.layers-row.is-group{background:#f0f6ff;box-shadow:inset 2px 0 #93c5fd}.layers-row.is-group:hover{background:#e6efff}.layers-row.is-group.is-active{background:#dbeafe;box-shadow:inset 2px 0 #3b82f6}.layers-group-lock{color:#3b82f6;cursor:help;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.layers-group-lock svg{width:12px;height:12px;display:block}.layers-badge-spacer{width:20px;height:20px;display:inline-block}.layers-icon{color:#4b5563;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.layers-row.is-group .layers-icon{color:#2563eb}.layers-icon svg{width:14px;height:14px;display:block}.layers-label-btn{text-align:left;cursor:pointer;min-width:0;font:inherit;color:inherit;background:0 0;border:0;padding:2px 4px}.layers-label{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.layers-row.is-group .layers-label{color:#1e3a8a;font-weight:500}.layers-label.is-editing{outline-offset:1px;cursor:text;white-space:normal;background:#fff;border-radius:3px;outline:2px solid #3b82f6;overflow:visible}.layers-btn{color:#6b7280;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:opacity .1s,background-color .1s,color .1s;display:inline-flex}.layers-btn svg{width:14px;height:14px;display:block}.layers-row:hover .layers-btn,.layers-row.is-active .layers-btn,.layers-row.is-hidden-obj .layers-vis-btn{opacity:1}.layers-btn:hover{color:#111827;background:#e5e7eb}.layers-row.is-hidden-obj .layers-vis-btn{color:#9ca3af}.layers-row.is-dragging{opacity:.4}.layers-row.drop-above:before,.layers-row.drop-below:after{content:"";pointer-events:none;background:#3b82f6;border-radius:2px;height:2px;position:absolute;left:4px;right:4px}.layers-row.drop-above:before{top:-1px}.layers-row.drop-below:after{bottom:-1px}#layersEmpty{text-align:center;color:#9ca3af;padding:20px 12px;font-size:12px}.in-brochure-edit-topbar-overlay{z-index:9000;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:48px;padding:0 18px;display:flex;position:fixed;top:60px;left:400px;right:0;box-shadow:0 1px 4px #0000000f}.in-brochure-edit-title{color:#1f2937;font-size:13px;font-weight:600}.in-brochure-edit-title .in-brochure-edit-hint{color:#64748b;margin-left:8px;font-weight:400}.in-brochure-edit-actions{gap:8px;display:flex}.in-brochure-edit-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500}.in-brochure-edit-btn.ghost{color:#475569;background:0 0;border-color:#cbd5e1}.in-brochure-edit-btn.ghost:hover{background:#f1f5f9}.in-brochure-edit-btn.primary{color:#fff;background:#3b82f6;border-color:#3b82f6}.in-brochure-edit-btn.primary:hover{background:#2563eb}body.ui-v2 #topBarBackBtn,body.ui-v2 #activeTemplateLabel{display:none!important}body.ui-v2 .tbv2-left{align-items:center;gap:12px;display:flex}body.ui-v2 .tbv2-back{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}body.ui-v2 .tbv2-back:hover{color:#0f172a;background:#f1f5f9}body.ui-v2 .tbv2-divider{background:#e2e8f0;width:1px;height:18px}body.ui-v2 .tbv2-addr{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}body.ui-v2 .icon-rail{background:#0f172a;border-right:1px solid #0f172a}body.ui-v2 .icon-rail .rail-btn{color:#94a3b8}body.ui-v2 .icon-rail .rail-btn svg,body.ui-v2 .icon-rail .rail-btn svg *{stroke:currentColor}body.ui-v2 .icon-rail .rail-btn:hover{color:#fff;background:#ffffff0f}body.ui-v2 .icon-rail .rail-btn.active{color:#fff;background:#ffffff1f}body.ui-v2 #topBar{background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;height:60px;padding:0 16px;display:flex}body.ui-v2 #topBar .top-bar-left{flex:1 1 0;align-items:center;gap:12px;min-width:0;display:flex}body.ui-v2 #topBar .top-bar-right{flex:1 1 0;justify-content:flex-end;align-items:center;gap:8px;display:flex}body.ui-v2 .tbv2-center{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:none;align-items:center;gap:4px;padding:3px 4px;display:flex}body.ui-v2 .tbv2-center .top-bar-pages{border:none;margin:0;padding:0 6px 0 8px}body.ui-v2 .tbv2-center .top-bar-divider{display:none}body.ui-v2 #topBar .btn-icon{border-radius:6px;width:32px;height:32px}body.ui-v2 #topBar .btn-top{border-radius:8px;padding:8px 16px;font-weight:600}body.ui-v2 #fillInPageBtn{color:#0f172a;background:#fff;border:1px solid #e2e8f0}body.ui-v2 #fillInPageBtn:hover{background:#f8fafc}body.ui-v2 #topBar .btn-top.accent{color:#fff;background:#4f46e5;border:none}body.ui-v2 #topBar .btn-top.accent:hover:not(:disabled){background:#4338ca}body.ui-v2 .bottom-bar{background:#fff;border-top:1px solid #e2e8f0;padding:0 16px}body.ui-v2 .page-tabs{gap:6px}body.ui-v2 .page-tab{color:#64748b;border:1px solid #0000;border-radius:8px;padding:7px 14px;font-weight:600}body.ui-v2 .page-tab:hover{background:#f8fafc}body.ui-v2 .page-tab.active{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}body.ui-v2 .bleed-toggle{color:#64748b;font-size:13px}body.ui-v2 .zoom-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;gap:8px;padding:4px 12px}.ui-v2-toggle{z-index:99999;color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:50px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:filter .15s,transform .15s;position:fixed;bottom:16px;right:16px;box-shadow:0 6px 20px #4f46e559}.ui-v2-toggle.is-v2{background:#0f172a;box-shadow:0 6px 20px #0f172a59}.ui-v2-toggle:hover{filter:brightness(1.08);transform:translateY(-1px)}body.ui-v2 .workspace>.icon-rail{order:0}body.ui-v2 .workspace>.side-panel{order:1}body.ui-v2 .workspace>.canvas-main{order:3}body.ui-v2 #rightPanel,body.ui-v2 #rightPanelEdgeTab{display:none!important}body.ui-v2 #panelDesignPicker{padding:0}#panelElement:not(.el-empty) #elementEmptyState,#panelElement.el-empty>:not(#elementEmptyState){display:none}