.gradient_container{flex-direction:column;gap:32px;width:100%;min-width:0;display:flex}.gradient_controls{flex-direction:column;gap:24px;width:100%;display:flex}.gradient_controls-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.gradient_controls-header h2,.gradient_panel-heading h2,.gradient_output-header h2{font-family:var(--font-display);margin:2px 0 0;font-size:1.3rem;line-height:1.3}.gradient_kicker{font-family:var(--font-ui);letter-spacing:1.5px;color:var(--primary);opacity:.75;font-size:.7rem;font-weight:700}.gradient_control-group{flex-direction:column;gap:10px;display:flex}.gradient_control-group label,.gradient_color-control label,.gradient_slider-group label{font-size:.85rem;font-weight:600}.gradient_type-buttons{gap:8px;display:flex}.gradient_type-buttons button{min-width:100px}.gradient_colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.gradient_color-control{flex-direction:column;gap:8px;display:flex}.gradient_color-input{align-items:center;gap:8px;min-width:0;display:flex}.gradient_color-input input[type=color]{cursor:pointer;border:1px solid var(--border);background:0 0;border-radius:8px;width:46px;height:42px;padding:3px}.gradient_color-input input[type=text]{box-sizing:border-box;width:100%;min-width:0;height:42px;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:0 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem}.gradient_slider-group{flex-direction:column;gap:10px;display:flex}.gradient_slider-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.gradient_slider-header span{text-align:right;opacity:.7;min-width:48px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem}.gradient_preview-panel{flex-direction:column;gap:16px;display:flex}.gradient_preview{border:1px solid var(--border);border-radius:12px;width:100%;height:320px;box-shadow:inset 0 0 0 1px #ffffff0a}.gradient_output-panel{flex-direction:column;gap:14px;display:flex}.gradient_output-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.gradient_output{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;width:100%;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem;line-height:1.6}.tool-info{flex-direction:column;gap:28px;width:100%;display:flex}@media (max-width:700px){.gradient_preview{height:260px}}@media (max-width:640px){.gradient_container{gap:28px}.gradient_controls{gap:20px}.gradient_controls-header{align-items:flex-start}.gradient_controls-header h2,.gradient_panel-heading h2,.gradient_output-header h2{font-size:1.15rem}.gradient_colors{grid-template-columns:1fr;gap:14px}.gradient_type-buttons{width:100%}.gradient_type-buttons button{flex:1;min-width:0}.gradient_preview{height:220px}.gradient_output{font-size:.82rem}.tool-info{gap:24px}}@media (max-width:380px){.gradient_container{gap:24px}.gradient_controls-header{flex-direction:column;align-items:stretch}.gradient_controls-header button{align-self:flex-start}.gradient_preview{height:180px}.gradient_color-input input[type=color]{width:42px;height:40px}.gradient_color-input input[type=text]{height:40px}.gradient_output{font-size:.78rem}}@media (prefers-reduced-motion:reduce){.gradient_container *,.gradient_container :before,.gradient_container :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}