.gr-stops{display:flex;flex-direction:column;gap:.6rem}.gr-stop{display:flex;align-items:center;gap:.5rem;padding:.4rem 0}.gr-stop__color{width:40px;height:40px;border:1px solid var(--surface1);border-radius:8px;cursor:pointer;padding:0;background:none;-webkit-appearance:none;appearance:none;flex-shrink:0}.gr-stop__color::-webkit-color-swatch-wrapper{padding:2px}.gr-stop__color::-webkit-color-swatch{border:none;border-radius:6px}.gr-stop__color::-moz-color-swatch{border:none;border-radius:6px}.gr-stop__range{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--surface1);border-radius:3px;outline:none;cursor:pointer}.gr-stop__range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--card-bg);box-shadow:0 1px 3px #00000026;cursor:pointer}.gr-stop__range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--card-bg);box-shadow:0 1px 3px #00000026;cursor:pointer}.gr-stop__pos{font-family:var(--mono);font-size:.65rem;color:var(--overlay);min-width:36px;text-align:right;letter-spacing:.5px}.gr-stop__del{width:28px;height:28px;border-radius:6px;border:1px solid var(--surface1);color:var(--overlay);cursor:pointer;background:none;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s;outline:none;flex-shrink:0;line-height:1}.gr-stop__del:hover{color:var(--red);border-color:#ef44444d;background:#ef44440f}::selection{background:var(--accent);color:#fff}.gr-workspace{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:5.5rem 2rem 2rem}.gr-preview-card{border-radius:var(--card-radius);overflow:hidden;border:1px solid var(--surface1);box-shadow:var(--card-shadow);margin-bottom:1.5rem}.gr-preview{height:240px;background:linear-gradient(90deg,#4f46e5,#818cf8,#c084fc);transition:background .2s}.gr-card{background:var(--card-bg);border:1px solid var(--surface1);border-radius:var(--card-radius);overflow:hidden;margin-bottom:1.5rem;box-shadow:var(--card-shadow)}.gr-card__head{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--surface1);gap:.5rem;flex-wrap:wrap}.gr-card__label{font-family:var(--mono);font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text);font-weight:600}.gr-type-tabs{display:flex;gap:.3rem}.gr-type-tab{font-family:var(--mono);font-size:.6rem;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:8px;border:1px solid var(--surface1);color:var(--overlay);cursor:pointer;transition:all .3s;background:none;outline:none}.gr-type-tab:hover{border-color:rgba(var(--accent-rgb),.3);color:var(--accent)}.gr-type-tab.active{color:var(--accent);background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.2)}.gr-controls{padding:1rem;display:flex;flex-direction:column;gap:1rem}.gr-param{display:flex;flex-direction:column;gap:.4rem}.gr-param__top{display:flex;justify-content:space-between;align-items:center}.gr-param__label{font-family:var(--mono);font-size:.65rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--overlay)}.gr-param__val{font-family:var(--mono);font-size:.8rem;font-weight:700;color:var(--accent)}.gr-range{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--surface1);border-radius:3px;outline:none;cursor:pointer}.gr-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);border:2px solid var(--card-bg);box-shadow:0 1px 4px #00000026;cursor:pointer}.gr-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent);border:2px solid var(--card-bg);box-shadow:0 1px 4px #00000026;cursor:pointer}.gr-shape-tabs{display:flex;gap:.3rem}.gr-shape-btn{font-family:var(--mono);font-size:.6rem;letter-spacing:1px;text-transform:uppercase;padding:4px 12px;border-radius:8px;border:1px solid var(--surface1);color:var(--overlay);cursor:pointer;transition:all .3s;background:none;outline:none;min-height:36px}.gr-shape-btn:hover{border-color:rgba(var(--accent-rgb),.3);color:var(--accent)}.gr-shape-btn.active{color:var(--accent);background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.2)}.gr-stops-head{display:flex;justify-content:space-between;align-items:center}.gr-add-btn{font-family:var(--mono);font-size:.6rem;letter-spacing:1px;text-transform:uppercase;padding:4px 12px;border-radius:8px;border:1px solid rgba(var(--accent-rgb),.25);background:rgba(var(--accent-rgb),.06);color:var(--accent);cursor:pointer;transition:all .3s;outline:none;min-height:36px}.gr-add-btn:hover{background:rgba(var(--accent-rgb),.12)}.gr-output{padding:1rem;font-family:var(--mono);font-size:.75rem;line-height:1.7;color:var(--accent);white-space:pre-wrap;word-break:break-all;max-height:200px;overflow:auto;margin:0;min-height:44px}.gr-copy-btn{font-family:var(--mono);font-size:.65rem;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:8px;border:1px solid var(--surface1);color:var(--overlay);cursor:pointer;transition:all .3s;background:none;outline:none}.gr-copy-btn:hover{border-color:rgba(var(--accent-rgb),.3);color:var(--accent);background:rgba(var(--accent-rgb),.04)}.gr-trust{position:relative;display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.8rem 1rem;flex-wrap:wrap;overflow:hidden;margin-bottom:1.5rem}.gr-trust:before{content:"";position:absolute;top:0;left:-80px;width:80px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 40%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.5) 60%,transparent 100%);animation:trustShimmer 4s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;filter:blur(.5px)}@keyframes trustShimmer{0%{left:-80px}to{left:calc(100% + 80px)}}.trust-strip__check{font-size:.55rem;color:var(--green);flex-shrink:0;line-height:1}.trust-strip__item{font-family:var(--mono);font-size:.55rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;color:var(--overlay);margin-right:.5rem}.faq{position:relative;z-index:3;max-width:760px;margin:0 auto;padding:3rem 2rem 2rem}.faq__title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0 0 1.2rem}.faq details{border-bottom:1px solid var(--surface1);padding:.8rem 0}.faq summary{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--text);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--mono);font-size:.9rem;color:var(--overlay);flex-shrink:0;transition:transform .2s}.faq details[open] summary:after{content:"−"}.faq details p{font-size:.82rem;color:var(--subtext);line-height:1.7;margin:.6rem 0 .2rem;padding-right:2rem}@media(max-width:768px){.gr-workspace{padding:5rem 1.2rem 3rem}.gr-preview{height:160px}.gr-card__head{flex-direction:column;align-items:flex-start;gap:.4rem}.gr-type-tabs{width:100%}.gr-type-tab{flex:1;text-align:center}.gr-trust{gap:.4rem .6rem}.trust-strip__item{font-size:.5rem}}