.cmyk-converter,.border-generator,.background-remover{padding:60px 0;min-height:calc(100vh - 200px);background:#fafafa}.image-tools-container{max-width:1200px;margin:0 auto;padding:0 20px}.image-tools-hero{text-align:center;margin-bottom:48px}.image-tools-hero h1{font-family:Bitter,serif;font-size:38px;font-weight:700;color:#454545;margin:0 0 12px;line-height:1.2}.image-tools-hero p{font-family:SourceSans,sans-serif;font-size:18px;color:#636363;max-width:600px;margin:0 auto}.image-tools-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:40px;max-width:800px;margin:0 auto 48px}.drop-zone{border:2px dashed #d0d0d0;border-radius:12px;padding:48px 32px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.drop-zone:hover{border-color:#ee4b2b;background:#fff5f3}.drop-zone.drag-over{border-color:#ee4b2b;background:#fff5f3;transform:scale(1.01)}.drop-zone-compact{padding:32px 24px}.drop-zone-content{display:flex;flex-direction:column;align-items:center}.drop-zone-icon{width:64px;height:64px;margin-bottom:16px;color:#b0b0b0}.drop-zone.drag-over .drop-zone-icon,.drop-zone:hover .drop-zone-icon{color:#ee4b2b}.drop-zone-text{font-family:SourceSans,sans-serif;font-size:18px;color:#454545;margin:0 0 8px}.drop-zone-or{font-family:SourceSans,sans-serif;font-size:14px;color:#909090;display:block;margin:0 0 16px}.drop-zone-formats{font-family:SourceSans,sans-serif;font-size:13px;color:#909090;margin:16px 0 0}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:2px solid #ee4b2b;color:#ee4b2b;padding:12px 32px;border-radius:6px;font-family:SourceSans,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#ee4b2b;color:#fff}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#ee4b2b;color:#fff;border:none;border-radius:6px;padding:16px 40px;font-family:SourceSans,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:56px;width:100%}.btn-primary:hover:not(:disabled){background:#d43d1f;transform:translateY(-1px)}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-text{display:inline}.btn-icon{width:20px;height:20px}.btn-icon-left{width:20px;height:20px;margin-right:4px}.file-preview{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f0f7f9;border:2px solid #25718a;border-radius:8px;margin-bottom:24px}.file-preview-compact{margin-bottom:24px}.file-preview-icon{width:48px;height:48px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-preview-icon svg{width:28px;height:28px;color:#25718a}.file-preview-thumb{width:60px;height:60px;background-size:cover;background-position:center;background-color:#f0f0f0;border-radius:6px;flex-shrink:0}.file-preview-info{flex:1;min-width:0}.file-preview-name{font-family:SourceSans,sans-serif;font-size:15px;font-weight:600;color:#454545;margin:0 0 4px;word-break:break-all}.file-preview-size{font-family:SourceSans,sans-serif;font-size:13px;color:#636363;margin:0}.file-preview-remove{width:32px;height:32px;border:none;background:#e8e8e8;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.file-preview-remove svg{width:16px;height:16px;color:#666}.file-preview-remove:hover{background:#ee4b2b}.file-preview-remove:hover svg{color:#fff}.options-section{margin-bottom:24px}.options-section h3{font-family:SourceSans,sans-serif;font-size:16px;font-weight:600;color:#454545;margin:0 0 16px}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:flex-start;gap:16px;padding:20px;border:2px solid #e3e3e3;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#fff}.radio-option:hover{border-color:#ccc}.radio-option:has(input:checked){border-color:#ee4b2b;background:#fff8f7}.radio-option input[type=radio]{display:none}.radio-custom{width:22px;height:22px;border:2px solid #ccc;border-radius:50%;position:relative;flex-shrink:0;margin-top:2px;transition:all .2s ease}.radio-option:has(input:checked) .radio-custom{border-color:#ee4b2b}.radio-custom:after{content:"";position:absolute;width:12px;height:12px;background:#ee4b2b;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease}.radio-option:has(input:checked) .radio-custom:after{transform:translate(-50%,-50%) scale(1)}.radio-content{flex:1}.radio-label-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.radio-content strong{font-family:SourceSans,sans-serif;font-size:16px;font-weight:600;color:#454545}.radio-content p{font-family:SourceSans,sans-serif;font-size:14px;color:#636363;margin:6px 0 0;line-height:1.4}.badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:4px;vertical-align:middle}.badge-recommended{background:#25718a;color:#fff}.action-section{margin-top:24px;text-align:center}.action-note{font-family:SourceSans,sans-serif;font-size:13px;color:#909090;margin:12px 0 0}.progress-section{text-align:center;padding:32px 0}.progress-bar{width:100%;height:8px;background:#e8e8e8;border-radius:4px;overflow:hidden;margin-bottom:16px}.progress-fill{height:100%;background:linear-gradient(90deg,#ee4b2b,#f0775f);border-radius:4px;width:0%;transition:width .3s ease}.progress-text{font-family:SourceSans,sans-serif;font-size:15px;color:#636363;margin:0}.success-section{text-align:center;padding:32px 0}.success-icon{width:72px;height:72px;background:#e8f5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.success-icon svg{width:36px;height:36px;color:#4caf50}.success-section h3{font-family:SourceSans,sans-serif;font-size:22px;font-weight:600;color:#454545;margin:0 0 8px}.success-section p{font-family:SourceSans,sans-serif;font-size:15px;color:#636363;margin:0 0 24px}.success-section .btn-primary{width:auto;margin-bottom:12px}.success-section .btn-secondary{border-color:#e3e3e3;color:#636363}.success-section .btn-secondary:hover{background:#f8f8f8;color:#454545;border-color:#ccc}.error-section{text-align:center;padding:32px 0}.error-icon{width:72px;height:72px;background:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.error-icon svg{width:36px;height:36px;color:#dc2626}.error-section h3{font-family:SourceSans,sans-serif;font-size:22px;font-weight:600;color:#454545;margin:0 0 8px}.error-section p{font-family:SourceSans,sans-serif;font-size:15px;color:#991b1b;margin:0 0 24px}.info-section{max-width:1000px;margin:0 auto;padding-top:24px}.info-section h2{font-family:Bitter,serif;font-size:26px;font-weight:700;color:#454545;text-align:center;margin:0 0 32px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.info-card{background:#fff;border-radius:10px;padding:28px 24px;box-shadow:0 2px 8px #0000000d}.info-card-icon{width:48px;height:48px;background:#f0f7f9;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.info-card-icon svg{width:24px;height:24px;color:#25718a}.info-card h4{font-family:SourceSans,sans-serif;font-size:17px;font-weight:600;color:#454545;margin:0 0 12px}.info-card p{font-family:SourceSans,sans-serif;font-size:15px;color:#636363;margin:0;line-height:1.5}.border-tool-wrapper{display:grid;grid-template-columns:420px 1fr;gap:32px;max-width:1200px;margin:0 auto 48px}.border-settings-panel{position:sticky;top:20px;height:fit-content}.border-settings-panel .image-tools-card{margin:0;max-width:none}.border-preview-panel .image-tools-card{margin:0;max-width:none;min-height:600px;display:flex;flex-direction:column}.preview-card{display:flex;flex-direction:column;height:100%}.settings-group{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e3e3e3}.settings-group:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-group h3{font-family:SourceSans,sans-serif;font-size:15px;font-weight:600;color:#454545;margin:0 0 16px}.settings-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.settings-group-header h3{margin:0}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-grid-4{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-family:SourceSans,sans-serif;font-size:13px;font-weight:600;color:#636363}.input-with-unit{display:flex;align-items:center;border:2px solid #e3e3e3;border-radius:8px;overflow:hidden;transition:border-color .2s ease}.input-with-unit:focus-within{border-color:#ee4b2b}.input-with-unit input{flex:1;padding:10px 12px;border:none;font-family:SourceSans,sans-serif;font-size:16px;color:#454545;width:100%;min-width:0}.input-with-unit input:focus{outline:none}.input-unit{padding:10px 12px;background:#f5f5f5;font-family:SourceSans,sans-serif;font-size:14px;color:#909090;border-left:1px solid #e3e3e3}.link-toggle{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#f0f0f0;border:none;border-radius:20px;font-family:SourceSans,sans-serif;font-size:13px;color:#636363;cursor:pointer;transition:all .2s ease}.link-toggle.active{background:#e8f4f7;color:#25718a}.link-toggle .link-icon{width:16px;height:16px}.link-toggle .link-label{font-weight:500}.color-presets{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.color-preset{width:38px;height:38px;border-radius:8px;border:2px solid #e3e3e3;cursor:pointer;transition:all .2s ease;position:relative}.color-preset:hover{transform:scale(1.1)}.color-preset.active{border-color:#454545;box-shadow:0 0 0 2px #fff,0 0 0 4px #454545}.custom-color-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f8f8;border-radius:8px}.custom-color-row label{font-family:SourceSans,sans-serif;font-size:14px;font-weight:600;color:#636363}.custom-color-row input[type=color]{width:40px;height:40px;padding:0;border:2px solid #e3e3e3;border-radius:6px;cursor:pointer}.hex-input{flex:1;padding:10px 12px;border:2px solid #e3e3e3;border-radius:6px;font-family:monospace;font-size:14px;text-transform:uppercase;max-width:100px}.hex-input:focus{outline:none;border-color:#ee4b2b}.final-size-box{background:linear-gradient(135deg,#fff8f7,#fff);border:2px solid #ee4b2b;border-radius:10px;padding:20px 24px;margin-bottom:24px}.final-size-label{font-family:SourceSans,sans-serif;font-size:13px;font-weight:600;color:#ee4b2b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.final-size-value{font-family:SourceSans,sans-serif;font-size:32px;font-weight:700;color:#454545;margin-bottom:4px}.final-size-note{font-family:SourceSans,sans-serif;font-size:13px;color:#909090}.action-buttons{display:flex;gap:12px}.action-buttons .btn-secondary{flex:0 0 auto;border-color:#e3e3e3;color:#636363}.action-buttons .btn-secondary:hover{background:#f8f8f8;border-color:#ccc;color:#454545}.action-buttons .btn-primary{flex:1}.preview-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.toggle-control{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle-control input{display:none}.toggle-switch{width:44px;height:24px;background:#e0e0e0;border-radius:12px;position:relative;transition:background .2s ease}.toggle-switch:after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-control input:checked+.toggle-switch{background:#25718a}.toggle-control input:checked+.toggle-switch:after{transform:translate(20px)}.toggle-label{font-family:SourceSans,sans-serif;font-size:14px;color:#636363}.zoom-controls{display:flex;align-items:center;gap:8px;background:#f5f5f5;padding:6px 12px;border-radius:6px}.zoom-btn{width:28px;height:28px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.zoom-btn:hover{background:#e0e0e0}.zoom-btn svg{width:18px;height:18px;color:#636363}.zoom-level{font-family:SourceSans,sans-serif;font-size:14px;color:#454545;min-width:50px;text-align:center}.preview-area{flex:1;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:8px;min-height:400px;position:relative;overflow:hidden}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b0b0b0;text-align:center;padding:40px}.preview-placeholder svg{width:80px;height:80px;margin-bottom:16px}.preview-placeholder p{font-family:SourceSans,sans-serif;font-size:16px;color:#909090;margin:0}.preview-wrapper{display:flex;align-items:center;justify-content:center;padding:60px;width:100%;height:100%}.preview-wrapper.high-contrast{background:repeating-conic-gradient(#d0d0d0 0% 25%,#f0f0f0 0% 50%) 50% / 20px 20px}.preview-frame{position:relative;box-shadow:0 4px 20px #00000026}.dimension-label{position:absolute;font-family:SourceSans,sans-serif;font-size:11px;font-weight:600;color:#454545;background:#fff;padding:3px 8px;border-radius:4px;box-shadow:0 1px 4px #0000001a;white-space:nowrap;z-index:10}.dimension-top{top:50%;left:4px;transform:translateY(-50%)}.dimension-bottom{bottom:50%;right:4px;transform:translateY(50%)}.dimension-left{left:50%;top:4px;transform:translate(-50%)}.dimension-right{right:50%;bottom:4px;transform:translate(50%)}.dimension-width{bottom:-28px;left:50%;transform:translate(-50%);background:#e8f4f7;color:#25718a}.dimension-height{right:-40px;top:50%;transform:translateY(-50%) rotate(90deg);background:#e8f4f7;color:#25718a}.preview-image-container{overflow:hidden}.preview-image-container img{width:100%;height:100%;object-fit:cover;display:block}.preview-legend{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:20px;padding:12px;background:#f5f5f5;border-radius:6px}.legend-item{display:flex;align-items:center;gap:8px;font-family:SourceSans,sans-serif;font-size:14px;color:#636363}.legend-color{width:20px;height:20px;border-radius:4px;border:1px solid #e3e3e3}.legend-artwork{background:linear-gradient(135deg,#667,#889)}.legend-border{background:#fff}.comparison-container{margin:24px 0;user-select:none;-webkit-user-select:none}.comparison-wrapper{position:relative;width:100%;max-width:700px;margin:0 auto;overflow:hidden;border-radius:8px;cursor:ew-resize;aspect-ratio:auto}.comparison-result-wrap{position:relative;width:100%;line-height:0}.comparison-checkerboard{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(#e0e0e0 0% 25%,#fff 0% 50%) 50% / 16px 16px;z-index:0}.comparison-result{position:relative;width:100%;height:auto;display:block;z-index:1}.comparison-original{display:none}.comparison-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;clip-path:inset(0 50% 0 0);overflow:hidden}.comparison-overlay-img{width:100%;height:100%;object-fit:cover;display:block}.comparison-slider{position:absolute;top:0;bottom:0;left:50%;width:4px;background:#fff;z-index:3;transform:translate(-50%);box-shadow:0 0 6px #0000004d;cursor:ew-resize}.comparison-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000040;display:flex;align-items:center;justify-content:center}.comparison-handle svg{width:22px;height:22px;color:#454545}.comparison-labels{position:absolute;bottom:12px;left:0;right:0;z-index:4;display:flex;justify-content:space-between;padding:0 12px;pointer-events:none}.comparison-label{font-family:SourceSans,sans-serif;font-size:13px;font-weight:600;color:#fff;background:#0000008c;padding:4px 10px;border-radius:4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.result-actions{margin-top:24px;text-align:center}.result-actions .btn-primary{width:auto;margin-bottom:12px}.result-actions .btn-secondary{border-color:#e3e3e3;color:#636363}.result-actions .btn-secondary:hover{background:#f8f8f8;color:#454545;border-color:#ccc}@media screen and (max-width:1024px){.border-tool-wrapper{grid-template-columns:1fr;gap:24px}.border-settings-panel{position:static}.border-preview-panel .image-tools-card{min-height:500px}}@media screen and (max-width:768px){.cmyk-converter,.border-generator,.background-remover{padding:40px 0}.image-tools-hero h1{font-size:28px}.image-tools-hero p{font-size:16px}.image-tools-card{padding:24px;margin-left:16px;margin-right:16px;box-sizing:border-box}.border-preview-panel .image-tools-card{max-width:calc(100vw - 32px);overflow:hidden}.drop-zone{padding:32px 20px}.info-grid,.input-row,.input-grid-4{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons .btn-secondary,.action-buttons .btn-primary{width:100%}.preview-controls{justify-content:center}.preview-wrapper{padding:30px}.preview-legend{flex-wrap:wrap;gap:12px}.comparison-handle{width:34px;height:34px}.comparison-handle svg{width:18px;height:18px}.comparison-label{font-size:11px;padding:3px 8px}}@media screen and (max-width:480px){.image-tools-card{padding:20px;margin-left:12px;margin-right:12px}.radio-option{padding:16px}.file-preview{flex-wrap:wrap;gap:12px}.file-preview-info{flex:1 1 100%;order:2}.file-preview-remove{order:1;margin-left:auto}.color-presets{gap:8px}.color-preset{width:34px;height:34px}.custom-color-row{flex-wrap:wrap}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/image-tools.css.map */