.gradient-tool{padding-bottom:40px}.gradient-tool section{margin:20px 0;padding:24px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}.gradient-tool h2{margin-top:0}.gr-presets,.gr-actions{display:flex;flex-wrap:wrap;gap:12px}.gradient-tool button{min-height:44px;padding:10px 16px}.gradient-tool button:disabled{cursor:not-allowed;opacity:.5}.gr-presets button,.gradient-tool .gr-secondary{border:1px solid #93c5fd;background:#eff6ff;color:#1e40af}.gr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}.gr-grid label{min-width:0;font-weight:700}.gr-grid select{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-top:8px;padding:12px;border:1px solid #94a3b8;border-radius:8px;background:#fff;font:16px/1.5 sans-serif}.gr-grid input[type=range],.gr-stops input[type=range]{display:block;box-sizing:border-box;width:100%;min-height:44px}.gr-check{display:block;margin:16px 0;font-weight:700}.gr-check input{width:20px;height:20px;vertical-align:middle}.gr-stops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.gr-stops fieldset{min-width:0;padding:16px;border:1px solid #cbd5e1;border-radius:10px}.gr-stops legend,.gr-stops label{font-weight:700}.gr-stops input[type=color]{display:block;box-sizing:border-box;width:100%;height:52px;margin:8px 0;padding:4px;border:1px solid #94a3b8;border-radius:8px;background:#fff}#grStatus{padding:12px;border-radius:8px;background:#eff6ff;overflow-wrap:anywhere}#grStatus.is-error{background:#fef2f2;color:#991b1b}.gr-preview{display:flex;min-height:360px;padding:32px;align-items:center;justify-content:center;flex-direction:column;border-radius:12px;color:#fff;text-align:center;text-shadow:0 1px 4px #0008}.gr-preview strong{font-size:2rem}.gr-preview span{font-size:1.1rem}.gradient-tool textarea{box-sizing:border-box;width:100%;min-width:0;margin:8px 0 16px;padding:12px;border:1px solid #94a3b8;border-radius:8px;font:16px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.gradient-tool :focus-visible{outline:3px solid #2563eb;outline-offset:3px}.gradient-tool [hidden]{display:none!important}@media(max-width:700px){.gradient-tool section{padding:16px}.gr-grid,.gr-stops{grid-template-columns:minmax(0,1fr)}.gr-presets button,.gr-actions button{flex:1 1 100%}.gr-preview{min-height:260px;padding:20px}.gr-preview strong{font-size:1.5rem}}