.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}.fe-tour-popover.driver-popover{all:unset;box-sizing:border-box;position:fixed;z-index:1000000001;min-width:260px;max-width:min(320px,calc(100vw - 24px));padding:0;border-radius:5px;background:#fff;border:1px solid rgba(99,102,241,.15);box-shadow:0 12px 32px #0f172a1f;overflow:hidden;font-family:Inter,Helvetica Neue,ui-sans-serif,system-ui,sans-serif;color:#1e293b}.fe-tour-popover .fe-tour-accent{height:3px;width:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4)}.fe-tour-popover .driver-popover-title{display:block;padding:12px 14px 0;font-size:.875rem;font-weight:700;letter-spacing:-.02em;line-height:1.35;color:#0f172a}.fe-tour-popover .driver-popover-description{display:block;padding:6px 14px 0;margin:0;font-size:.8125rem;line-height:1.55;color:#64748b}.fe-tour-popover .driver-popover-close-btn{top:8px;right:8px;width:24px;height:24px;border-radius:5px;color:#94a3b8}.fe-tour-popover .driver-popover-footer{margin:0;padding:10px 12px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #f1f5f9}.fe-tour-popover .driver-popover-progress-text{font-size:.6875rem;font-weight:600;color:#6366f1;text-transform:uppercase;letter-spacing:.04em}.fe-tour-popover .driver-popover-footer button{all:unset;box-sizing:border-box;cursor:pointer;font-size:.75rem;font-weight:600;padding:7px 12px;border-radius:5px;text-shadow:none}.fe-tour-popover .driver-popover-prev-btn{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.fe-tour-popover .driver-popover-next-btn,.fe-tour-popover .driver-popover-done-btn{color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed)}.driver-active-element{position:relative;z-index:10001!important;outline:2px solid rgba(99,102,241,.7)!important;outline-offset:2px;border-radius:5px}@media(max-width:999px){.fe-tour-popover.driver-popover{max-width:calc(100vw - 20px)}}:root{--primary: #6366f1;--primary-light: #a5b4fc;--primary-dark: #4f46e5;--secondary: #f59e0b;--success: #10b981;--danger: #ef4444;--text-dark: #1f2937;--text-medium: #4b5563;--text-light: #9ca3af;--bg-light: #f9fafb;--bg-card: #ffffff;--border-light: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.form-field input[type=text],.form-field input[type=email],.form-field input[type=tel],.form-field input[type=url],.form-field input[type=number],.form-field textarea{color:#e5e7eb}.editor-container{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#f9fafb,#eef2f5);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-medium)}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background-color:var(--bg-card);z-index:50}.editor-header h1{font-size:23px;color:var(--text-dark);margin:0}.editor-header p{font-size:14px;color:var(--text-light);margin:4px 0 0}.header-actions{display:flex;gap:16px}.editor-layout{display:flex;flex-grow:1;overflow:hidden}.editor-sidebar{width:320px;min-width:320px;background-color:var(--bg-card);padding:24px;flex-direction:column;z-index:10;transition:var(--transition)}.sidebar-title{font-size:18px;font-weight:500;color:var(--text-dark);margin-bottom:20px;padding-left:12px;position:relative}.sidebar-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;background:linear-gradient(to bottom,var(--primary),var(--secondary));border-radius:2px}.stages-list{overflow:hidden;list-style:none;padding:0;margin:0;flex-grow:1;overflow-y:auto}.stage-item{display:flex;align-items:center;padding:14px 16px;margin-bottom:8px;border-radius:10px;cursor:pointer;transition:var(--transition);position:relative;border-left:4px solid transparent}.stage-item:hover{background-color:#6366f10d;transform:translate(4px)}.stage-item.active{background:linear-gradient(90deg,#6366f11a,#4f46e50d);border-left-color:var(--primary)}.stage-item.active .stage-name{color:var(--primary-dark);font-weight:600}.stage-name{flex-grow:1;font-size:15px;transition:var(--transition)}.stage-actions{display:flex;align-items:center;gap:8px;color:var(--text-light);opacity:0;transition:opacity .2s ease}.stage-item:hover .stage-actions{opacity:1}.stage-item:hover .move-stage-button,.stage-item:hover .preview-stage-button{display:flex!important;opacity:1!important}.preview-stage-button:hover{color:#2563eb!important;background-color:#2563eb1a!important;border-radius:4px}.remove-stage-button{background:none;border:none;cursor:pointer;color:var(--text-light);padding:4px;border-radius:50%;transition:var(--transition);opacity:0;visibility:hidden}.stage-item:hover .remove-stage-button{opacity:1;visibility:visible}.remove-stage-button:hover{color:var(--danger);background-color:#ef44441a}.form-field input[type=text],.form-field input[type=email],.form-field input[type=tel],.form-field input[type=url],.form-field input[type=number],.form-field textarea{color:#000;border:1px solid #e5e7eb}.editor-main-content{overflow-y:auto!important;flex-grow:1;background-color:#fff;padding:32px;scrollbar-width:none;-ms-overflow-style:none}.editor-main-content::-webkit-scrollbar{display:none}.content-area-header{margin-bottom:24px}.content-title{font-size:25px;font-weight:400;color:var(--text-dark);margin:0;position:relative;display:inline-block}.content-title:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:4px;background:linear-gradient(90deg,var(--primary) 0%,#1a2071 100%);border-radius:2px}.content-body{padding-top:16px;overflow:visible}.content-section{background-color:var(--bg-card);padding:32px;border-radius:16px;box-shadow:var(--shadow);margin-bottom:32px;border:1px solid var(--border-light);transition:var(--transition)}.content-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.section-title{font-size:20px;font-weight:700;color:var(--text-dark);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.sub-nav-container{position:relative;display:flex;border:1px solid var(--border-light);border-radius:12px;padding:6px;background-color:#f3f4f6;margin-bottom:28px;width:fit-content}.sub-nav-button{padding:10px 24px;font-size:14px;font-weight:600;color:var(--text-medium);background:none;border:none;cursor:pointer;transition:var(--transition);position:relative;z-index:1;border-radius:8px}.sub-nav-button.active{color:var(--primary-dark)}.sub-nav-indicator{position:absolute;top:6px;bottom:6px;height:calc(100% - 12px);background:var(--bg-card);border-radius:8px;box-shadow:var(--shadow);transition:all .4s cubic-bezier(.23,1,.32,1);z-index:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.full-width{grid-column:1 / -1}.form-field>label{font-weight:600;color:var(--text-dark);font-size:14px}.styled-input,.styled-textarea,.styled-select{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:10px;font-size:14px;transition:var(--transition);background-color:var(--bg-light);color:var(--text-dark)}.styled-input:focus,.styled-textarea:focus,.styled-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133;background-color:var(--bg-card)}.styled-textarea{min-height:80px;resize:vertical}.styled-textarea.code{font-family:Fira Code,monospace;background-color:#1f2937;color:#d1d5db;border-color:#374151}.field-note{font-size:13px;color:var(--text-light);margin-top:4px}.file-upload{display:flex;align-items:center;gap:12px}.file-upload input[type=file]{display:none}.file-upload .button-secondary{padding:8px 16px}.file-name{font-size:13px;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.button-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)!important;color:#fff;padding:12px 20px;border:none;border-radius:10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 8px #0003;transition:all .3s ease-in-out,transform .2s ease-out;letter-spacing:.3px;transition:var(--transition);box-shadow:var(--shadow-sm)}.button-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.button-primary:disabled{background:var(--text-light);cursor:not-allowed;transform:none;box-shadow:none}.button-secondary{background-color:var(--bg-card);color:var(--text-medium);padding:12px 20px;border:1px solid var(--border-light);border-radius:10px;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px}.button-secondary:hover{border-color:var(--primary-light);color:var(--primary-dark);background-color:#f7f7ff}.button-dark:hover{background-color:#5a6b7d;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.button-dark{background-color:#4a5568!important;color:#e0e6ed;border:1px solid #5a6b7d;padding:12px 25px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease-in-out,transform .2s ease-out;letter-spacing:.3px;box-shadow:0 4px 8px #0003}.button-primary-full{width:100%;margin-top:16px;background-color:transparent;color:var(--primary-dark);border:1px dashed var(--primary-light);padding:12px 16px;border-radius:10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition)}.button-primary-full:hover{background-color:#6366f11a;border-style:solid}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100;background-color:#000000a6;backdrop-filter:none;-webkit-backdrop-filter:none;animation:modalFadeIn .3s ease-out;padding:20px;box-sizing:border-box}.modal-content{background-color:var(--bg-card);border-radius:10px;padding:0;width:100%;max-width:560px;box-shadow:var(--shadow-lg)}.modal-header{padding:24px 32px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.6rem;font-weight:700;color:var(--text-dark)}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-light);transition:color .2s}.modal-close:hover{color:var(--text-dark)}.modal-body{padding:32px}.modal-body h4{margin-top:0;margin-bottom:20px;font-size:16px;color:var(--text-medium);font-weight:600}.modal-footer{display:flex;justify-content:flex-end;gap:16px;padding:24px 32px;border-top:1px solid var(--border-light);background-color:var(--bg-light);border-bottom-left-radius:16px;border-bottom-right-radius:16px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.template-card{border:2px solid var(--border-light);border-radius:16px;cursor:pointer;transition:var(--transition);overflow:hidden;background-color:var(--bg-card)}.template-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.template-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px #6366f14d}.template-thumbnail{width:100%;height:180px;background:var(--bg-light);position:relative;overflow:hidden;border-radius:12px 12px 0 0}.template-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.template-card:hover .template-thumbnail img{transform:scale(1.05)}.template-info{padding:20px}.template-info h4{font-weight:700;color:var(--text-dark);margin:0 0 6px}.template-info p{font-size:14px;color:var(--text-light);margin:0}.stage-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stage-option-card{padding:20px;border:1px solid var(--border-light);border-radius:12px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:16px}.template-selection-modal{max-width:1200px;width:calc(100% - 40px);margin:0 auto;max-height:90vh;display:flex;flex-direction:column;position:relative}.template-modal-body{overflow-y:auto;max-height:calc(90vh - 100px);padding:32px}.template-modal-body::-webkit-scrollbar{width:8px}.template-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.template-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.template-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.template-options-grid{display:flex;flex-direction:column;gap:16px}.template-option-header{margin-bottom:8px}.template-option-card{display:flex;align-items:center;gap:20px;padding:20px 22px;border:1px solid var(--border-light);border-radius:10px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;background-color:var(--bg-card);position:relative;overflow:hidden}.template-option-card:before{display:none}.template-option-card:hover{transform:none;box-shadow:0 1px 3px #0f172a0f;border-color:#94a3b8a6;background-color:#f8fafcd9}.template-option-card.current-template{border-color:#2563eb73;background:#eff6ffa6}.template-option-card.current-template:hover{border-color:#2563eb8c;box-shadow:0 1px 3px #2563eb1f}.template-option-card.disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-light)}.template-option-card.disabled:hover{transform:none;box-shadow:none;border-color:var(--border-light)}.template-option-icon{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:none;border:1px solid rgba(226,232,240,.9);transition:none}.template-option-card:hover .template-option-icon{transform:none}.template-option-content{flex:1;min-width:0}.template-option-content h4{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--text-dark);letter-spacing:-.01em}.template-option-content p{margin:0;font-size:13px;color:var(--text-medium);line-height:1.5}.current-badge{display:inline-block;margin-top:8px;padding:3px 10px;background-color:#2563eb1a;color:#1d4ed8;border:1px solid rgba(37,99,235,.25);border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.template-option-arrow{color:var(--text-light);transition:color .2s ease,transform .2s ease;flex-shrink:0;opacity:.65}.template-option-card:hover .template-option-arrow{color:var(--text-dark);transform:translate(2px)}.template-option-card.disabled .template-option-arrow{display:none}.template-option-image{width:120px;height:90px;border-radius:12px;overflow:hidden;flex-shrink:0;position:relative;border:2px solid var(--success);box-shadow:0 4px 6px -1px #0000001a}.template-option-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.template-option-card.current-template:hover .template-option-image img{transform:scale(1.05)}.image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,transparent 50%);display:flex;align-items:flex-start;justify-content:flex-end;padding:8px}.template-grid-modal{width:100%}.template-grid-modal .template-grid{max-height:600px;overflow-y:auto;padding-right:8px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.template-grid-modal .template-grid::-webkit-scrollbar{width:8px}.template-grid-modal .template-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.template-grid-modal .template-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.template-grid-modal .template-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.template-selected-overlay{position:absolute;inset:0;background:#10b98133;display:flex;align-items:center;justify-content:center;border-radius:16px}.selected-badge{background-color:var(--success);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003}.back-button:hover{background-color:#f3f4f6;border-radius:6px}.stage-option-icon{width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,#6366f11a,#4f46e51a);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.stage-option-card-content h4{font-weight:600;font-size:15px;color:var(--text-dark);margin:0}.payment-gateway-card{border:1px solid var(--border-light);border-radius:12px;padding:24px;margin-top:16px}.gateway-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.gateway-header h4{font-size:18px;margin:0;font-weight:600}.status-badge{padding:6px 12px;border-radius:9999px;font-size:12px;font-weight:600}.status-badge.connected{background-color:#10b9811a;color:var(--success)}.status-badge:not(.connected){background-color:#f3f4f6;color:var(--text-light)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fadeIn{animation:modalFadeIn .5s ease-out forwards}@media(max-width:575px){.editor-container{height:100vh;overflow-x:hidden}.editor-header{padding:12px 16px;flex-wrap:wrap;gap:12px}.editor-header h1{font-size:18px;line-height:1.3}.editor-header p{font-size:12px}.header-actions{flex-wrap:wrap;gap:8px;width:100%}.header-actions button{font-size:12px;padding:8px 12px}.editor-sidebar{width:100%;min-width:100%;max-width:100%;position:fixed;left:0;top:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s ease;box-shadow:var(--shadow-lg);padding:16px}.editor-sidebar.open{transform:translate(0)}.editor-layout{flex-direction:column}.editor-main-content{padding:12px;width:100%;overflow-x:hidden}.content-area-header{flex-direction:column;align-items:flex-start!important;gap:12px!important}.content-title{font-size:18px!important}.sub-nav-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.sub-nav-button{font-size:13px;padding:8px 12px;white-space:nowrap}.form-grid,.template-grid{grid-template-columns:1fr;gap:16px}.template-card{width:100%}.stage-type-grid{grid-template-columns:1fr}.stages-list{gap:8px}.stage-item{padding:10px 12px;font-size:13px}.stage-actions{gap:6px}.modal-content{width:95vw!important;max-width:95vw!important;margin:10px;max-height:90vh}.template-selection-modal{width:95vw!important;max-width:95vw!important}.template-grid-modal{padding:12px}.skeleton-layout{flex-direction:column}.skeleton-sidebar{width:100%}}@media(min-width:576px)and (max-width:767px){.editor-header{padding:14px 20px}.editor-header h1{font-size:20px}.editor-sidebar{width:280px;min-width:280px;padding:20px}.editor-main-content{padding:16px}.form-grid{grid-template-columns:1fr;gap:20px}.template-grid{grid-template-columns:repeat(2,1fr);gap:16px}.content-area-header{flex-wrap:wrap;gap:12px}}@media(min-width:768px)and (max-width:991px){.editor-header{padding:16px 24px}.editor-header h1{font-size:21px}.editor-sidebar{width:280px;min-width:280px;padding:20px}.editor-main-content{padding:20px}.form-grid,.template-grid{grid-template-columns:repeat(2,1fr);gap:20px}.content-area-header{flex-wrap:wrap}}@media(min-width:992px)and (max-width:1199px){.editor-header{padding:16px 28px}.editor-sidebar{width:280px;min-width:280px;padding:22px}.editor-main-content{padding:24px}.form-grid,.template-grid{grid-template-columns:repeat(2,1fr);gap:20px}.content-area-header{flex-wrap:wrap}.header-actions{flex-wrap:wrap;gap:10px}}@media(min-width:1200px)and (max-width:1399px){.editor-sidebar{width:300px;min-width:300px}.form-grid{grid-template-columns:repeat(2,1fr);gap:24px}.template-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media(min-width:1400px){.editor-sidebar{width:320px;min-width:320px}.form-grid,.template-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media(max-height:700px){.editor-header{padding:12px 24px}.editor-header h1{font-size:20px}.editor-sidebar{padding:16px}.sidebar-title{font-size:16px;margin-bottom:16px}.stages-list{gap:6px}.stage-item{padding:8px 12px}.editor-main-content{padding:16px}}@media(max-width:991px)and (orientation:landscape){.editor-header{padding:10px 20px}.editor-sidebar{width:260px;min-width:260px}.editor-main-content{padding:16px}}.sidebar-toggle-mobile{display:none;position:fixed;top:16px;left:16px;z-index:1001;background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:10px;box-shadow:var(--shadow);cursor:pointer;transition:all .3s ease}.sidebar-toggle-mobile:hover{background:#f7fafc;transform:scale(1.05)}@media(max-width:767px){.sidebar-toggle-mobile{display:flex;align-items:center;justify-content:center}.editor-header{padding-left:60px!important}.editor-main-content{margin-left:0!important}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.active{display:block;opacity:1}@media(max-width:767px){.sidebar-overlay{display:block}.editor-sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1)}.editor-sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000026}}@media(max-width:575px){.section-title{font-size:18px!important}.field-note{font-size:12px}.button-primary,.button-secondary{font-size:13px;padding:10px 16px}}@media(max-width:767px){.modal-content{width:95vw!important;max-width:95vw!important;margin:10px auto;padding:16px!important}.modal-header,.modal-body{padding:16px!important}.template-options-grid{grid-template-columns:1fr!important;gap:12px!important}.template-option-card{padding:16px!important}}@media(max-width:767px){.content-section{overflow-x:auto}table{font-size:12px}}@media print{.editor-sidebar,.header-actions,.stage-actions{display:none}.editor-main-content{width:100%}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;text-align:center;padding:2rem;background-color:#f9fafb;border-radius:8px;margin:2rem}.loading-spinner{width:50px;height:50px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#3b82f6;animation:spin 1s ease-in-out infinite;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-title{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:.75rem}.loading-description{color:#6b7280;max-width:500px;line-height:1.5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;text-align:center;padding:2rem;box-shadow:none;border-radius:8px;margin:2rem}.empty-state h2{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:1rem}.empty-state p{color:#6b7280;max-width:500px;line-height:1.5;margin-bottom:2rem}.empty-state .button-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.empty-state .button-primary:hover{background-color:#2563eb}.empty-state .button-primary svg{width:18px;height:18px}