._content_17gc3_1{gap:24px;margin-bottom:32px;display:flex}._previewPanel_17gc3_7{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-shrink:0;width:320px;overflow:hidden;box-shadow:0 12px 32px #0f172a0f}._controlsPanel_17gc3_17{flex-direction:column;flex:1;gap:16px;display:flex}._panel_17gc3_25{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}._panelHeader_17gc3_32{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}._panelTitle_17gc3_40{color:var(--text-primary);font-size:.875rem;font-weight:600}._panelActions_17gc3_46{gap:8px;display:flex}._panelBody_17gc3_51{padding:16px}._actionBtn_17gc3_56{background:var(--background);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}._actionBtn_17gc3_56:hover{color:var(--primary);border-color:var(--primary)}._previewBody_17gc3_76{padding:20px}._previewArea_17gc3_80{border-radius:12px;width:100%;height:280px;transition:background .3s;box-shadow:0 4px 16px #0000001f}._formGroup_17gc3_89{margin-bottom:16px}._formGroup_17gc3_89:last-child{margin-bottom:0}._formGroup_17gc3_89 label{color:var(--text-secondary);margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}._typeButtons_17gc3_106{gap:8px;display:flex}._typeBtn_17gc3_111{background:var(--background);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;padding:10px 16px;font-family:inherit;font-size:.875rem;transition:all .2s}._typeBtn_17gc3_111:hover{border-color:var(--primary)}._typeBtn_17gc3_111[data-gr-active]{background:var(--primary);border-color:var(--primary);color:#fff}._anglePresets_17gc3_137{gap:4px;margin-top:8px;display:flex}._anglePresetBtn_17gc3_143{background:var(--background);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:.75rem}._anglePresetBtn_17gc3_143:hover{border-color:var(--text-muted)}._anglePresetBtn_17gc3_143[data-gr-active]{background:var(--primary);border-color:var(--primary);color:#fff}._colorStops_17gc3_165{flex-direction:column;gap:12px;display:flex}._colorStop_17gc3_165{background:var(--background);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}._colorInputWrap_17gc3_180{align-items:center;gap:8px;display:flex}._colorInput_17gc3_180{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:32px;height:32px;padding:2px}._colorHexInput_17gc3_196{border:1px solid var(--border);width:80px;font-size:.8rem;font-family:var(--font-mono);background:var(--surface);color:var(--text-primary);border-radius:4px;padding:6px 10px}._colorHexInput_17gc3_196:focus{border-color:var(--primary);outline:none}._positionInput_17gc3_212{flex:1;align-items:center;gap:8px;display:flex}._positionValue_17gc3_219{width:40px;color:var(--text-secondary);text-align:right;font-size:.75rem;font-weight:500}._removeBtn_17gc3_227{border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}._removeBtn_17gc3_227:hover{color:#ef4444;border-color:#ef4444}._removeBtn_17gc3_227 i,._removeBtn_17gc3_227 svg{width:12px;height:12px}._presets_17gc3_253{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}._presetItem_17gc3_259{border:1px solid var(--border);cursor:pointer;border-radius:8px;width:100%;height:48px;transition:transform .2s}._presetItem_17gc3_259:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}._codeBlock_17gc3_274{background:var(--background);font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;border-radius:8px;padding:12px 16px;font-size:.8rem;line-height:1.6;overflow-x:auto}._codeBlock_17gc3_274 code{color:var(--text-primary)}._copyBtn_17gc3_290{margin-top:12px}@media (width<=768px){._content_17gc3_1{flex-direction:column}._previewPanel_17gc3_7{order:-1;width:100%}._previewArea_17gc3_80{height:200px}._colorStop_17gc3_165{flex-wrap:wrap}._positionInput_17gc3_212{order:1;width:100%;margin-top:8px}._presets_17gc3_253{grid-template-columns:repeat(2,1fr)}}