.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;background-color:#141414cc;justify-content:center;align-items:center;transition:all .3s;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;visibility:visible}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.image-config-modal.horizontal-layout{background-color:var(--primary-900);border-radius:14px;flex-direction:column;width:clamp(320px,88vw,1200px);max-width:95vw;height:clamp(480px,96vh,900px);max-height:96vh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:.3s modalSlideIn;display:flex;overflow:hidden;box-shadow:0 24px 60px #001f3f73}.image-config-modal.horizontal-layout.select-compact{width:min(92vw,720px);height:auto;max-height:92vh}@media (max-width:1024px){.image-config-modal.horizontal-layout{border-radius:10px;width:94vw;height:92vh}}@media (min-width:1025px) and (max-width:1440px) and (max-height:820px){.image-config-modal.horizontal-layout{width:clamp(320px,76vw,1040px);height:clamp(480px,92vh,760px)}.main-view{padding:16px 20px}.main-actions{gap:12px}.image-modal-content{max-width:520px}.gallery-grid{gap:8px;padding:8px}.gallery-title{margin-bottom:10px;padding-bottom:8px;font-size:16px}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{background:var(--gradient-guest-checkout);color:var(--color-white);border-bottom:2px solid var(--color-teal-bright);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 18px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.modal-header-brand{align-items:center;gap:14px;display:flex}.modal-header-logo{filter:brightness(0)invert();width:auto;height:28px;display:block}.modal-header h3{letter-spacing:.01em;color:var(--color-white);margin:0;font-family:inherit;font-size:clamp(15px,1.05vw,18px);font-weight:600}.close-button{color:var(--color-white);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-family:inherit;font-size:20px;line-height:1;transition:all .2s;display:flex}.close-button:hover{background:var(--color-teal-bright);border-color:var(--color-teal-bright);color:var(--color-navy-deep);transform:scale(1.05)}.modal-footer{background:var(--color-navy-deep);color:#ffffffc7;border-top:2px solid var(--color-teal-bright);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 22px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(11px,.78vw,13px);display:flex}.modal-footer-brand{letter-spacing:.02em;align-items:center;gap:8px;font-weight:500;display:flex}.modal-footer-brand:before{content:"";background:var(--color-teal-bright);border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #3dd9c42e}.modal-footer-meta{color:#ffffff8c;font-size:.92em}.main-view{background:#fff;flex-direction:column;flex:1;align-items:center;padding:24px 32px 28px;display:flex;overflow-y:auto}.modal-tabs{border-bottom:1px solid #e4ecef;gap:8px;width:100%;max-width:520px;margin-bottom:22px;display:flex}.modal-tab{color:#9aaab8;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 6px 12px;font-family:inherit;font-size:14px;font-weight:600;transition:color .2s,border-color .2s;display:inline-flex}.modal-tab-icon{color:inherit}.modal-tab:hover{color:#4a5c6e}.modal-tab.active{color:var(--color-navy-deep);border-bottom-color:var(--color-teal-primary)}.modal-tab.active .modal-tab-icon{color:var(--color-teal-primary)}.tab-badge{letter-spacing:.05em;color:#2f8f8d;background:#d6f3f2;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:700;line-height:1}.image-modal-content{text-align:center;width:100%;max-width:520px}.main-actions{flex-direction:column;align-items:center;gap:24px;display:flex}.text-editor-entry-btn{color:#fff;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#43bdbb 0%,#001f3f 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 32px;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 6px 16px #43bdbb4d}.text-editor-entry-btn:before{content:"Aa";letter-spacing:0;background:#ffffff2e;border-radius:5px;padding:3px 8px;font-family:Sora,sans-serif;font-size:14px;font-weight:700}.text-editor-entry-btn:hover,.text-editor-entry-btn:focus-visible{background:linear-gradient(135deg,#2f8f8d 0%,#0c2a40 100%);outline:none;transform:translateY(-1px);box-shadow:0 10px 22px #43bdbb66}.text-editor-entry-btn:active{transform:translateY(0);box-shadow:0 4px 10px #43bdbb4d}.editor-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-header{background-color:var(--grey-900);border-bottom:1px solid var(--grey-500);align-items:center;gap:16px;padding:16px 24px;display:flex}.back-button{background:linear-gradient(135deg, var(--grey-500) 0%, var(--grey-100) 100%);color:var(--primary-900);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.back-button:hover{transform:translate(-2px);box-shadow:0 2px 8px #1414144d}.editor-header h4{color:var(--grey-100);margin:0;font-size:16px;font-weight:600}.editor-body{flex:1;display:flex;overflow:hidden}.editor-body .left-panel{background-color:var(--grey-900);border-right:1px solid var(--grey-500);width:28%;min-width:300px;max-width:380px;padding:14px;overflow-y:auto}.editor-body .right-panel{background-color:var(--primary-900);flex-direction:column;flex:1;padding:14px;display:flex;overflow:auto}.config-container{flex-direction:column;gap:20px;display:flex}.config-divider{background:linear-gradient(90deg, transparent 0%, var(--secondary-500) 50%, transparent 100%);border-radius:1px;height:1px;margin:5px 0}.canvas-container{background:linear-gradient(135deg, var(--grey-900) 0%, var(--primary-900) 100%);border:2px solid var(--grey-500);border-radius:12px;flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #14141433}.modal-body.horizontal{flex:1;padding:0;display:flex;overflow:hidden}.left-panel{border-right:1px solid var(--color-border);background-color:var(--color-surface-primary);flex:1;padding:6px;font-size:11px;overflow-y:auto}.right-panel{background-color:#fff;flex-direction:column;flex:2.5;padding:8px;display:flex;overflow-y:auto}.configuration-section{border:1px solid var(--color-border);background-color:#fff;border-radius:8px;flex-direction:column;gap:6px;padding:6px;font-size:11px;display:flex;box-shadow:0 2px 4px #0000000d}.config-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.config-row .config-group{box-shadow:none;background:0 0;border:none;padding:0}.config-row .config-group .form-select,.config-row .config-group select.form-select{color:var(--color-text-primary);appearance:auto;background-color:#fff;background-image:none}.config-row .config-group .form-select option{color:var(--color-text-primary);background-color:#fff}.dimensions-row{box-shadow:none;background:0 0;border:none;padding:0}.dimensions-row h5{color:var(--color-text-primary);margin:0 0 1px;font-size:11px;font-weight:600}.dimensions-inputs{align-items:flex-end;gap:4px;margin-bottom:2px;display:flex}.dimensions-inputs .control-group{flex-direction:column;flex:1;gap:2px;display:flex}.area-row{box-shadow:none;background:0 0;border:none;padding:0}.area-row h5{color:var(--color-text-primary);margin:0 0 1px;font-size:11px;font-weight:600}.area-inputs{align-items:flex-end;gap:4px;margin-bottom:2px;display:flex}.area-inputs .control-group{flex:1}.area-display{cursor:default;font-weight:500;background-color:var(--color-surface-primary)!important;color:var(--color-text-secondary)!important}.area-display:focus{box-shadow:none!important;border-color:var(--color-border)!important}.info-footer{background-color:var(--color-surface-primary);border-top:1px solid var(--color-border);padding:12px;font-size:11px}.info-footer .area-info,.info-footer .behavior-info{border:1px solid var(--color-border);background-color:#fff;border-radius:4px;margin-bottom:8px;padding:8px}.info-footer .behavior-info h5{color:var(--color-text-primary);margin:0 0 4px;font-size:11px;font-weight:600}.info-footer .behavior-info p{color:var(--color-text-light);margin:0 0 4px;font-size:10px}.info-footer .behavior-info ul{color:var(--color-text-light);margin:0;padding-left:16px;font-size:10px}.info-footer .behavior-info li{margin-bottom:2px}.image-upload-section{margin-bottom:12px}.upload-row{border:1px solid var(--color-border);background-color:#fff;border-radius:6px;flex-direction:column;gap:8px;padding:8px;display:flex}.upload-input-group{flex-direction:column;gap:4px;display:flex}.upload-input-group .form-label{color:var(--color-text-primary);margin:0;font-size:11px;font-weight:600}.image-upload-section .image-preview-section{margin-top:8px}.image-upload-section .image-preview-container{background-color:var(--color-surface-primary);border:1px solid var(--color-border);border-radius:6px;align-items:center;gap:12px;min-height:80px;padding:12px;display:flex}.form-label{color:var(--color-text-primary);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.form-control{border:1px solid var(--color-border);color:var(--color-text-primary);box-sizing:border-box;background-color:#fff;border-radius:3px;height:24px;padding:4px 6px;font-size:11px}.form-control:focus,.form-select:focus,.control-group input:focus{border-color:var(--color-teal-primary);outline:none;box-shadow:0 0 0 2px #667eea1a}.form-select{border:1px solid var(--color-border);color:var(--color-text-primary);box-sizing:border-box;appearance:auto;background-color:#fff;background-image:none;border-radius:3px;height:24px;padding:4px 6px;font-size:11px}.form-select option{color:var(--color-text-primary);background-color:#fff;font-size:11px}.image-preview-section{margin-top:12px}.image-preview-container{background-color:var(--color-surface-primary);border:1px solid var(--color-border);border-radius:6px;align-items:center;gap:12px;min-height:80px;padding:12px;display:flex}.image-preview{object-fit:cover;border:1px solid var(--color-border);border-radius:6px;width:60px;height:60px;box-shadow:0 2px 4px #0000001a}.image-info{flex:1}.image-name{color:var(--color-text-primary);margin-bottom:3px;font-size:12px;font-weight:600}.image-details{color:var(--color-text-light);margin-bottom:2px;font-size:11px}.image-size{color:var(--color-text-gray);font-size:10px}.remove-image-btn{cursor:pointer;color:var(--color-danger);background:0 0;border:none;border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;width:28px;height:28px;margin-top:-4px;padding:6px;font-size:18px;transition:all .2s;display:flex}.remove-image-btn:hover{background-color:var(--color-danger);color:#fff;transform:scale(1.1)}.config-group{background-color:var(--color-surface-primary);border:1px solid var(--color-border);border-radius:4px;flex-direction:column;gap:2px;padding:4px;display:flex}.config-group label{color:var(--color-text-primary);align-items:center;gap:4px;margin:0;font-size:11px;font-weight:600;display:flex}.dpi-info{color:var(--color-text-light);margin-top:1px;font-size:10px;font-style:italic}.dimensions-controls{background-color:var(--color-surface-primary);border:1px solid var(--color-border);border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.dimensions-controls h5{color:var(--color-text-primary);margin:0 0 4px;font-size:11px;font-weight:600}.control-group{flex-direction:column;gap:2px;display:flex}.control-group label{color:var(--color-text-primary);margin:0;font-size:11px;font-weight:600}.control-group input:focus{border-color:var(--color-teal-primary);outline:none;box-shadow:0 0 0 2px #667eea1a}.auto-dimensions-info{background-color:var(--color-neutral-light);border:1px solid var(--color-neutral-light);color:var(--color-info);text-align:center;border-radius:4px;margin-top:4px;padding:6px;font-size:10px}.info-section{background-color:var(--color-surface-primary);border:1px solid var(--color-border);border-radius:6px;margin-top:12px;padding:8px;font-size:11px}.info-section .area-info{border:1px solid var(--color-border);background-color:#fff;border-radius:4px;margin-bottom:8px;padding:6px}.info-section .area-calculation,.info-section .total-area{color:var(--color-text-light);margin:2px 0;font-size:10px}.info-section .area-calculation strong,.info-section .total-area strong{color:var(--color-text-primary);font-weight:600}.info-section .behavior-info{border:1px solid var(--color-border);background-color:#fff;border-radius:4px;margin-top:8px;padding:6px}.info-section .behavior-info h5{color:var(--color-text-primary);margin:0 0 4px;font-size:11px;font-weight:600}.info-section .behavior-info p{color:var(--color-text-light);margin:0 0 4px;font-size:10px}.info-section .behavior-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.info-section .behavior-item{color:var(--color-text-light);align-items:center;gap:4px;padding:2px 0;font-size:10px;display:flex}.behavior-info{border:1px solid var(--color-border);background-color:#fff;border-radius:6px;margin-top:8px;padding:8px;font-size:11px}.behavior-info h5{color:var(--color-text-primary);margin:0 0 4px;font-size:11px;font-weight:600}.behavior-info p{color:var(--color-text-light);margin:0 0 4px;font-size:10px}.behavior-info ul{color:var(--color-text-light);margin:0;padding-left:16px;font-size:10px}.behavior-info li{margin-bottom:2px}.area-info{border:1px solid var(--color-border);background-color:#fff;border-radius:4px;margin-bottom:8px;padding:8px}.area-calculation,.total-area{color:var(--color-text-light);margin:2px 0;font-size:10px}.area-calculation strong,.total-area strong{color:var(--color-text-primary);font-weight:600}.area-calculation{justify-content:space-between;display:flex}.total-area{color:var(--color-text-primary);border-top:1px solid var(--color-border);margin-top:4px;padding-top:4px;font-weight:600}.visual-editor-section{flex-direction:column;height:100%;display:flex}.editor-header{margin-bottom:8px}.canvas-info{color:var(--color-text-light);margin-bottom:8px;font-size:11px}.design-canvas{border:1px solid var(--color-border);background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a}.modal-footer{border-top:1px solid var(--color-border);background-color:var(--color-surface-primary);justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.footer-btn{cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.footer-btn-cancel{color:#4a5c6e;background:#fff;border:1px solid #d6dee6}.footer-btn-cancel:hover{background:#f2f5f8;border-color:#c2cdd8}.footer-btn-apply{color:#fff;background:#19c3c1;border:1px solid #19c3c1;box-shadow:0 4px 12px #19c3c14d}.footer-btn-apply:hover{background:#12a9a7;border-color:#12a9a7}.modal-footer .footer-content{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.modal-footer .behavior-section{flex:1}.modal-footer .behavior-section h5{color:var(--color-text-primary);margin:0 0 4px;font-size:12px;font-weight:600}.modal-footer .behavior-section p{color:var(--color-text-light);margin:0 0 4px;font-size:11px}.modal-footer .behavior-section .behavior-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.modal-footer .behavior-section .behavior-item{color:var(--color-text-light);align-items:center;gap:4px;padding:2px 0;font-size:10px;display:flex}.modal-footer .action-buttons{align-items:center;gap:8px;display:flex}.modal-info-footer .action-buttons{justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:8px 16px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:var(--color-text-gray);color:var(--color-white)}.btn-secondary:hover:not(:disabled){background-color:var(--color-text-secondary);transform:translateY(-1px)}.btn-primary{background:var(--gradient-teal-blue);color:var(--color-white)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0003}.btn-primary:active{transform:translateY(0)}.btn .dimensions-info{opacity:.8;margin-left:4px;font-size:10px}@media (max-width:768px){.image-config-modal.horizontal-layout{width:98vw;height:98vh}.main-view{padding:20px}.main-actions{gap:16px}.editor-body{flex-direction:column}.editor-body .left-panel{border-right:none;border-bottom:1px solid var(--color-border);width:100%;min-width:auto;max-width:none;padding:16px}.editor-body .right-panel{flex:1;padding:16px}.config-container{gap:16px}.config-section-title{padding:10px;font-size:15px}.canvas-container{min-height:400px}}@media (max-width:480px){.modal-header{padding:16px 20px}.modal-header h3{font-size:18px}.main-view{padding:16px}.editor-body .left-panel,.editor-body .right-panel{padding:12px}.config-container{gap:12px}.config-section-title{padding:8px;font-size:14px}.canvas-container{min-height:300px}}.left-panel::-webkit-scrollbar{width:6px}.left-panel::-webkit-scrollbar-track{background:var(--color-surface-primary);border-radius:3px}.left-panel::-webkit-scrollbar-thumb{background:var(--color-text-gray);border-radius:3px}.left-panel::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.modal-info-footer{border-top:1px solid var(--color-border);background-color:var(--color-surface-primary);padding:16px 24px}.info-footer-content{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.modal-info-footer .area-info,.modal-info-footer .behavior-info{border:1px solid var(--color-border);background-color:#fff;border-radius:4px;margin-bottom:8px;padding:8px}.modal-info-footer .behavior-info h5{color:var(--color-text-primary);margin:0 0 4px;font-size:11px;font-weight:600}.modal-info-footer .behavior-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.modal-info-footer .behavior-item{color:var(--color-text-light);align-items:center;gap:4px;padding:2px 0;font-size:10px;display:flex}.modal-info-footer .behavior-info ul{color:var(--color-text-light);margin:0;padding-left:16px;font-size:10px}.modal-info-footer .behavior-info li{margin-bottom:2px}.modal-info-footer .area-calculation,.modal-info-footer .total-area{color:var(--color-text-light);margin:2px 0;font-size:10px}.modal-info-footer .area-calculation strong,.modal-info-footer .total-area strong{color:var(--color-text-primary);font-weight:600}.modal-info-footer .area-calculation{justify-content:space-between;display:flex}.modal-info-footer .total-area{color:var(--color-text-primary);border-top:1px solid var(--color-border);margin-top:4px;padding-top:4px;font-weight:600}.action-buttons{align-items:center;gap:8px;display:flex}@media (max-width:1024px){.info-footer-content{flex-direction:column;align-items:stretch}.action-buttons{justify-content:center}}@media (max-width:768px){.info-footer-content{flex-direction:column;align-items:stretch}.modal-info-footer .behavior-list{flex-flow:wrap;gap:8px}.action-buttons{justify-content:center}}.reset-size-section{border-top:1px solid var(--color-border);justify-content:center;align-items:center;margin-top:6px;padding-top:6px;display:flex}.reset-size-button{color:var(--color-teal-primary);cursor:pointer;text-align:center;background:linear-gradient(135deg,#43bdbb1a 0%,#2677841a 100%);border:1px solid #43bdbb4d;border-radius:4px;align-items:center;gap:4px;max-width:200px;padding:4px 12px;font-family:inherit;font-size:10px;font-weight:500;line-height:1.2;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.reset-size-button:hover{color:var(--color-teal-deep);background:linear-gradient(135deg,#43bdbb26 0%,#26778426 100%);border-color:#43bdbb80;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.reset-size-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.image-config-modal .image-upload-unified{border:2px dashed var(--color-border);background-color:var(--color-surface-primary);cursor:pointer;border-radius:8px;width:100%;height:120px;margin-bottom:12px;transition:all .2s;position:relative}.image-config-modal .image-upload-unified:hover{border-color:var(--color-teal-primary);background-color:var(--color-neutral-light)}.image-config-modal .image-upload-content{text-align:center;width:100%;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-config-modal .image-upload-title{color:var(--color-text-primary);margin-bottom:16px;font-size:11px;font-weight:600}.image-config-modal .image-upload-icon{margin-bottom:12px;font-size:32px}.image-config-modal .image-upload-text{color:var(--color-text-light);margin-bottom:6px;font-size:11px}.image-config-modal .image-upload-formats{color:var(--color-text-gray);font-size:10px}.image-config-modal .image-upload-unified *{pointer-events:none}.image-config-modal .image-upload-unified{pointer-events:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.processing-pulse{animation:2s ease-in-out infinite pulse}.external-services{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px;display:grid}.external-service-button{border:1px solid var(--color-border);cursor:pointer;background:linear-gradient(135deg, var(--color-surface-primary) 0%, var(--color-neutral-light) 100%);height:36px;color:var(--color-text-secondary);border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:12px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.external-service-button:hover{background:linear-gradient(135deg, var(--color-neutral-light) 0%, var(--color-border) 100%);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.external-service-button:active{transform:translateY(0)}.external-service-button:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg, var(--color-surface-primary) 0%, var(--color-border) 100%);transform:none}.external-service-button img{width:20px;height:20px;transition:all .2s}.external-service-button:hover img{transform:scale(1.05)}@media (max-width:768px){.external-services{grid-template-columns:repeat(3,1fr);gap:6px}.external-service-button{height:34px;padding:6px 8px;font-size:11px}}@media (max-width:480px){.external-services{grid-template-columns:repeat(2,1fr);gap:5px}.external-service-button{height:32px;padding:5px 6px;font-size:10px}}.editor-body.tile-layout{flex-direction:column;display:flex}@media (max-width:768px){.editor-view{flex-direction:column;height:100%;display:flex}.editor-body{flex-direction:column;gap:12px}.editor-body .right-panel{order:-1}.editor-body .left-panel{order:0}}@media (max-height:820px){.modal-header{padding:7px 16px}.modal-header-logo{height:22px}.close-button{width:30px;height:30px}.editor-header{gap:12px;padding:8px 16px}.editor-header h4{font-size:14px}.modal-footer{padding:7px 16px}}
.advanced-crop-tool{touch-action:none;overscroll-behavior:contain;z-index:1000;color:var(--color-white);background:#000000e6;flex-direction:column;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;display:flex;position:fixed;inset:0}.crop-tool-header{background:linear-gradient(135deg, var(--color-navy-deep) 0%, var(--color-navy-light) 100%);border-bottom:2px solid var(--color-teal-primary);justify-content:space-between;align-items:center;padding:20px;display:flex}.crop-tool-header h3{color:var(--color-white);margin:0;font-size:24px;font-weight:600}.advanced-crop-tool .crop-controls{gap:15px;display:flex}.advanced-crop-tool .crop-button{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.advanced-crop-tool .crop-button.cancel{background:linear-gradient(135deg, var(--color-red-variant) 0%, var(--color-danger) 100%);color:var(--color-white)}.advanced-crop-tool .crop-button.cancel:hover{background:linear-gradient(135deg, var(--color-danger) 0%, var(--color-red-variant) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.advanced-crop-tool .crop-button.apply{background:var(--gradient-teal-blue);color:var(--color-white)}.advanced-crop-tool .crop-button.apply:hover{background:linear-gradient(135deg, var(--color-teal-hover) 0%, var(--color-teal-deep) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #43bdbb66}.crop-tool-body{flex:1;gap:20px;padding:20px;display:flex;overflow:hidden}.crop-canvas-container{background:#0000004d;border:2px solid #fff3;border-radius:12px;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.crop-canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:8px;max-width:100%;max-height:100%;transition:all .2s;box-shadow:0 8px 32px #0000004d}.crop-canvas:hover{box-shadow:0 12px 40px #0006}.crop-canvas[style*=nw-resize]{cursor:nw-resize!important}.crop-canvas[style*=ne-resize]{cursor:ne-resize!important}.crop-canvas[style*=sw-resize]{cursor:sw-resize!important}.crop-canvas[style*=se-resize]{cursor:se-resize!important}.crop-canvas[style*=n-resize]{cursor:n-resize!important}.crop-canvas[style*=s-resize]{cursor:s-resize!important}.crop-canvas[style*=w-resize]{cursor:w-resize!important}.crop-canvas[style*=e-resize]{cursor:e-resize!important}.crop-canvas[style*=crosshair]{cursor:crosshair!important}.crop-canvas[style*=grab]{cursor:grab!important}.crop-canvas[style*=grabbing]{cursor:grabbing!important}.crop-help-trigger{z-index:20;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute;bottom:20px;left:20px}.crop-help-button{background:var(--gradient-teal-blue);width:44px;height:44px;color:var(--color-white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #43bdbb66}.crop-help-button:hover,.crop-help-button:focus{outline:none;transform:translateY(-2px);box-shadow:0 6px 18px #43bdbb80}.crop-help-button:active{transform:translateY(0)}.crop-instructions{border-left:4px solid var(--color-teal-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-radius:12px;max-width:320px;padding:20px;animation:.3s ease-out slideInUp;position:relative;box-shadow:0 8px 32px #0000004d}.crop-instructions:before{content:"";border-bottom:8px solid #000000e6;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:-8px;left:16px}.crop-instructions h4{color:var(--color-teal-primary);align-items:center;gap:8px;margin:0 0 15px;font-size:18px;font-weight:600;display:flex}.crop-instructions ul{color:var(--color-white);margin:0;padding-left:0;font-size:14px;line-height:1.6;list-style:none}.crop-instructions li{align-items:flex-start;gap:8px;margin-bottom:8px;padding-left:20px;display:flex;position:relative}.crop-instructions li:before{content:"";color:var(--color-teal-primary);font-size:12px;position:absolute;top:2px;left:0}.crop-instructions strong{color:var(--color-white);min-width:80px;font-weight:600;display:inline-block}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1400px){.crop-canvas-container{max-width:calc(100vw - 80px)}.crop-canvas{max-width:100%;height:auto}}@media (max-width:768px){.crop-tool-body{flex-direction:column;gap:15px;padding:10px}.crop-canvas-container{max-width:none}.crop-tool-header{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.crop-tool-header h3{text-align:center;font-size:17px}.advanced-crop-tool .crop-controls{gap:10px}.advanced-crop-tool .crop-button{flex:1;justify-content:center;min-height:44px;padding:10px 12px;font-size:15px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.advanced-crop-tool{animation:.3s ease-out fadeIn}.crop-options::-webkit-scrollbar{width:6px}.crop-options::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.crop-options::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.crop-options::-webkit-scrollbar-thumb:hover{background:#ffffff80}
.image-processor{background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;margin-top:8px;padding:8px 10px;font-size:12px}.image-processor[open]{padding-bottom:10px}.image-processor>.processor-title{cursor:pointer;color:var(--color-text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin:0;padding:4px 0;font-size:12px;font-weight:700;list-style:none;display:flex}.image-processor>.processor-title::-webkit-details-marker{display:none}.image-processor>.processor-title:before{content:"▸";color:var(--color-teal-primary);font-size:10px;transition:transform .15s;display:inline-block}.image-processor[open]>.processor-title:before{transform:rotate(90deg)}.processor-section{flex-direction:column;gap:6px;margin-top:8px;display:flex}.processor-button{width:100%;color:var(--color-white);background:var(--color-teal-primary);border:1px solid var(--color-teal-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:filter .15s,transform .15s;display:inline-flex;overflow:hidden}.processor-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.processor-button:disabled{opacity:.5;cursor:not-allowed}.processor-button.active{background:var(--color-success);border-color:var(--color-success)}.processor-button.processing{opacity:.7;cursor:wait}.processor-button.image-crop{background:var(--color-white);color:var(--color-text-primary);border-color:var(--color-border)}.processor-button.image-crop.active{background:var(--color-teal-primary);color:var(--color-white);border-color:var(--color-teal-primary)}.spinner{border:2px solid #fff6;border-top-color:var(--color-white);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.model-selector{border:1px solid var(--color-border);background-color:var(--color-white);width:100%;color:var(--color-text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23001F3F' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M3 4.5L6 7.5L9 4.5'/></svg>");background-position:right 8px center;background-repeat:no-repeat;background-size:10px 10px;border-radius:4px;outline:none;padding:5px 28px 5px 8px;font-size:11px;font-weight:500;transition:border-color .15s,box-shadow .15s}.model-selector:hover:not(:disabled){border-color:var(--color-text-secondary)}.model-selector:focus{border-color:var(--color-teal-primary);box-shadow:0 0 0 3px #43bdbb2e}.model-selector:disabled{opacity:.5;cursor:not-allowed;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23A8BCC8' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M3 4.5L6 7.5L9 4.5'/></svg>")}@supports (appearance:base-select){.model-selector{appearance:base-select}.model-selector::picker(select){appearance:base-select}.model-selector{background-image:none;padding-right:8px}.model-selector::picker-icon{color:var(--color-navy-deep);transition:rotate .2s}.model-selector:open::picker-icon{rotate:180deg}.model-selector::picker(select){border:1.5px solid var(--color-border);background:var(--color-white);width:anchor-size(width);opacity:0;max-height:12rem;transition:opacity .15s ease, display .15s allow-discrete, overlay .15s allow-discrete;border-radius:6px;margin-top:4px;padding:4px;overflow-y:auto;box-shadow:0 8px 24px #001f3f1f}.model-selector:open::picker(select){opacity:1}@starting-style{.model-selector:open::picker(select){opacity:0}}.model-selector option{color:var(--color-text-primary);cursor:pointer;border-radius:4px;align-items:center;padding:6px 10px;font-size:11px;font-weight:500;transition:background-color .1s;display:flex}.model-selector option:hover,.model-selector option:focus{background:var(--color-surface-primary);outline:none}.model-selector option:checked{color:var(--color-navy-deep);background:#43bdbb1f;font-weight:700}.model-selector option:checked:hover{background:#43bdbb2e}.model-selector option::checkmark{display:none}}.processor-status{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.undo-button{color:var(--color-text-secondary);background:var(--color-surface-primary);border:1px solid var(--color-border);cursor:pointer;border-radius:4px;align-items:center;gap:3px;padding:3px 8px;font-size:10px;font-weight:600;transition:background-color .15s;display:inline-flex}.undo-button:hover{background:var(--color-border);color:var(--color-text-primary)}.image-filters-section{background:var(--color-surface-primary);border-radius:4px;margin-top:8px;padding:6px 8px}.image-filters-section[open]{padding-bottom:8px}.image-filters-section>.filters-title{cursor:pointer;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin:0;padding:2px 0;font-size:11px;font-weight:700;list-style:none;display:flex}.image-filters-section>.filters-title::-webkit-details-marker{display:none}.image-filters-section>.filters-title:before{content:"▸";color:var(--color-teal-primary);font-size:8px;transition:transform .15s;display:inline-block}.image-filters-section[open]>.filters-title:before{transform:rotate(90deg)}.filter-row{color:var(--color-text-secondary);align-items:center;gap:6px;margin-top:6px;font-size:11px;display:flex}.filter-row--with-number{flex-wrap:wrap}.filter-label{cursor:pointer;align-items:center;gap:4px;min-width:70px;display:inline-flex}.filter-label input[type=checkbox]{cursor:pointer;accent-color:var(--color-teal-primary)}.filter-range{min-width:0;accent-color:var(--color-teal-primary);cursor:pointer;flex:1}.filter-number{border:1px solid var(--color-border);background:var(--color-white);width:56px;color:var(--color-text-primary);border-radius:4px;padding:2px 4px;font-size:11px}.filter-number:focus{border-color:var(--color-teal-primary);outline:none}.filter-value{color:var(--color-text-primary);text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:10px;font-weight:600}.image-processor .processor-button,.image-processor .model-selector,.image-processor .filter-number,.image-processor .filter-range,.image-processor .undo-button{box-sizing:border-box;max-width:100%}
.file-upload-zone{width:100%;max-width:100%;margin-bottom:16px}.upload-area{border:2px dashed var(--color-teal-primary);cursor:pointer;background:#fff;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:140px;padding:16px;transition:all .25s;display:flex;position:relative}.upload-area:hover{border-color:var(--color-teal-primary);background:#f6fdfd;box-shadow:0 8px 24px #43bdbb1f}.upload-area.drag-over{border-color:var(--color-teal-primary);background:#43bdbb14;box-shadow:0 12px 30px #43bdbb33}.upload-content{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex}.upload-icon{color:#2f8f8d;background:#d6f3f2;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:2px;transition:all .25s;display:inline-flex}.upload-title{color:var(--color-navy-deep);margin:0;font-size:18px;font-weight:700;transition:all .25s}.upload-text{color:#7a8ea0;margin:0 0 4px;font-size:14px;transition:all .25s}.upload-formats{letter-spacing:.04em;color:#2f8f8d;background:#ecfbfb;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:600;transition:all .25s;display:inline-block}.upload-area:hover .upload-icon{background:#c7eeed;transform:translateY(-2px)}.file-input{opacity:0;cursor:pointer;pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.image-preview-container{background:linear-gradient(135deg, var(--primary-900) 0%, var(--grey-900) 100%);border:2px solid var(--secondary-500);border-radius:12px;justify-content:center;align-items:center;gap:16px;height:100%;min-height:100px;padding:16px;display:flex;box-shadow:0 4px 16px #3498db33}.image-preview{object-fit:cover;border:2px solid var(--grey-500);border-radius:12px;width:80px;height:80px;transition:all .3s;box-shadow:0 4px 12px #14141433}.image-preview:hover{transform:scale(1.05);box-shadow:0 6px 20px #1414144d}.image-info{flex-direction:column;flex:1;justify-content:center;display:flex}.image-name{color:var(--grey-100);margin-bottom:4px;font-size:14px;font-weight:700}.image-size{color:var(--grey-500);font-size:12px}.remove-image-btn{background:linear-gradient(135deg, var(--green-500) 0%, var(--green-100) 100%);cursor:pointer;color:var(--green-900);border:none;border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;width:32px;height:32px;margin-top:-8px;padding:8px;font-size:20px;transition:all .3s;display:flex;box-shadow:0 4px 12px #4cceac4d}.remove-image-btn:hover{background:linear-gradient(135deg, var(--green-100) 0%, var(--green-500) 100%);transform:scale(1.1);box-shadow:0 6px 20px #4cceac66}@media (min-width:1025px) and (max-width:1440px) and (max-height:820px){.upload-area{min-height:140px}.upload-content{padding:10px 14px}.upload-icon{border-radius:11px;width:40px;height:40px;margin-bottom:6px}.upload-title{margin-bottom:4px;font-size:14px}.upload-text{margin-bottom:6px;font-size:12px}.upload-formats{padding:3px 10px;font-size:10px}}@media (max-width:768px){.file-upload-zone{max-width:500px}.upload-area{min-height:180px}.upload-title{font-size:16px}.upload-text{font-size:13px}.image-preview{width:70px;height:70px}.remove-image-btn{width:28px;height:28px;font-size:18px}}@media (max-width:600px){.file-upload-zone{max-width:450px}.upload-area{min-height:170px}.upload-content{padding:20px}.upload-icon{margin-bottom:14px;font-size:42px}.upload-title{margin-bottom:10px;font-size:15px}.upload-text{margin-bottom:6px;font-size:12px}.upload-formats{font-size:11px}.image-preview{width:65px;height:65px}.remove-image-btn{width:26px;height:26px;font-size:16px}}@media (max-width:480px){.file-upload-zone{max-width:350px}.upload-area{min-height:160px}.upload-content{padding:18px}.upload-icon{margin-bottom:12px;font-size:38px}.upload-title{margin-bottom:8px;font-size:14px}.upload-text{margin-bottom:5px;font-size:11px}.upload-formats{font-size:10px}.image-preview{width:60px;height:60px}.remove-image-btn{width:24px;height:24px;font-size:14px}}
.image-gallery{width:100%;max-width:100%;margin-bottom:16px;overflow:visible}.gallery-title{letter-spacing:.06em;text-transform:uppercase;color:#7a8ea0;text-align:left;border-bottom:1px solid #e4ecef;margin:0 0 10px;padding-bottom:8px;font-size:12px;font-weight:700}.gallery-grid{box-shadow:none;background:0 0;border:none;grid-template-columns:repeat(auto-fill,72px);gap:12px;padding:0;display:grid}.gallery-item{cursor:pointer;border:2px solid var(--color-border);background-color:var(--color-white);font:inherit;border-radius:12px;width:72px;height:72px;padding:0;transition:all .25s;display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px #001f3f14}.gallery-add-tile{cursor:pointer;background:#fbfdfe;border:2px dashed #cdd9e1;border-radius:12px;justify-content:center;align-items:center;width:72px;height:72px;transition:all .2s;display:inline-flex}.gallery-add-tile:hover{border-color:var(--color-teal-primary);background:#f2fcfc}.gallery-add-icon{color:#9aaab8;font-size:28px;font-weight:300;line-height:1}.gallery-add-tile:hover .gallery-add-icon{color:var(--color-teal-primary)}.gallery-add-input{display:none}.gallery-item:hover,.gallery-item:focus-visible{border-color:var(--color-teal-primary);outline:none;transform:translateY(-3px)scale(1.03);box-shadow:0 10px 24px #43bdbb40}.gallery-thumb{aspect-ratio:1;object-fit:cover;width:100%;height:auto;transition:all .3s;display:block}.gallery-overlay{opacity:0;pointer-events:none;background:#001f3f8c;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-overlay,.gallery-item:focus-visible .gallery-overlay{opacity:1}.select-label{background:var(--color-teal-primary);color:var(--color-white);letter-spacing:.04em;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;box-shadow:0 4px 12px #43bdbb59}.gallery-placeholder{text-align:center;color:var(--color-text-secondary);background:var(--color-surface-primary);border:2px dashed var(--color-teal-primary);border-radius:12px;grid-column:1/-1;padding:32px 20px;font-size:14px;transition:all .25s}.gallery-placeholder:hover{background:var(--color-neutral-light);border-color:var(--color-teal-primary)}.gallery-placeholder-icon{opacity:.5;margin-bottom:16px;font-size:48px}.gallery-grid::-webkit-scrollbar{width:8px}.gallery-grid::-webkit-scrollbar-track{background:var(--grey-900);border-radius:4px}.gallery-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--secondary-500) 0%, var(--secondary-100) 100%);border-radius:4px}.gallery-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, var(--secondary-100) 0%, var(--secondary-500) 100%)}@media (max-width:768px){.gallery-grid{gap:8px;padding:8px}.placeholder-title{font-size:13px}.placeholder-subtitle{font-size:11px}}@media (max-width:480px){.gallery-grid{gap:6px;padding:6px}.placeholder-title{font-size:12px}.placeholder-subtitle{font-size:10px}}
.canvas-container{background:linear-gradient(135deg, var(--grey-900) 0%, var(--primary-900) 100%);border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.design-canvas{border-radius:8px;width:auto;max-width:95%;height:auto;max-height:95%;transition:all .3s;box-shadow:0 8px 32px #1414144d}.design-canvas:hover{transform:scale(1.01);box-shadow:0 12px 40px #14141466}@media (max-width:768px){.canvas-container{min-height:400px;padding:8px}}@media (max-width:480px){.canvas-container{min-height:300px;padding:6px}}.canvas-container .crop-controls{z-index:10;position:absolute;top:20px;right:20px}.canvas-container .crop-button{cursor:pointer;border:none;border-radius:6px;margin-left:10px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .3s}.canvas-container .crop-button.apply{background:var(--color-success);color:var(--color-white);box-shadow:0 4px 12px #10b9814d}.canvas-container .crop-button.apply:hover{background:var(--color-success);filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.canvas-container .crop-button.cancel{background:var(--color-error);color:var(--color-white);box-shadow:0 4px 12px #ef44444d}.canvas-container .crop-button.cancel:hover{background:var(--color-error);filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.canvas-container .crop-button:active{transform:translateY(0)}@media (max-width:768px){.canvas-container .crop-controls{top:10px;right:10px}.canvas-container .crop-button{padding:8px 12px;font-size:12px}}
.image-config-panel{background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;padding:8px 10px;font-size:12px}.image-config-panel[open]{padding-bottom:10px}.image-config-panel>.panel-title{cursor:pointer;color:var(--color-text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin:0;padding:4px 0;font-size:12px;font-weight:700;list-style:none;display:flex}.image-config-panel>.panel-title::-webkit-details-marker{display:none}.image-config-panel>.panel-title:before{content:"▸";color:var(--color-teal-primary);font-size:10px;transition:transform .15s;display:inline-block}.image-config-panel[open]>.panel-title:before{transform:rotate(90deg)}.config-section{margin-top:8px}.config-row.inputs-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.config-group{flex-direction:column;gap:2px;min-width:0;display:flex}.config-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:10px;font-weight:600}.config-input{border:1px solid var(--color-border);background:var(--color-white);width:100%;color:var(--color-text-primary);-moz-appearance:textfield;border-radius:4px;padding:4px 6px;font-size:12px;transition:border-color .15s}.config-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.config-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.config-input:focus{border-color:var(--color-teal-primary);outline:none;box-shadow:0 0 0 2px #43bdbb26}.info-section{background:var(--color-surface-primary);border-radius:4px;margin-top:8px;padding:6px 8px}.info-row{color:var(--color-text-secondary);justify-content:space-between;align-items:center;font-size:11px;display:flex}.info-label{font-weight:500}.info-value{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-weight:700}.action-section{margin-top:10px}.add-button{width:100%;color:var(--color-white);background:linear-gradient(135deg, var(--color-teal-primary), var(--color-navy-deep));cursor:pointer;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:filter .15s,transform .15s}.add-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.add-button:disabled{opacity:.5;cursor:not-allowed}.image-config-panel .config-input,.image-config-panel .add-button{box-sizing:border-box;max-width:100%}.ratio-lock{color:#001f3f;cursor:pointer;background:#fff;border:1px solid #cbdbdc;border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.ratio-lock.locked{color:#1c8482;background:#f3f9f9;border-color:#43bdbb}