.shader-composer-module__17pCra__container{background:#0a0a0a;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:1fr 320px;width:100%;height:700px;display:grid;overflow:hidden}.shader-composer-module__17pCra__imageArea{cursor:pointer;background:#111;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.shader-composer-module__17pCra__clickHint{text-align:center;color:#ffffff80;pointer-events:none;font-size:13px;position:absolute;bottom:16px;left:0;right:0}.shader-composer-module__17pCra__controlPanel{color:#e0e0e0;background:#3a3a3a;flex-direction:column;gap:12px;padding:16px;font-size:12px;display:flex;overflow-y:auto}.shader-composer-module__17pCra__controlPanel::-webkit-scrollbar{width:4px}.shader-composer-module__17pCra__controlPanel::-webkit-scrollbar-track{background:0 0}.shader-composer-module__17pCra__controlPanel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.shader-composer-module__17pCra__presetsSection{flex-direction:column;gap:8px;display:flex}.shader-composer-module__17pCra__presetsLabel{color:#ccc;font-size:13px;font-weight:600}.shader-composer-module__17pCra__presetsGrid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.shader-composer-module__17pCra__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}.shader-composer-module__17pCra__presetButton:hover{background:#666}.shader-composer-module__17pCra__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}.shader-composer-module__17pCra__uploadButton:hover{background:#666}.shader-composer-module__17pCra__sectionHeader{align-items:center;gap:8px;display:flex}.shader-composer-module__17pCra__sectionLabel{color:#ccc;flex:1;font-size:13px;font-weight:600}.shader-composer-module__17pCra__toggleButton{color:#999;cursor:pointer;text-transform:uppercase;background:#444;border:none;border-radius:3px;padding:3px 8px;font-family:monospace;font-size:10px;font-weight:600;transition:all .15s}.shader-composer-module__17pCra__toggleButton[data-active=true]{color:#fff;background:#4a7}.shader-composer-module__17pCra__paramRow{grid-template-columns:110px 1fr;align-items:center;gap:8px;min-height:28px;display:grid}.shader-composer-module__17pCra__paramLabel{color:#bbb;font-family:monospace;font-size:12px;font-weight:400}.shader-composer-module__17pCra__sliderWrapper{flex:1;align-items:center;gap:6px;display:flex}.shader-composer-module__17pCra__sliderInput{appearance:none;cursor:pointer;background:#555;border-radius:2px;outline:none;flex:1;height:4px}.shader-composer-module__17pCra__sliderInput::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ccc;border-radius:50%;width:12px;height:12px;transition:background .1s}.shader-composer-module__17pCra__sliderInput::-webkit-slider-thumb:hover{background:#fff}.shader-composer-module__17pCra__sliderInput::-moz-range-thumb{cursor:pointer;background:#ccc;border:none;border-radius:50%;width:12px;height:12px}.shader-composer-module__17pCra__sliderValue{color:#e0e0e0;text-align:right;min-width:36px;font-family:monospace;font-size:12px}.shader-composer-module__17pCra__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}.shader-composer-module__17pCra__selectInput:focus{border-color:#ffffff4d}.shader-composer-module__17pCra__hiddenInput{display:none}.shader-composer-module__17pCra__separator{background:#ffffff14;height:1px;margin:4px 0}.shader-composer-module__17pCra__audioControls{gap:4px;display:flex}.shader-composer-module__17pCra__audioButton{color:#e0e0e0;cursor:pointer;background:#555;border:none;border-radius:4px;flex:1;padding:8px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s}.shader-composer-module__17pCra__audioButton:hover{background:#666}.shader-composer-module__17pCra__audioButton:disabled{opacity:.4;cursor:not-allowed}.shader-composer-module__17pCra__audioFileName{color:#999;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:11px;overflow:hidden}@media (max-width:768px){.shader-composer-module__17pCra__container{grid-template-rows:1fr auto;grid-template-columns:1fr;height:auto;min-height:500px}.shader-composer-module__17pCra__imageArea{min-height:350px}.shader-composer-module__17pCra__controlPanel{max-height:400px}}