/* gradient.css — Gradient 생성기 전용 */
.gr-preview{height:220px;border-radius:18px;border:1px solid var(--line)}
.gr-panel,.gr-out{margin-top:14px}
.gr-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.gr-preset{height:58px;border-radius:11px;border:1px solid var(--line);display:flex;align-items:flex-end;padding:0;overflow:hidden}
.gr-preset span{width:100%;font-size:11.5px;font-weight:700;color:#fff;background:rgba(0,0,0,.45);padding:3px 0}
.gr-pair{display:flex;align-items:center;gap:10px}
.gr-pair .pk-input{width:84px;flex:none;padding:8px 10px}
.gr-bar{height:18px;border-radius:9px;border:1px solid var(--line)}
.gr-stops{display:flex;flex-direction:column;gap:8px}
.gr-stop{display:flex;align-items:center;gap:10px}
.gr-stop .pk-range{flex:1;min-width:60px}
.gr-stop .pk-input{width:70px;flex:none;padding:8px 8px}
.gr-color{width:46px;height:38px;border:1px solid var(--line);border-radius:9px;background:var(--card-2);padding:3px;cursor:pointer;flex:none}
.gr-out-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.gr-out .pk-code{white-space:pre-wrap;word-break:break-all}
.pk-article code{font-family:var(--mono);font-size:.92em;background:rgba(255,255,255,.06);padding:1px 5px;border-radius:5px}