.ascii-shader-module__ycghVW__container{background:#0a0a0a;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:1fr 320px;width:100%;height:700px;display:grid;overflow:hidden}.ascii-shader-module__ycghVW__imageArea{cursor:pointer;background:#111;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ascii-shader-module__ycghVW__clickHint{text-align:center;color:#ffffff80;pointer-events:none;font-size:13px;position:absolute;bottom:16px;left:0;right:0}.ascii-shader-module__ycghVW__controlPanel{color:#e0e0e0;background:#3a3a3a;flex-direction:column;gap:12px;padding:16px;font-size:12px;display:flex;overflow-y:auto}.ascii-shader-module__ycghVW__controlPanel::-webkit-scrollbar{width:4px}.ascii-shader-module__ycghVW__controlPanel::-webkit-scrollbar-track{background:0 0}.ascii-shader-module__ycghVW__controlPanel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.ascii-shader-module__ycghVW__presetsSection{flex-direction:column;gap:8px;display:flex}.ascii-shader-module__ycghVW__presetsLabel{color:#ccc;font-size:13px;font-weight:600}.ascii-shader-module__ycghVW__presetsGrid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.ascii-shader-module__ycghVW__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}.ascii-shader-module__ycghVW__presetButton:hover{background:#666}.ascii-shader-module__ycghVW__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}.ascii-shader-module__ycghVW__uploadButton:hover{background:#666}.ascii-shader-module__ycghVW__paramRow{grid-template-columns:110px 1fr;align-items:center;gap:8px;min-height:28px;display:grid}.ascii-shader-module__ycghVW__paramLabel{color:#bbb;font-family:monospace;font-size:12px;font-weight:400}.ascii-shader-module__ycghVW__sliderWrapper{flex:1;align-items:center;gap:6px;display:flex}.ascii-shader-module__ycghVW__sliderInput{appearance:none;cursor:pointer;background:#555;border-radius:2px;outline:none;flex:1;height:4px}.ascii-shader-module__ycghVW__sliderInput::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ccc;border-radius:50%;width:12px;height:12px;transition:background .1s}.ascii-shader-module__ycghVW__sliderInput::-webkit-slider-thumb:hover{background:#fff}.ascii-shader-module__ycghVW__sliderInput::-moz-range-thumb{cursor:pointer;background:#ccc;border:none;border-radius:50%;width:12px;height:12px}.ascii-shader-module__ycghVW__sliderValue{color:#e0e0e0;text-align:right;min-width:36px;font-family:monospace;font-size:12px}.ascii-shader-module__ycghVW__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}.ascii-shader-module__ycghVW__selectInput:focus{border-color:#ffffff4d}.ascii-shader-module__ycghVW__colorInputWrapper{flex:1;align-items:center;gap:6px;display:flex}.ascii-shader-module__ycghVW__colorSwatch{cursor:pointer;border:1px solid #ffffff26;border-radius:4px;flex-shrink:0;width:28px;height:28px;position:relative;overflow:hidden}.ascii-shader-module__ycghVW__colorSwatchInput{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ascii-shader-module__ycghVW__colorHexInput{color:#e0e0e0;background:#4a4a4a;border:none;border-radius:3px;outline:none;flex:1;padding:5px 8px;font-family:monospace;font-size:12px}.ascii-shader-module__ycghVW__colorHexInput:focus{background:#555}.ascii-shader-module__ycghVW__hiddenInput{display:none}.ascii-shader-module__ycghVW__separator{background:#ffffff14;height:1px;margin:4px 0}.ascii-shader-module__ycghVW__checkboxRow{grid-template-columns:110px 1fr;align-items:center;gap:8px;min-height:28px;display:grid}.ascii-shader-module__ycghVW__checkboxInput{cursor:pointer;accent-color:#888;width:16px;height:16px}@media (max-width:768px){.ascii-shader-module__ycghVW__container{grid-template-rows:1fr auto;grid-template-columns:1fr;height:auto;min-height:500px}.ascii-shader-module__ycghVW__imageArea{min-height:350px}.ascii-shader-module__ycghVW__controlPanel{max-height:400px}}
