body{font-family:'Rawline',sans-serif;}.mycontent-left{border-right:1px dashed #333;}@media (max-width:991px){.mycontent-left{border-right:none;}}.feature-title{font-weight:bold;font-size:1.25rem;margin-bottom:1rem;color:#024263;}.feature-step{display:flex;flex-direction:column;gap:20px;padding-left:1rem;color:#333;}.feature-video{padding:15px;background-color:#F4FEFF;border-radius:10px;}.header-row{font-size:14px;font-weight:600;color:#024263;margin-bottom:8px;}.file-entry{border:1px solid #dee2e6;border-radius:8px;padding:12px 16px;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.05);}.file-entry .input-group-text{background-color:#024263;color:#fff;border:none;border-radius:6px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:12px;margin-right:16px;}.file-name a{color:#024263;text-decoration:none;font-weight:500;font-size:13px;word-break:break-all;overflow-wrap:break-word;}.file-name a:hover{text-decoration:underline;}.icon-link{color:#024263;font-size:1.2rem;}.feature-card-upgraded{border:1px solid #e0e0e0;border-radius:16px;background-color:#ffffff;transition:all 0.3s ease;}.feature-card-upgraded:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,0.08);}.feature-icon-circle{width:70px;height:70px;margin:0 auto 15px;background-color:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0;}.feature-icon-circle i{font-size:30px;color:#024263;}.feature-title-upgraded{font-size:20px;font-weight:600;margin-bottom:10px;color:#222;}.feature-desc-upgraded{font-size:15px;color:#6c757d;min-height:60px;}.feature-btn-upgraded{display:inline-block;background-color:#024263;color:#ffffff !important;padding:10px 26px;text-decoration:none;border-radius:6px;font-weight:500;transition:background-color 0.3s ease;}.feature-btn-upgraded:hover{background-color:#012d4b;}.editor-toolbar{display:flex;align-items:center;padding:0.5rem 1rem;background-color:#ffffff;border-bottom:1px solid #e5e5e5;box-shadow:0 1px 2px rgba(0,0,0,0.05);z-index:10;overflow:auto;}.editor-title{display:flex;align-items:center;gap:0.5rem;font-size:1rem;font-weight:600;color:#024263;margin-right:1.5rem;}.toolbar-controls{display:flex;align-items:center;flex-grow:1;gap:0.5rem;}.control-group{display:flex;align-items:center;gap:0.25rem;border-right:1px solid #e5e5e5;padding-right:0.5rem;margin-right:0.5rem;}.control-group:last-child{border-right:none;}.font-family-select,.font-size-select{height:2rem;border:1px solid #e5e5e5;border-radius:4px;padding:0 0.5rem;font-size:0.875rem;background-color:#ffffff;}.font-family-select{width:140px;}.font-size-select{width:100px;}.format-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background-color:#ffffff;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;transition:all 0.2s ease;}.format-btn:hover{background-color:#f9fafb;}.format-btn.active{background-color:#024263;color:white;border-color:#024263;}input[type="color"]{width:2rem;height:2rem;padding:0;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;}.toolbar-actions{display:flex;align-items:center;gap:0.5rem;}.action-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;height:2.25rem;padding:0 1rem;background-color:#ffffff;border:1px solid #e5e5e5;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;width:100%;margin-top:10px;}.action-btn:disabled{border:1px solid #ddd !important;background-color:#e9ecef !important;color:#666666 !important;cursor:not-allowed !important;}.action-btn.primary{background-color:#024263;color:white;border-color:#024263;}.action-btn.primary:hover{background-color:#01344e;}.action-btn.secondary{background-color:#f3f4f6;border-color:#e5e7eb;color:#024263;}.action-btn.secondary:hover{background-color:#e5e7eb;}.action-btn.danger{background-color:#9d101c;color:white;border-color:#9d101c;}.action-btn.danger:hover{background-color:#bb2d3b;}.editor-main{display:flex;flex:1;overflow:hidden;}.editor-sidebar{width:280px;background-color:#ffffff;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;overflow:hidden;}.sidebar-tabs{display:flex;border-bottom:1px solid #e5e5e5;}.tab-btn{flex:1;padding:0.75rem 1rem;background-color:#ffffff;border:none;font-size:0.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all 0.2s ease;}.tab-btn.active{color:#024263;border-bottom:2px solid #024263;}.sidebar-panel{display:none;flex-direction:column;overflow-y:auto;padding:1rem;height:100%;}.sidebar-panel.active{display:flex;}.panel-section{margin-bottom:1.5rem;}.section-title{font-size:0.875rem;font-weight:600;margin:0.75rem 0;color:#333;display:flex;align-items:center;justify-content:space-between;}.count{font-size:0.75rem;font-weight:400;color:#6b7280;}.element-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;}.element-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffff;border:1px solid #e5e5e5;border-radius:6px;padding:1rem 0.5rem;cursor:pointer;transition:all 0.2s ease;}.element-btn:hover{background-color:#f9fafb;transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,0.1);}.element-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:0.5rem;font-size:1.5rem;font-weight:600;color:#024263;}.element-label{font-size:0.813rem;font-weight:500;}.element-list{background-color:#ffffff;border:1px solid #e5e5e5;border-radius:6px;max-height:300px;overflow:auto;}.element-item{padding:0.75rem;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;transition:all 0.2s ease;cursor:pointer;}.element-item:last-child{border-bottom:none;}.element-item:hover{background-color:#f9fafb;}.element-item.selected{background-color:#e0f2fe;border-left:2px solid #024263;}.element-info{flex:1;}.element-actions{display:flex;gap:0.25rem;}.action-btn.edit,.action-btn.rotate,.action-btn.delete{width:1.5rem;height:1.5rem;padding:0;display:flex;align-items:center;justify-content:center;}.action-btn.edit{background-color:#fbbf24;color:white;border-color:#fbbf24;}.action-btn.rotate{background-color:#3b82f6;color:white;border-color:#3b82f6;}.action-btn.delete{background-color:#9d101c;color:white;border-color:#9d101c;}.empty-state{padding:2rem 1rem;text-align:center;color:#6b7280;font-size:0.875rem;}.settings-group{margin-bottom:1rem;}.settings-group label{display:block;font-size:0.813rem;font-weight:500;margin-bottom:0.5rem;color:#333;}.unit-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;margin-bottom:1rem;}.unit-option{padding:0.5rem;text-align:center;background-color:#ffffff;border:1px solid #e5e5e5;border-radius:4px;font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;}.unit-option:hover{background-color:#f9fafb;}.unit-option.active{background-color:#024263;color:white;border-color:#024263;}.size-inputs{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;}.input-wrapper{position:relative;}.form-control{width:100%;height:2.25rem;padding:0 0.75rem;background-color:#ffffff;border:1px solid #e5e5e5;border-radius:4px;font-size:0.875rem;transition:all 0.2s ease;}.form-control:focus{outline:none;border-color:#024263;box-shadow:0 0 0 2px rgba(2,66,99,0.1);}.update-btn,.add-text-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;height:2.5rem;background-color:#024263;color:white;border:none;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;}.update-btn:hover,.add-text-btn:hover{background-color:#01344e;}#saveLabelSubmitBtn{background-color:#024263;border-color:#024263;color:#ffffff;}#saveLabelSubmitBtn:hover{background-color:#01344e;border-color:#01344e;}.canvas-container{position:relative;}canvas{background-color:transparent;box-shadow:0 10px 15px rgba(0,0,0,0.1);border-radius:8px;}.canvas-controls{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:0.5rem;background-color:#ffffff;padding:0.5rem;border-radius:6px;box-shadow:0 4px 6px rgba(0,0,0,0.1);z-index:99;}.canvas-template-actions{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;gap:0.5rem;z-index:99;}.canvas-action-btn{border:none;border-radius:6px;padding:0.4rem 0.75rem;font-size:0.75rem;font-weight:600;background-color:#024263;color:#ffffff;cursor:pointer;transition:all 0.2s ease;}.canvas-action-btn:disabled{background-color:#e9ecef;color:#666666;cursor:not-allowed;}.canvas-action-btn:hover:not(:disabled){background-color:#01344e;}.zoom-btn{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background-color:#ffffff;border:1px solid #e5e5e5;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;}.zoom-btn:hover{background-color:#f9fafb;}.hidden{display:none !important;}.barcode-tools,.text-tools{display:none;}@media (max-width:1200px){.toolbar-controls{gap:0.25rem;}.control-group{margin-right:0.25rem;padding-right:0.25rem;}}@media (max-width:992px){.editor-toolbar{flex-wrap:wrap;gap:0.5rem;}.editor-title{margin-right:0;width:100%;margin-bottom:0.5rem;}.toolbar-controls{order:3;width:100%;overflow-x:auto;padding-bottom:0.5rem;}}@media (max-width:768px){.editor-main{flex-direction:column;}.editor-sidebar{width:100%;height:300px;border-right:none;border-bottom:1px solid #e5e5e5;}.canvas-workspace{width:100%;}}#canvasWrapper{position:relative;width:100%;height:100%;overflow:auto !important;display:flex;align-items:center;justify-content:center;}#canvasWrapper:focus-visible{outline:none;}.div-canvas{transform-origin:50% 50%;}.canvas-workspace{position:relative;overflow:visible !important;flex:1;background-color:#f5f5f5;min-height:650px;display:flex;align-items:center;justify-content:center;}.panel-subtitle{font-size:0.813rem;color:#6b7280;}.templates-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:0.75rem;}.templates-title{display:flex;flex-direction:column;gap:0.25rem;}.templates-panel-actions{display:flex;flex-direction:column;gap:0.4rem;}.templates-panel-header .section-title{font-size:0.95rem;}.template-edit-banner{border:1px dashed #60a5fa;background-color:#eff6ff;border-radius:8px;padding:0.6rem;display:flex;flex-direction:column;gap:0.5rem;}.template-edit-banner .edit-actions{display:flex;gap:0.5rem;flex-wrap:wrap;}.saved-template-list{flex:1;display:flex;flex-direction:column;gap:0.5rem;max-height:415px;overflow:auto;}.saved-template-item{border:1px solid #e5e7eb;border-left:3px solid #ddd;border-radius:8px;padding:0.65rem 0.75rem;display:flex;flex-direction:column;gap:0.35rem;transition:border-color 0.2s ease,box-shadow 0.2s ease;background-color:#f8f9fa;}.saved-template-row{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;}.saved-template-info{min-width:0;flex:1;}.saved-template-item.default-preset{border-left-color:#024263;background-color:#e6f2f7;}.saved-template-name{font-weight:600;color:#1f2937;font-size:0.9rem;}.saved-template-meta{font-size:0.75rem;color:#6b7280;}.saved-template-meta:empty{display:none;}.template-menu{position:relative;}.template-menu-toggle{border:1px solid #d1d5db;background-color:#fff;color:#374151;border-radius:6px;width:30px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;cursor:pointer;transition:all 0.2s ease;padding:0;}.template-menu-toggle:hover{background-color:#f3f4f6;}.template-menu-dots{line-height:1;font-size:1.1rem;letter-spacing:0.12rem;transform:translateY(-1px);}.template-menu-list{position:fixed;background:#ffffff;border:1px solid #e5e7eb;border-radius:10px;padding:0.35rem;display:none;min-width:140px;box-shadow:0 10px 28px rgba(15,23,42,0.15);z-index:5;}.saved-template-item.menu-open .template-menu-list{display:flex;flex-direction:column;gap:0.2rem;}.template-actions{display:flex;flex-wrap:wrap;gap:0.3rem;}.template-menu-list .template-action-btn{width:100%;justify-content:flex-start;text-align:left;padding:0.35rem 0.6rem;font-size:0.75rem;border:none;border-radius:6px;background:transparent;}.template-menu-list .template-action-btn:hover{background-color:#f3f4f6;}.template-menu-list .template-action-btn.danger:hover{background-color:#fee2e2;}.template-action-btn{border:1px solid #d1d5db;background-color:#fff;color:#374151;border-radius:6px;padding:0.2rem 0.45rem;font-size:0.7rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;}.template-action-btn:hover{background-color:#f3f4f6;}.template-action-btn.danger{border-color:#fca5a5;color:#b91c1c;}.align-btn.active{background-color:#024263;color:white;border-color:#024263;}#selectionOverlay,#elementControls{z-index:10000;}.resize-handle{position:absolute;width:10px;height:10px;border:2px solid #024263;background:white;border-radius:50%;pointer-events:auto;transform:translate(-50%,-50%);z-index:10001;box-shadow:0 2px 4px rgba(0,0,0,0.2);}#rotateIcon,#deleteIcon{position:absolute;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,0.2);transform:translate(-50%,-50%);z-index:10002;pointer-events:auto;}#rotateIcon{background:#024263;cursor:pointer;}#deleteIcon{background:#9d101c;cursor:pointer;}.canvas-container{display:inline-block;position:relative;}.element-editor{position:absolute;width:280px;background:white;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.2);z-index:2000;padding:15px;font-size:14px;}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:8px;}.editor-header .close-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:0;color:#666;}.editor-controls{display:none;}.control-group label{display:block;margin-bottom:5px;font-weight:500;color:#333;}.control-row{display:flex;gap:10px;margin-bottom:12px;}.half{width:50%;}.form-control{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;}textarea.form-control{min-height:80px;resize:vertical;}.format-buttons{display:flex;gap:5px;}.format-btn{width:32px;height:32px;border:1px solid #ddd;background:#f9f9f9;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;}.format-btn.active{background:#024263;color:white;border-color:#024263;}.update-btn{width:100%;padding:10px;background:#024263;color:white;border:none;border-radius:4px;font-weight:500;cursor:pointer;margin-top:5px;}.update-btn:hover{background:#035982;}.canvas-size-inputs{display:flex;gap:12px;}.canvas-size-inputs input{flex:1;}.preset-list{margin-top:10px;max-height:250px;overflow-y:auto;}.preset-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:4px;background-color:#f8f9fa;margin-bottom:8px;border-left:3px solid #ddd;}.preset-item.default-preset{border-left-color:#024263;background-color:#e6f2f7;}.preset-info{flex:1;}.preset-name{font-weight:600;font-size:14px;}.preset-details{font-size:12px;color:#666;}.preset-actions{display:flex;gap:5px;}.preset-btn{width:26px;height:26px;border:none;border-radius:4px;background:#fff;color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;}.preset-btn:hover{background:#e9ecef;transform:translateY(-1px);}.preset-btn.apply{color:#198754;}.preset-btn.default{color:#ffc107;}.preset-btn.default.active{background-color:#ffc107;color:#212529;}.preset-btn.apply.active{background:#198754;color:white;}.preset-btn.delete{color:#dc3545;}.empty-presets{text-align:center;padding:15px;color:#6c757d;font-size:14px;}.modal-preset-list{max-height:350px;overflow-y:auto;margin-bottom:10px;}.modal-preset-item{display:flex;justify-content:space-between;align-items:center;padding:11px;border-radius:6px;background-color:#f8f9fa;margin-bottom:10px;border-left:4px solid #ddd;cursor:pointer;transition:all 0.2s ease;}.modal-preset-item:hover{background-color:#e9ecef;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,0.1);}.modal-preset-item.default-preset{border-left-color:#024263;background-color:#e6f2f7;}.modal-preset-info{display:flex;justify-content:space-between;width:100%;align-items:center;}.modal-preset-name{font-weight:600;font-size:15px;display:flex;align-items:center;margin-bottom:4px;}.modal-preset-details{font-size:13px;color:#666;}.default-star{margin-left:8px;color:#ffc107;cursor:pointer;}.default-star svg{vertical-align:-2px;}.empty-presets{text-align:center;padding:20px;color:#6c757d;font-style:italic;}.default-toggle{display:inline-flex;align-items:center;margin-top:5px;font-size:13px;color:#666;user-select:none;cursor:pointer;}.default-toggle input{margin-right:5px;}.default-toggle svg{margin-left:5px;color:#ffc107;}#selectionBorder{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10000;}#border{position:absolute;border:2px dashed #024263;background:rgba(173,216,230,0.1);pointer-events:none;box-sizing:border-box;z-index:10000;}#notification{position:fixed;top:110px;right:20px;padding:15px 25px;border-radius:10px;background-color:white;box-shadow:0 5px 20px rgba(0,0,0,0.15);font-size:14px;max-width:300px;z-index:99999;transition:all 0.3s ease;transform:translateX(400px);opacity:0;}#notification.show{transform:translateX(0);opacity:1;}#notification.success{border-left:5px solid #28a745;}#notification.error{border-left:5px solid #dc3545;}#notification.warning{border-left:5px solid #ffc107;}#notification.info{border-left:5px solid #198ea8;}.sticky-left-icons{position:fixed;left:0;top:50%;transform:translateY(-50%);background-color:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:12px;padding:8px;box-shadow:0 4px 20px rgba(0,0,0,0.15);display:flex;flex-direction:column;gap:8px;z-index:9;border:1px solid rgba(0,0,0,0.1);border-top-left-radius:0px;border-bottom-left-radius:0px;}.sticky-left-icons a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#024263;border-radius:8px;text-decoration:none;color:white;transition:all 0.2s ease;position:relative;border:1px solid #e0e0e0;}.sticky-left-icons a:hover{background-color:#f8fafc;color:#024263;transform:scale(1.05);transition:all 0.4s;}.sticky-left-icons a i{font-size:16px;}.sticky-left-icons a::after{content:attr(title);position:absolute;left:50px;top:50%;transform:translateY(-50%);background-color:#333;color:white;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:1000000;}.sticky-left-icons a:hover::after{opacity:1;}.main-content{padding-right:30px;}.filedrop--item{width:calc(25% - 0.5em);height:100%;}.filepond--label-action{color:#024263;}.filedrop--panel-root{background-color:transparent !important;border:none !important;border-radius:8px;}.filedrop--panel[data-scalable=true]{background-color:white !important;border:2px dashed #ddd !important;}.filedrop--panel-top,.filedrop--panel-bottom{display:none !important;}.filedrop--root:hover .filedrop--panel-root,.filedrop--root:hover{background-color:#f8fafc !important;border-color:#024263 !important;transition:all 0.2s ease;}.images_child{font-size:48px !important;color:#024263;}.title-section{text-align:center;margin-bottom:10px;}.main-title{font-size:40px;color:#024263;margin-bottom:10px;}.sub-title{font-size:16px;color:#212529;}.sidebar{background-color:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);padding:25px;height:fit-content;position:sticky;top:100px;}@media (max-width:768px){.sidebar{position:unset;box-shadow:none;}}@media (max-width:576px){.sidebar{padding:10px;}.main-content{padding-right:0;}}.sidebar-title{font-size:20px;color:#024263;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e9e9e9;}.checkbox-group{display:flex;align-items:center;justify-content:start;gap:10px;margin-bottom:8px;}.checkbox-group .form-check-input{width:18px;height:18px;margin-top:0 !important;border:1px solid #ccc;border-radius:2px !important;}.checkbox-group .form-check-input:checked,.checkbox-group .form-check-input:checked[type="checkbox"]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-13 80 1050 1040'%3E%3Cpath fill='%23024263' d='M263 1120c-24.667 0-47.083-7.33-67.25-22q-30.25-22.005-41.75-57L-7.5 555.5Q-13 539-13 517q0-31.5 15.5-57.25t41.75-41.25T101.5 403q37 0 67.25 22.5t42.25 58l96 287L823 134q23.5-28.5 46.5-41.25T921 80q32 0 58.25 16t42 42.75T1037 197.5q0 39.5-24 69.5l-657.5 809c-23.667 29.33-54.5 44-92.5 44'/%3E%3C/svg%3E") !important;background-position:center !important;background-repeat:no-repeat !important;background-size:7px !important;background-color:white !important;border-color:#024263 !important;border-radius:4px !important;border-width:2px !important;}input[type="radio"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:1px solid #999;border-radius:50%;position:relative;cursor:pointer;outline:none;}input[type="radio"]:checked{border-color:#024263;background-color:white;}input[type="radio"]:checked::before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:#024263;border-radius:50%;transform:translate(-50%,-50%);}.checkbox-group label{font-size:15px;cursor:pointer;}.checkbox-group textarea{border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:10px;}input{border:1px solid #e0e0e0;border-radius:8px;padding:2px 8px;}.checkbox-group textarea:focus-visible,.checkbox-group textarea:focus,input:focus-visible,input:focus{outline:1px solid #024263;border:1px solid #024263;}.files-section{background-color:#f8f9fa;padding:15px;border-radius:8px;}.files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;}.files-title{font-size:16px;font-weight:600;}.files-count{background-color:#024263;color:white;padding:3px 10px;border-radius:20px;font-size:12px;}.file-item{display:flex;justify-content:space-between;align-items:baseline;padding:10px;background-color:white;border-radius:8px;margin-bottom:8px;gap:10px;overflow-y:auto;}.file-item .file-name{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.empty-file-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;align-items:center;padding:25px 0;text-align:center;}.empty-file-icon{margin-bottom:15px;color:#adb5bd;}.empty-file-message{font-size:16px;font-weight:500;color:#555;margin:0 0 8px 0;}.empty-file-hint{font-size:14px;color:#495057;margin:0;}.how-to{background-color:white;padding:25px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);}.range-header{display:flex;align-items:center;justify-content:space-between;margin:15px 0px;}.range-header h4{color:#024263;font-size:16px;margin:0 0 5px 0;}.range-info{color:#666;font-size:13px;}.range-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background-color:#f8f9fa;border-radius:6px;transition:all 0.2s ease;}.range-item:hover{background-color:#edf2f7;}.range-inputs{display:flex;align-items:center;justify-content:flex-start;flex:1;gap:20px;}.range-inputs label{color:#666;font-size:15px;}.page-input{width:80px;height:36px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;}.page-input:focus{border-color:#198ea8;outline:none;box-shadow:0 0 0 3px rgba(25,142,168,0.2);}.delete-range{background:none;border:none;color:#666;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}.delete-range:hover{background-color:#ffebee;color:#e53935;}.add-range-btn{background:none;border:2px solid #198ea8;color:#198ea8;border-radius:20px;cursor:pointer;font-weight:500;font-size:14px;transition:all 0.2s ease;}.add-range-btn:hover{background-color:rgba(25,142,168,0.1);color:#198ea8;}.preview-panel{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;height:100%;display:flex;flex-direction:column;min-height:500px;}.preview-header{padding:15px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;}.preview-header h5{margin:0;color:#024263;font-size:16px;font-weight:600;}.preview-tabs{display:flex;gap:5px;}.preview-tab{padding:6px 15px;border-radius:20px;background:none;border:1px solid #ced4da;font-size:13px;font-weight:500;color:#6c757d;cursor:pointer;transition:all 0.2s ease;}.preview-tab:hover{background-color:#f9fafb;color:#6c757d;}.preview-tab.active{background-color:#024263;color:white;border-color:#024263;}.preview-content{flex:1;padding:20px;overflow:auto;}.template-preview-container{height:100%;display:flex;flex-direction:column;}.label-preview{flex:1;display:flex;justify-content:center;align-items:center;min-height:300px;}.label-sample{max-width:500px;max-height:490px;background-color:white;border:1px solid #ced4da;border-radius:4px;box-shadow:0 4px 15px rgba(0,0,0,0.1);position:relative;overflow:hidden;}.label-preview-img{width:100%;height:100%;object-fit:contain;}.label-elements-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}.text-element{position:absolute;font-size:12px;color:#333;background-color:rgba(255,255,255,0.8);padding:2px 4px;border-radius:2px;border:1px dashed #adb5bd;}@media (max-width:991px){.preview-panel{margin-top:25px;min-height:400px;}}.info-panel{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:18px;margin-bottom:25px;transition:all 0.2s ease;}.info-panel:hover{box-shadow:0 2px 8px rgba(0,0,0,0.08);}.info-panel h5{font-size:16px;margin-bottom:12px;color:#024263;font-weight:600;}.info-panel p{margin:5px 0;font-size:14px;color:#495057;}.info-panel strong{color:#024263;font-weight:600;}.template-badge{display:inline-block;background-color:#e6f7eb;color:#28a745;padding:6px 12px;border-radius:50px;font-size:13px;font-weight:500;}.bulk-steps{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;}.bulk-step{display:flex;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;overflow:hidden;transition:all 0.2s ease;}.bulk-step.active{border-color:#024263;background-color:#f0f8ff;box-shadow:0 3px 10px rgba(2,66,99,0.15);transform:translateY(-2px);}.bulk-step.completed{border-color:#28a745;background-color:#f0fff4;}.step-number{display:flex;justify-content:center;align-items:center;width:50px;background-color:#e9ecef;color:#6c757d;font-size:20px;font-weight:bold;transition:all 0.2s ease;}.bulk-step.active .step-number{background-color:#024263;color:white;}.bulk-step.completed .step-number{background-color:#28a745;color:white;}.step-content{padding:18px 22px;flex:1;}.step-content h5{margin:0 0 10px 0;color:#024263;font-size:16px;font-weight:600;}.step-content p{margin:0 0 15px 0;color:#6c757d;font-size:14px;line-height:1.5;}.step-status{font-size:14px;color:#28a745;display:flex;align-items:center;gap:5px;font-weight:500;}.upload-container{margin-top:15px;}.file-upload-label{display:flex;align-items:center;justify-content:center;background-color:#e9ecef;color:#495057;padding:12px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all 0.2s ease;border:2px dashed #ced4da;}.file-upload-label:hover{background-color:#ced4da;border-color:#adb5bd;}.file-upload-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}.selected-file-container{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background-color:#e6f7eb;border-radius:6px;margin-top:10px;}.selected-file-name{font-size:14px;color:#28a745;font-weight:500;word-break:break-all;}.remove-file-btn{background:none;border:none;color:#dc3545;cursor:pointer;font-size:16px;padding:0;margin-left:10px;}.progress-container{margin-top:15px;width:100%;background-color:#e9ecef;border-radius:50px;height:10px;overflow:hidden;position:relative;}.progress-bar{height:100%;background:linear-gradient(90deg,#024263,#0487c1);width:0%;transition:width 0.3s ease;border-radius:50px;}.progress-text{margin-top:8px;font-size:13px;color:#024263;text-align:center;font-weight:500;}.data-preview-container{margin-top:30px;border-top:1px solid #dee2e6;padding-top:25px;}.data-preview-count{background-color:#e9ecef;color:#495057;padding:4px 10px;border-radius:50px;font-size:13px;font-weight:500;}.bulk-data-preview{max-height:300px;overflow-y:auto;border:1px solid #ced4da;border-radius:8px;background-color:#f8f9fa;scrollbar-width:thin;}.bulk-data-preview::-webkit-scrollbar{width:6px;}.bulk-data-preview::-webkit-scrollbar-track{background:#f1f1f1;}.bulk-data-preview::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:10px;}.bulk-data-table{width:100%;border-collapse:collapse;font-size:14px;background-color:white;}.bulk-data-table th,.bulk-data-table td{padding:12px 15px;border:1px solid #dee2e6;text-align:left;max-width:150px;}.bulk-data-table th span,.bulk-data-table td span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;}.bulk-data-table th{background-color:#f0f8ff;position:sticky;top:0;z-index:5;font-weight:600;color:#024263;}.bulk-data-table tr:hover{background-color:#f0f8ff;}.preview-note{font-size:12px;color:#6c757d;text-align:center;margin-top:10px;font-style:italic;}.empty-state{padding:40px 20px;text-align:center;color:#adb5bd;}.empty-state i{font-size:32px;margin-bottom:15px;display:block;}.empty-state p{margin:0;font-size:15px;}.table-scroll-container{max-height:422px;overflow-y:auto;border:1px solid #ddd;margin-bottom:10px;}@media (max-width:768px){.modal-lg{max-width:95%;}.step-content{padding:15px;}.step-number{width:40px;}.action-btn{width:100%;}}.top-banner{background-color:#024263;color:white;font-size:14px;}.top-banner--link{display:block;text-decoration:none;color:inherit;}.top-banner--link:hover{color:inherit;opacity:0.95;}.pc-ad-slot{display:block;margin:18px 0 8px;min-height:120px;text-align:center;}.pc-ad-slot .adsbygoogle{min-height:120px;}.pc-ad-slot--top,.pc-ad-slot--top .adsbygoogle{min-height:180px;}.pc-ad-slot--multiplex{margin-left:0;margin-right:0;}.pc-ad-slot--multiplex,.pc-ad-slot--multiplex .adsbygoogle{min-height:280px;}@media (max-width:767.98px){.pc-ad-slot,.pc-ad-slot .adsbygoogle{min-height:280px;}}.banner-icon{color:#ffcc00;}.low-shipping-image{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 20px;padding:16px 20px;border-radius:16px;text-decoration:none;color:#ffffff;background:linear-gradient(120deg,#0a3d62,#0f8aa7);box-shadow:0 10px 25px rgba(2,66,99,0.25);border:1px solid rgba(255,255,255,0.2);}.low-shipping-image--hero{padding:22px 28px;background:linear-gradient(120deg,#0a3d62,#0f8aa7);box-shadow:0 10px 25px rgba(2,66,99,0.25);border:1px solid rgba(255,255,255,0.2);overflow:hidden;display:block;position:relative;color:#ffffff;}.low-shipping-image--hero::after{content:"";position:absolute;right:-40px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.22),transparent 70%);opacity:0.8;}.low-shipping-image__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);gap:24px;align-items:center;position:relative;z-index:1;}.low-shipping-image__badge{display:inline-flex;align-items:center;width:fit-content;padding:6px 16px;border-radius:999px;background:rgba(255,255,255,0.2);font-size:12px;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;margin-bottom:12px;}.low-shipping-image__content h3{margin:0 0 8px;font-size:28px;font-weight:700;}.low-shipping-image__content p{margin:0 0 14px;font-size:16px;color:rgba(255,255,255,0.9);}.low-shipping-image__highlights{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:13px;color:rgba(255,255,255,0.95);margin-bottom:16px;}.low-shipping-image__highlight i{margin-right:6px;color:#ffe3a3;}.low-shipping-image__cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,0.2);font-weight:600;font-size:14px;}.low-shipping-image__art{display:flex;justify-content:center;align-items:center;}.low-shipping-image__art img{max-width:200px;height:auto;}.low-shipping-image--wide{padding:22px 24px;gap:24px;min-height:180px;background:linear-gradient(120deg,#08314d,#0f8aa7 55%,#22b6b5);}.low-shipping-image:hover{color:white;}.low-shipping-image__content{display:flex;flex-direction:column;gap:4px;}.low-shipping-image__title{font-size:20px;font-weight:700;}.low-shipping-image__subtitle{font-size:14px;color:rgba(255,255,255,0.85);}.low-shipping-image__highlights{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:13px;color:rgba(255,255,255,0.92);margin-top:8px;}.low-shipping-image__highlights i{margin-right:6px;color:#ffe4a3;}.low-shipping-image__cta{max-width:fit-content;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,0.2);font-weight:600;font-size:14px;transition:transform 0.2s ease,background 0.2s ease;}.low-shipping-image--wide .low-shipping-image__cta{margin-top:12px;align-self:flex-start;}.low-shipping-image__visual{flex:0 0 220px;display:flex;align-items:center;justify-content:center;}.low-shipping-image__visual img{width:100%;max-width:220px;border-radius:14px;box-shadow:0 12px 30px rgba(2,41,60,0.35);border:2px solid rgba(255,255,255,0.18);}.low-shipping-image:hover .low-shipping-image__cta{transform:translateY(-1px);background:rgba(255,255,255,0.3);}@media (max-width:767px){.low-shipping-image{flex-direction:column;align-items:flex-start;}.low-shipping-image--wide{padding:18px;}.low-shipping-image--hero{padding:18px;}.low-shipping-image__grid{grid-template-columns:1fr;}.low-shipping-image__highlights{flex-direction:column;gap:8px;}.low-shipping-image__visual{width:100%;justify-content:flex-start;}.low-shipping-image__visual img{max-width:100%;}.low-shipping-image__title{font-size:18px;}.low-shipping-image__cta{width:100%;justify-content:center;}}@media (max-width:767px){.top-banner .container{padding:0.5rem;}.top-banner span{font-size:12px;}.top-banner .btn{font-size:12px;padding:0.25rem 0.5rem;}}