.lUcYEG_container{flex-direction:column;gap:1.5rem;max-width:820px;margin:2rem auto;padding:1.5rem;display:flex}.lUcYEG_presets{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.lUcYEG_presetSwatch{border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;width:72px;height:48px;transition:border-color .18s,transform .15s;position:relative;overflow:hidden}.lUcYEG_presetSwatch:hover{border-color:var(--accent-primary);transform:scale(1.07)}.lUcYEG_presetLabel{color:#fff;text-align:center;background:#00000080;padding:2px 0;font-size:.65rem;position:absolute;bottom:0;left:0;right:0}.lUcYEG_previewBox{border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;height:200px;transition:background .25s}.lUcYEG_controls{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:1.5rem;padding:1.75rem;display:flex}.lUcYEG_typeGroup{background:color-mix(in srgb, var(--border-color) 40%, transparent);border-radius:var(--radius-md);align-self:flex-start;gap:.5rem;padding:4px;display:flex}.lUcYEG_typeBtn{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:.45rem 1.1rem;font-size:.9rem;font-weight:500}.lUcYEG_typeBtn.lUcYEG_active{background:var(--accent-primary);color:var(--on-primary)}.lUcYEG_angleControl{align-items:center;gap:1rem;display:flex}.lUcYEG_angleDial{border:2px solid var(--border-color);background:color-mix(in srgb, var(--accent-primary) 10%, transparent);cursor:crosshair;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.lUcYEG_angleArrow{background:var(--accent-primary);transform-origin:bottom;border-radius:2px;width:2px;height:20px;margin-left:-1px;position:absolute;bottom:50%;left:50%}.lUcYEG_angleInputWrap{align-items:center;gap:.4rem;display:flex}.lUcYEG_angleInput{border:1.5px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);width:70px;color:var(--text-primary);text-align:center;padding:.45rem .5rem;font-size:.9rem}.lUcYEG_angleInput:focus{border-color:var(--accent-primary);outline:none}.lUcYEG_angleSuffix{color:var(--text-secondary);font-size:.85rem}.lUcYEG_stopsSection{flex-direction:column;gap:.75rem;display:flex}.lUcYEG_stopsHeader{justify-content:space-between;align-items:center;display:flex}.lUcYEG_label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.78rem;font-weight:600}.lUcYEG_addBtn{border-radius:var(--radius-md);border:1.5px solid var(--accent-primary);color:var(--accent-text);cursor:pointer;transition:var(--transition-fast);background:0 0;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.82rem;font-weight:600;display:flex}.lUcYEG_addBtn:hover:not(:disabled){background:var(--accent-primary);color:var(--on-primary)}.lUcYEG_addBtn:disabled{opacity:.4;cursor:not-allowed}.lUcYEG_stopsList{flex-direction:column;gap:.6rem;display:flex}.lUcYEG_stopRow{align-items:center;gap:.75rem;display:flex}.lUcYEG_colorInput{border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;width:38px;height:38px;padding:2px}.lUcYEG_colorHex{color:var(--text-secondary);flex-shrink:0;width:60px;font-family:monospace;font-size:.82rem}.lUcYEG_posSlider{accent-color:var(--accent-primary);cursor:pointer;flex:1;min-width:0;height:4px}.lUcYEG_posLabel{color:var(--text-secondary);text-align:right;flex-shrink:0;width:36px;font-size:.82rem}.lUcYEG_removeBtn{border-radius:var(--radius-md);border:1px solid var(--border-color);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lUcYEG_removeBtn:hover:not(:disabled){color:#fff;border-color:var(--status-error);background:#ef4444}.lUcYEG_removeBtn:disabled{opacity:.3;cursor:not-allowed}.lUcYEG_outputSection{flex-direction:column;gap:.5rem;display:flex}.lUcYEG_outputWrap{position:relative}.lUcYEG_cssOutput{box-sizing:border-box;background:color-mix(in srgb, var(--bg-secondary) 80%, #000 10%);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--accent-text);resize:none;padding:.85rem 1rem;font-family:monospace;font-size:.9rem;line-height:1.6}.lUcYEG_copyBtn{border-radius:var(--radius-md);border:1.5px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.82rem;display:flex;position:absolute;top:.5rem;right:.5rem}.lUcYEG_copyBtn:hover{background:var(--accent-primary);color:var(--on-primary);border-color:var(--accent-primary)}@media (max-width:600px){.lUcYEG_container{padding:1rem}.lUcYEG_controls{padding:1.25rem}.lUcYEG_previewBox{height:140px}.lUcYEG_typeGroup{flex-wrap:wrap}}@media (max-width:400px){.lUcYEG_stopRow{gap:.4rem}.lUcYEG_colorHex{width:52px;font-size:.75rem}.lUcYEG_posLabel{width:30px;font-size:.75rem}}