.grd{--accent:#b06cf0}.grd-preview{width:100%;aspect-ratio:21/9;min-height:180px;border-radius:14px;border:1px solid rgba(140,160,235,.2);box-shadow:inset 0 1px #ffffff0f,0 18px 44px -28px #000}.grd-bar-wrap{padding:16px 12px 26px}.grd-bar{position:relative;height:30px;border-radius:8px;cursor:copy;border:1px solid rgba(255,255,255,.18);background-image:repeating-conic-gradient(#2a2f42 0% 25%,#20243400 0% 50%)}.grd-stop{position:absolute;top:50%;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;border:2px solid #fff;box-shadow:0 2px 8px #00000080;touch-action:none}.grd-stop.sel{border-color:var(--accent);width:24px;height:24px;box-shadow:0 0 0 3px #b06cf080,0 2px 8px #00000080}.grd-stop:after{content:"";position:absolute;top:-11px;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#fff}.grd-stopedit,.grd-typerow{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.grd-typerow{margin-top:16px}.grd-color{width:64px;height:42px;padding:3px;cursor:pointer;border-radius:9px;border:1px solid rgba(140,160,235,.28);background:rgba(8,11,22,.6)}.grd-color::-webkit-color-swatch{border:none;border-radius:6px}.grd-color::-webkit-color-swatch-wrapper{padding:0}.grd-stopedit .t-field,.grd-typerow .t-field{min-width:130px}.grd-anglef,.grd-posf{flex:1}.t-btn.danger{color:#ff8f8f;border-color:#ff8f8f4d}.t-btn.danger:hover{background:rgba(255,143,143,.12)}