@charset "UTF-8";.generator-section{background-color:#f9f9f9;border-radius:8px;padding:20px;margin-bottom:40px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.05);box-shadow:0 2px 5px rgba(0,0,0,.05)}.generator-section .section-title{margin-top:0;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e0e0e0;font-size:1.5rem;color:#333}.controls-section{margin-bottom:30px;position:relative;z-index:99}.controls-section .gradient-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.controls-section .gradient-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;background-color:#f5f5f5;padding:10px 15px;border-radius:4px}.controls-section .gradient-type .type-label{font-weight:700;margin-right:5px}.controls-section .gradient-type label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;cursor:pointer}.controls-section .gradient-type label input[type=radio]{cursor:pointer}.controls-section .gradient-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.controls-section .gradient-header label{font-weight:700}.controls-section .gradient-header input[type=number]{width:60px;padding:5px;border:1px solid #ccc;border-radius:4px}.controls-section .gradient-header input[type=range]{-webkit-box-flex:1;-ms-flex:1;flex:1}.controls-section .colors-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.controls-section .color-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.controls-section .color-item .color-picker{width:140px;height:40px;border:none;padding:0;cursor:pointer}.controls-section .color-item .hex-input-container input{width:100px;padding:5px;border:1px solid #ccc;border-radius:4px}.controls-section .color-item .opacity-input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.controls-section .color-item .opacity-input label{font-weight:700;width:90px;text-align:right;display:block}.controls-section .color-item .opacity-input input[type=number]{width:50px;padding:5px;border:1px solid #ccc;border-radius:4px}.controls-section .color-item .opacity-input input[type=range]{width:calc(100% - 90px);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:30px;border-radius:4px;background:var(--opacity-range-bg-color,#ddd);outline:0;position:relative;border:1px solid #656565}.controls-section .color-item .opacity-input input[type=range]::before{position:absolute;content:"";display:block;left:0;top:0;width:100%;height:100%;background:-webkit-linear-gradient(45deg,#c3c3c3 25%,transparent 25%,transparent 75%,#c3c3c3 75%),-webkit-linear-gradient(45deg,#c3c3c3 25%,transparent 25%,transparent 75%,#c3c3c3 75%);background:-o-linear-gradient(45deg,#c3c3c3 25%,transparent 25%,transparent 75%,#c3c3c3 75%),-o-linear-gradient(45deg,#c3c3c3 25%,transparent 25%,transparent 75%,#c3c3c3 75%);background:linear-gradient(45deg,#c3c3c3 25%,transparent 25%,transparent 75%,#c3c3c3 75%),linear-gradient(45deg,#c3c3c3 25%,transparent 25%,transparent 75%,#c3c3c3 75%);background-size:10px 10px;background-position:0 0,5px 5px;z-index:-1}.controls-section .color-item .opacity-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:40px;border-radius:3px;background:var(--opacity-range-thumb-color,#4caf50);cursor:pointer;border:1px solid #000;-webkit-box-shadow:0 0 2px rgba(0,0,0,.7);box-shadow:0 0 2px rgba(0,0,0,.7)}.controls-section .color-item .opacity-input input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--opacity-range-thumb-color,#4caf50);cursor:pointer;border:1px solid #000;box-shadow:0 0 4px rgba(0,0,0,.7);-moz-transition:background .3s ease;transition:background .3s ease}.controls-section .color-item .opacity-input input[type=range]::-ms-thumb{width:24px;height:24px;border-radius:50%;background:var(--opacity-range-thumb-color,#4caf50);cursor:pointer;border:2px solid #000;box-shadow:0 0 4px rgba(0,0,0,.7);-ms-transition:background .3s ease;transition:background .3s ease}.controls-section .color-item .opacity-input input[type=range]::-moz-range-track{background:var(--opacity-range-bg-color,#ddd);border:none;border-radius:4px}.controls-section .color-item .opacity-input input[type=range]::-ms-track{background:0 0;border:none;border-radius:4px;width:100%;height:8px}.controls-section .color-item .opacity-input input[type=range]::-ms-fill-lower{background:var(--opacity-range-bg-color,#ddd);border-radius:4px}.controls-section .color-item .opacity-input input[type=range]::-ms-fill-upper{background:var(--opacity-range-bg-color,#ddd);border-radius:4px}.controls-section .color-item .position-input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.controls-section .color-item .position-input label{font-weight:700;width:80px;text-align:right;display:block}.controls-section .color-item .position-input input[type=number]{width:60px;padding:5px;border:1px solid #ccc;border-radius:4px}.controls-section .color-item .position-input input[type=range]{width:calc(100% - 80px);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:4px;background:#ddd;outline:0;-webkit-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease}.controls-section .color-item .position-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:20px;border-radius:3px;background:var(--position-range-thumb-color,#4caf50);cursor:pointer;border:1px solid #000;-webkit-box-shadow:0 0 2px rgba(0,0,0,.7);box-shadow:0 0 2px rgba(0,0,0,.7);-webkit-transition:background .3s ease;transition:background .3s ease}.controls-section .color-item .position-input input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--position-range-thumb-color,#4caf50);cursor:pointer;border:2px solid #000;box-shadow:0 0 4px rgba(0,0,0,.7);-moz-transition:background .3s ease;transition:background .3s ease}.controls-section .color-item .position-input input[type=range]::-ms-thumb{width:24px;height:24px;border-radius:50%;background:var(--position-range-thumb-color,#4caf50);cursor:pointer;border:2px solid #000;box-shadow:0 0 4px rgba(0,0,0,.7);-ms-transition:background .3s ease;transition:background .3s ease}.controls-section .color-item .position-input input[type=range]::-moz-range-track{background:#ddd;border:none;border-radius:4px}.controls-section .color-item .position-input input[type=range]::-ms-track{background:0 0;border:none;border-radius:4px;width:100%;height:8px}.controls-section .color-item .position-input input[type=range]::-ms-fill-lower{background:#ddd;border-radius:4px}.controls-section .color-item .position-input input[type=range]::-ms-fill-upper{background:#ddd;border-radius:4px}.controls-section .color-item .remove-color-button{padding:5px;background:0 0;border:none;border-radius:4px;cursor:pointer;-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}.controls-section .color-item .remove-color-button:hover{background-color:#efefef}.controls-section .add-button{-ms-flex-item-align:start;align-self:flex-start;width:100%}.preview-section{margin-bottom:30px}.preview-section .gradient-preview{width:100%;height:200px;border:1px solid #ccc;border-radius:4px;background:#fff}.preview-section .text-gradient-preview{margin-top:20px;padding:20px;text-align:center;border:1px solid #ccc;border-radius:4px;background:#fff}.preview-section .text-gradient-preview h2{font-size:2.5rem;font-weight:700;margin:0;padding:0;display:inline-block}.css-code-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.css-code-section textarea{background-color:#272822;color:#fff}@media (max-width:600px){.gradient-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.color-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.remove-color-button{-ms-flex-item-align:end;align-self:flex-end}.gradient-type{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.gradient-type label{margin-top:5px}}pre code{font-size:15px!important}