.cmyk-halftone-module__CYHzlG__container{background:#0a0a0a;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:1fr 320px;width:100%;height:700px;display:grid;overflow:hidden}.cmyk-halftone-module__CYHzlG__imageArea{cursor:pointer;background:#111;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cmyk-halftone-module__CYHzlG__imageArea img,.cmyk-halftone-module__CYHzlG__imageArea svg{width:100%;height:100%}.cmyk-halftone-module__CYHzlG__clickHint{text-align:center;color:#ffffff80;pointer-events:none;font-size:13px;position:absolute;bottom:16px;left:0;right:0}.cmyk-halftone-module__CYHzlG__controlPanel{color:#e0e0e0;background:#3a3a3a;flex-direction:column;gap:12px;padding:16px;font-size:12px;display:flex;overflow-y:auto}.cmyk-halftone-module__CYHzlG__controlPanel::-webkit-scrollbar{width:4px}.cmyk-halftone-module__CYHzlG__controlPanel::-webkit-scrollbar-track{background:0 0}.cmyk-halftone-module__CYHzlG__controlPanel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.cmyk-halftone-module__CYHzlG__presetsSection{flex-direction:column;gap:8px;display:flex}.cmyk-halftone-module__CYHzlG__presetsLabel{color:#ccc;font-size:13px;font-weight:600}.cmyk-halftone-module__CYHzlG__presetsGrid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.cmyk-halftone-module__CYHzlG__presetButton{color:#e0e0e0;cursor:pointer;background:#555;border:none;border-radius:4px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.cmyk-halftone-module__CYHzlG__presetButton:hover{background:#666}.cmyk-halftone-module__CYHzlG__presetButton[data-active=true]{color:#fff;background:#777}.cmyk-halftone-module__CYHzlG__uploadButton{color:#e0e0e0;cursor:pointer;background:#555;border:none;border-radius:4px;width:100%;padding:10px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.cmyk-halftone-module__CYHzlG__uploadButton:hover{background:#666}.cmyk-halftone-module__CYHzlG__paramRow{grid-template-columns:110px 1fr;align-items:center;gap:8px;min-height:28px;display:grid}.cmyk-halftone-module__CYHzlG__paramLabel{color:#bbb;font-family:monospace;font-size:12px;font-weight:400}.cmyk-halftone-module__CYHzlG__paramRight{align-items:center;gap:6px;display:flex}.cmyk-halftone-module__CYHzlG__colorInputWrapper{flex:1;align-items:center;gap:6px;display:flex}.cmyk-halftone-module__CYHzlG__colorSwatch{cursor:pointer;border:1px solid #ffffff26;border-radius:4px;flex-shrink:0;width:28px;height:28px;position:relative;overflow:hidden}.cmyk-halftone-module__CYHzlG__colorSwatchInput{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.cmyk-halftone-module__CYHzlG__colorHexInput{color:#e0e0e0;background:#4a4a4a;border:none;border-radius:3px;outline:none;flex:1;padding:5px 8px;font-family:monospace;font-size:12px}.cmyk-halftone-module__CYHzlG__colorHexInput:focus{background:#555}.cmyk-halftone-module__CYHzlG__sliderWrapper{flex:1;align-items:center;gap:6px;display:flex}.cmyk-halftone-module__CYHzlG__sliderInput{appearance:none;cursor:pointer;background:#555;border-radius:2px;outline:none;flex:1;height:4px}.cmyk-halftone-module__CYHzlG__sliderInput::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ccc;border-radius:50%;width:12px;height:12px;transition:background .1s}.cmyk-halftone-module__CYHzlG__sliderInput::-webkit-slider-thumb:hover{background:#fff}.cmyk-halftone-module__CYHzlG__sliderInput::-moz-range-thumb{cursor:pointer;background:#ccc;border:none;border-radius:50%;width:12px;height:12px}.cmyk-halftone-module__CYHzlG__sliderValue{color:#e0e0e0;text-align:right;min-width:36px;font-family:monospace;font-size:12px}.cmyk-halftone-module__CYHzlG__selectInput{color:#e0e0e0;cursor:pointer;background:#4a4a4a;border:1px solid #ffffff1a;border-radius:3px;outline:none;flex:1;padding:5px 8px;font-family:inherit;font-size:12px}.cmyk-halftone-module__CYHzlG__selectInput:focus{border-color:#ffffff4d}.cmyk-halftone-module__CYHzlG__hiddenInput{display:none}.cmyk-halftone-module__CYHzlG__separator{background:#ffffff14;height:1px;margin:4px 0}@media (max-width:768px){.cmyk-halftone-module__CYHzlG__container{grid-template-rows:1fr auto;grid-template-columns:1fr;height:auto;min-height:500px}.cmyk-halftone-module__CYHzlG__imageArea{min-height:350px}.cmyk-halftone-module__CYHzlG__controlPanel{max-height:400px}}