.mkl-text-overlay-container{margin:20px 0;padding:20px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px}.mkl-text-overlay-field{margin-bottom:20px}.mkl-text-overlay-field label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:#333}.mkl-text-input{width:100%;padding:12px;font-size:16px;border:2px solid #ddd;border-radius:4px;transition:border-color 0.3s ease}.mkl-text-input:focus{outline:none;border-color:#0073aa;box-shadow:0 0 0 3px rgb(0 115 170 / .1)}.mkl-char-counter{display:block;margin-top:5px;font-size:12px;color:#666;text-align:right}.mkl-text-overlay-controls{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:768px){.mkl-text-overlay-controls{grid-template-columns:repeat(3,1fr)}}.mkl-font-selector label,.mkl-color-selector label,.mkl-size-selector label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:#333}.mkl-font-select{width:100%;padding:10px;font-size:14px;border:2px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;transition:border-color 0.3s ease}.mkl-font-select:focus{outline:none;border-color:#0073aa}.mkl-color-options{display:flex;flex-wrap:wrap;gap:10px}.mkl-color-option{cursor:pointer;display:inline-block}.mkl-color-option input[type="radio"]{position:absolute;opacity:0;width:0;height:0}.mkl-color-swatch{display:inline-block;width:40px;height:40px;border:3px solid #ddd;border-radius:50%;cursor:pointer;transition:all 0.3s ease}.mkl-color-option input[type="radio"]:checked+.mkl-color-swatch{border-color:#0073aa;box-shadow:0 0 0 3px rgb(0 115 170 / .2);transform:scale(1.1)}.mkl-color-option:hover .mkl-color-swatch{transform:scale(1.05);border-color:#999}.mkl-size-selector{display:flex;flex-direction:column}.mkl-size-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#ddd 0%,#0073aa 100%);outline:none;-webkit-appearance:none;margin:10px 0}.mkl-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#0073aa;cursor:pointer;box-shadow:0 2px 4px rgb(0 0 0 / .2);transition:all 0.3s ease}.mkl-size-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#0073aa;cursor:pointer;border:none;box-shadow:0 2px 4px rgb(0 0 0 / .2);transition:all 0.3s ease}.mkl-size-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 6px rgb(0 0 0 / .3)}.mkl-size-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 6px rgb(0 0 0 / .3)}.mkl-size-value{display:inline-block;margin-top:5px;padding:5px 10px;background:#0073aa;color:#fff;border-radius:4px;font-size:12px;font-weight:600;text-align:center;min-width:50px}.mkl-text-overlay-layer{position:absolute;pointer-events:none;user-select:none;z-index:1000;line-height:1}@media (max-width:767px){.mkl-text-overlay-container{padding:15px}.mkl-text-input{font-size:14px}.mkl-color-swatch{width:35px;height:35px}}@keyframes fadeIn{from{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.mkl-text-overlay-layer{animation:fadeIn 0.3s ease-out}.mkl_configurator_container{position:relative}.mkl-pc-viewer{position:relative}.mkl-text-overlay-container.loading{opacity:.6;pointer-events:none}.mkl-text-overlay-container.loading::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #0073aa;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}