.watercolor-trail-module__C-pABG__container{background:#0a0a0a;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:1fr 320px;width:100%;height:700px;display:grid;overflow:hidden}.watercolor-trail-module__C-pABG__canvasArea{cursor:crosshair;background:#111;position:relative;overflow:hidden}.watercolor-trail-module__C-pABG__canvasHint{text-align:center;color:#ffffff80;pointer-events:none;font-size:13px;position:absolute;bottom:16px;left:0;right:0}.watercolor-trail-module__C-pABG__controlPanel{color:#e0e0e0;background:#3a3a3a;flex-direction:column;gap:12px;padding:16px;font-size:12px;display:flex;overflow-y:auto}.watercolor-trail-module__C-pABG__controlPanel::-webkit-scrollbar{width:4px}.watercolor-trail-module__C-pABG__controlPanel::-webkit-scrollbar-track{background:0 0}.watercolor-trail-module__C-pABG__controlPanel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.watercolor-trail-module__C-pABG__presetsSection{flex-direction:column;gap:8px;display:flex}.watercolor-trail-module__C-pABG__presetsLabel{color:#ccc;font-size:13px;font-weight:600}.watercolor-trail-module__C-pABG__presetsGrid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.watercolor-trail-module__C-pABG__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}.watercolor-trail-module__C-pABG__presetButton:hover{background:#666}.watercolor-trail-module__C-pABG__paramRow{grid-template-columns:110px 1fr;align-items:center;gap:8px;min-height:28px;display:grid}.watercolor-trail-module__C-pABG__paramLabel{color:#bbb;font-family:monospace;font-size:12px;font-weight:400}.watercolor-trail-module__C-pABG__sliderWrapper{flex:1;align-items:center;gap:6px;display:flex}.watercolor-trail-module__C-pABG__sliderInput{appearance:none;cursor:pointer;background:#555;border-radius:2px;outline:none;flex:1;height:4px}.watercolor-trail-module__C-pABG__sliderInput::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ccc;border-radius:50%;width:12px;height:12px;transition:background .1s}.watercolor-trail-module__C-pABG__sliderInput::-webkit-slider-thumb:hover{background:#fff}.watercolor-trail-module__C-pABG__sliderInput::-moz-range-thumb{cursor:pointer;background:#ccc;border:none;border-radius:50%;width:12px;height:12px}.watercolor-trail-module__C-pABG__sliderValue{color:#e0e0e0;text-align:right;min-width:36px;font-family:monospace;font-size:12px}.watercolor-trail-module__C-pABG__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}.watercolor-trail-module__C-pABG__selectInput:focus{border-color:#ffffff4d}.watercolor-trail-module__C-pABG__checkboxWrapper{align-items:center;gap:6px;display:flex}.watercolor-trail-module__C-pABG__checkboxInput{accent-color:#888;cursor:pointer;width:14px;height:14px}.watercolor-trail-module__C-pABG__separator{background:#ffffff14;height:1px;margin:4px 0}@media (max-width:768px){.watercolor-trail-module__C-pABG__container{grid-template-rows:1fr auto;grid-template-columns:1fr;height:auto;min-height:500px}.watercolor-trail-module__C-pABG__canvasArea{min-height:350px}.watercolor-trail-module__C-pABG__controlPanel{max-height:400px}}