._l-css-gradient_l-css-gradient__tNg7Q{padding:3rem 0;background:hsla(0,0%,9%,.4)}._l-css-gradient_l-css-gradient__inner__IKoZ_{max-width:1400px;margin:0 auto;padding:0 1.5rem}@media(max-width:960px){._l-css-gradient_l-css-gradient__inner__IKoZ_{padding:0 1rem}}._p-css-gradient_p-css-gradient__tabs__hcVj7{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid hsla(0,0%,100%,.1)}._p-css-gradient_p-css-gradient__tab__MQv2A{background:transparent;border:none;border-bottom:3px solid transparent;padding:1rem 1.5rem;color:hsla(0,0%,100%,.6);cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}._p-css-gradient_p-css-gradient__tab__MQv2A:hover{color:aqua}._p-css-gradient_p-css-gradient__tab--active__jCiTS{color:#f60;border-bottom-color:#f60}._p-css-gradient_p-css-gradient__main__8zWgG{display:grid;grid-template-columns:1fr 350px;grid-gap:2rem;gap:2rem;margin-bottom:2rem}@media(max-width:960px){._p-css-gradient_p-css-gradient__main__8zWgG{grid-template-columns:1fr}}._p-css-gradient_p-css-gradient__preview__Z4qWc{position:relative;width:100%;min-height:500px;border-radius:12px;overflow:hidden;background:hsla(0,0%,9%,.6);border:1px solid hsla(0,0%,100%,.1)}._p-css-gradient_p-css-gradient__controls__WoHV_{background:hsla(0,0%,9%,.4);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);padding:1.5rem;max-height:calc(100vh - 200px);overflow-y:auto}._p-css-gradient_p-mesh-canvas__gsQWB{position:relative;width:100%;height:100%;min-height:500px;overflow:hidden}._p-css-gradient_p-mesh-canvas__background__0Azx3{position:absolute;top:0;left:0;width:100%;height:100%;will-change:filter}._p-css-gradient_p-mesh-canvas__gradient-layer__UGeyp{position:absolute;width:70%;height:70%;transform:translate(-50%,-50%);will-change:transform;pointer-events:none}._p-css-gradient_p-mesh-canvas__handle__PSM86{position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);cursor:-webkit-grab;cursor:grab;z-index:10;will-change:transform}._p-css-gradient_p-mesh-canvas__handle__PSM86:active{cursor:-webkit-grabbing;cursor:grabbing}._p-css-gradient_p-mesh-canvas__handle-inner__h7qOr{width:100%;height:100%;border-radius:50%;border:3px solid hsla(0,0%,100%,.9);box-shadow:0 2px 8px hsla(0,0%,9%,.3);transition:all .2s ease}._p-css-gradient_p-mesh-canvas__handle-remove__fMugP{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:rgba(255,59,48,.9);border:none;color:#fff;font-size:.625rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}._p-css-gradient_p-mesh-canvas__handle__PSM86:hover ._p-css-gradient_p-mesh-canvas__handle-remove__fMugP{opacity:1}._p-css-gradient_p-mesh-canvas__color-picker__zLSgI{position:absolute;top:60px;left:0;z-index:100;padding:1rem;background:hsla(0,0%,9%,.95);border-radius:8px;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 20px rgba(0,0,0,.5)}._p-css-gradient_p-mesh-canvas__color-picker-close__hypvs{margin-top:.5rem;padding:.5rem 1rem;background:rgba(255,102,0,.2);border:1px solid #f60;border-radius:6px;color:#f60;cursor:pointer;font-size:.75rem;width:100%}._p-css-gradient_p-control-panel__title__Vf5TX{font-size:1.125rem;font-weight:700;color:#f60;margin:0 0 1.5rem}._p-css-gradient_p-control-panel__section__8iMjU{margin-top:2rem;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1)}._p-css-gradient_p-control-panel__section-title__JGmp2{font-size:1rem;font-weight:600;color:hsla(0,0%,100%,.9);margin:0 0 1rem}._p-css-gradient_p-control-panel__field__XUA1D{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}._p-css-gradient_p-control-panel__label__JMoCP{font-size:.875rem;font-weight:600;color:hsla(0,0%,100%,.9);display:flex;align-items:center;gap:.5rem}._p-css-gradient_p-control-panel__hint__tO4E1{font-size:.75rem;color:hsla(0,0%,100%,.5);margin:0}._p-css-gradient_p-control-panel__color-wrapper__stSf_{position:relative;display:flex;align-items:center;gap:.75rem}._p-css-gradient_p-control-panel__color-button__qnXmc{width:50px;height:50px;border:2px solid hsla(0,0%,100%,.2);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.7);transition:all .2s ease}._p-css-gradient_p-control-panel__color-button__qnXmc:hover{border-color:#f60}._p-css-gradient_p-control-panel__color-picker__L8Ray{position:absolute;top:60px;left:0;z-index:100;padding:1rem;background:hsla(0,0%,9%,.95);border-radius:8px;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 20px rgba(0,0,0,.5)}._p-css-gradient_p-control-panel__select__0ay3V{width:100%;padding:.5rem;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;background:hsla(0,0%,9%,.4);color:#fff;font-size:.875rem}._p-css-gradient_p-control-panel__select__0ay3V:focus{border-color:#f60;outline:none}._p-css-gradient_p-control-panel__stops__Q5Liy{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}._p-css-gradient_p-control-panel__stop__DPc9j{display:flex;align-items:center;gap:.5rem;position:relative}._p-css-gradient_p-control-panel__stop-color__UhEwK{width:40px;height:40px;border:2px solid hsla(0,0%,100%,.2);border-radius:6px;cursor:pointer;flex-shrink:0}._p-css-gradient_p-control-panel__stop-remove__fTpXM{width:30px;height:30px;border:none;background:rgba(255,59,48,.2);color:#ff3b30;border-radius:4px;cursor:pointer;font-size:1.125rem;display:flex;align-items:center;justify-content:center}._p-css-gradient_p-control-panel__add-button__MyJIr{width:100%;padding:.75rem;background:rgba(255,102,0,.2);border:1px solid #f60;border-radius:6px;color:#f60;cursor:pointer;font-size:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}._p-css-gradient_p-control-panel__add-button__MyJIr:hover{background:rgba(255,102,0,.3)}._p-css-gradient_p-code-output__65kRQ{background:hsla(0,0%,9%,.4);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);padding:1.5rem;margin-top:2rem}._p-css-gradient_p-code-output__header__SdD6E{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}._p-css-gradient_p-code-output__title__PrCgC{font-size:1.125rem;font-weight:700;color:aqua;margin:0}._p-css-gradient_p-code-output__actions__Dlsap{display:flex;gap:.5rem}._p-css-gradient_p-code-output__button__IUfgT{padding:.5rem 1rem;background:rgba(0,255,255,.2);border:1px solid aqua;border-radius:6px;color:aqua;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}._p-css-gradient_p-code-output__button__IUfgT:hover{background:rgba(0,255,255,.3)}._p-css-gradient_p-code-output__code__ZS7V9{background:hsla(0,0%,9%,.6);border-radius:8px;padding:1rem;margin:0;overflow-x:auto;font-family:Fira Code,Courier New,monospace;font-size:.875rem;line-height:1.6;color:#fff}._p-css-gradient_p-code-output__code__ZS7V9 code{background:transparent}