/* GIF 加文字 */
.gt-drop{position:relative;display:flex;align-items:center;justify-content:center;min-height:16rem;padding:1rem;
  border:2px dashed #d7dce5;border-radius:.75rem;background:#fafbfd;cursor:pointer;text-align:center;
  transition:border-color .2s,background-color .2s}
.gt-drop:hover,.gt-drop.hover,.gt-drop:focus{border-color:var(--site-primary);background:var(--site-tint);outline:0}
.gt-drop-hint i{display:block;margin-bottom:.5rem;color:var(--site-primary);font-size:2.5rem;line-height:1}
.gt-drop-hint p{font-size:.9375rem}
.gt-canvas{display:block;max-width:100%;max-height:22rem;border-radius:.5rem;box-shadow:0 1px 6px rgba(16,24,40,.12)}
.gt-pos{display:grid;grid-template-columns:repeat(3,1.75rem);grid-gap:4px}
.gt-pos-btn{width:1.75rem;height:1.75rem;padding:0;border:1px solid #d7dce5;border-radius:4px;background:#fff;cursor:pointer;
  transition:background-color .15s,border-color .15s}
.gt-pos-btn:hover{border-color:var(--site-primary)}
.gt-pos-btn.is-on{border-color:var(--site-primary);background:var(--site-primary);
  box-shadow:inset 0 0 0 3px #fff}
.gt-alpha{max-width:8rem}
.gt-box{display:flex;align-items:center;justify-content:center;min-height:9rem;padding:.75rem;border:1px solid #eef1f5;border-radius:.6rem;
  background:linear-gradient(45deg,#f7f8fa 25%,transparent 25%,transparent 75%,#f7f8fa 75%),
             linear-gradient(45deg,#f7f8fa 25%,#fff 25%,#fff 75%,#f7f8fa 75%);
  background-size:16px 16px;background-position:0 0,8px 8px}
.gt-box img{display:block;max-width:100%;max-height:16rem;border-radius:.375rem}
.gt-box-out{border-color:var(--site-primary)}
.form-control-color{width:3rem;height:2.25rem;padding:.2rem}