.grt{display:flex;flex-direction:column;gap:20px}.grt__preview{width:100%;height:200px;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:background .15s ease}.grt__btn{padding:6px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:13px;cursor:pointer;transition:background var(--transition-fast, .15s),border-color var(--transition-fast, .15s)}.grt__btn:hover{border-color:var(--color-primary, #2b6cff)}.grt__btn--preset{font-size:13px}.grt__btn--add{padding:6px 14px;border-style:dashed;color:var(--color-primary, #2b6cff)}.grt__btn--copy{font-size:13px}.grt__btn--danger{padding:4px 10px;font-size:12px;color:var(--color-danger, #e53e3e);border-color:var(--color-danger, #e53e3e)}.grt__btn--danger:hover{background:var(--color-danger, #e53e3e);color:#fff}.grt__presets{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;background:var(--color-bg-soft, rgba(0, 0, 0, .03));border:1px solid var(--color-border);border-radius:var(--radius-md)}.grt__presets-label{font-size:14px;font-weight:600;color:var(--color-text)}.grt__controls{display:flex;flex-direction:column;gap:16px;padding:16px 18px;background:var(--color-bg-soft, rgba(0, 0, 0, .03));border:1px solid var(--color-border);border-radius:var(--radius-md)}.grt__control-group{display:flex;flex-direction:column;gap:8px}.grt__control-label{font-size:14px;font-weight:600;color:var(--color-text)}.grt__seg{display:inline-flex;width:fit-content;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.grt__seg-btn{padding:6px 16px;border:none;background:var(--color-bg);color:var(--color-text);font-size:13px;cursor:pointer;transition:background var(--transition-fast, .15s)}.grt__seg-btn:not(:last-child){border-right:1px solid var(--color-border)}.grt__seg-btn.is-active{background:var(--color-primary, #2b6cff);color:#fff}.grt__directions{display:flex;flex-wrap:wrap;gap:6px}.grt__dir-btn{padding:5px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:12px;cursor:pointer;transition:all var(--transition-fast, .15s)}.grt__dir-btn.is-active{background:var(--color-primary, #2b6cff);color:#fff;border-color:var(--color-primary, #2b6cff)}.grt__angle,.grt__pos-field{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-text)}.grt__angle input,.grt__pos-field input{flex:1;accent-color:var(--color-primary, #2b6cff)}.grt__angle output,.grt__pos-field output{min-width:44px;font-family:var(--font-mono);font-size:12px;color:var(--color-text-soft);text-align:right}.grt__stops{display:flex;flex-direction:column;gap:10px}.grt__stops-head{display:flex;align-items:center;justify-content:space-between}.grt__stops-title{font-size:14px;font-weight:600;color:var(--color-text)}.grt__stop{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.grt__stop-color{display:flex;align-items:center;gap:8px}.grt__stop-color input[type=color]{width:36px;height:36px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:none}.grt__stop-hex{width:100px;padding:5px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:12px}.grt__stop-pos{flex:1;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text)}.grt__stop-pos input{flex:1;accent-color:var(--color-primary, #2b6cff)}.grt__stop-pos output{min-width:40px;font-family:var(--font-mono);font-size:12px;color:var(--color-text-soft);text-align:right}.grt__hint{font-size:13px;color:var(--color-text-soft);font-style:italic}.grt__output{padding:16px;background:var(--color-bg-soft, rgba(0, 0, 0, .03));border:1px solid var(--color-border);border-radius:var(--radius-md)}.grt__output-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.grt__output-label{font-size:14px;font-weight:600;color:var(--color-text)}.grt__code{margin:0;padding:12px 14px;background:var(--color-bg);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:14px;color:var(--color-text);white-space:pre-wrap;word-break:break-all;line-height:1.5}@media(prefers-color-scheme:dark){.grt__stop,.grt__code{background:#ffffff0a}.grt__stop-hex{background:#0003}.grt__seg-btn,.grt__dir-btn{background:#ffffff0f}}@media(max-width:768px){.grt__preview{height:150px}.grt__stop{flex-wrap:wrap}.grt__stop-pos{flex-basis:100%}}@media(max-width:414px){.grt__presets{flex-direction:column;align-items:stretch}.grt__presets-label{text-align:center}.grt__stop-color input[type=color]{width:32px;height:32px}.grt__stop-hex{width:80px}}