.fts-backdrop{position:fixed;inset:0;z-index:22000;display:none;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;background:rgba(0,0,0,.76);backdrop-filter:blur(4px);font-family:inherit}.fts-backdrop.open{display:flex}.fts-dialog{display:flex;flex-direction:column;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#090909;box-shadow:0 22px 70px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.8);color:#d6d6d6}.fts-head{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.075);background:#0d0d0d}.fts-kicker{color:var(--primary);font-size:7px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.fts-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;letter-spacing:.2px}.fts-close{width:28px;height:28px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#121212;color:#777;font-size:17px;line-height:1;cursor:pointer}.fts-close:hover{border-color:var(--primary);color:var(--primary)}.fts-body{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(245px,1.25fr);min-height:0;overflow:auto}.fts-preview-col{display:flex;flex-direction:column;gap:10px;padding:12px;border-right:1px solid rgba(255,255,255,.07);background:#070707}.fts-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:9px;background-color:#030303;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:18px 18px}.fts-preview-object{display:flex;align-items:center;justify-content:center;width:76%;max-height:160px;transform-origin:50% 50%;will-change:transform,opacity}.fts-preview-object svg{display:block;width:100%;max-height:150px}.fts-preview-object .preset-text{display:none}.fts-play{height:31px;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:#111;color:#aaa;font:800 8px/1 inherit;letter-spacing:.8px;text-transform:uppercase;cursor:pointer}.fts-play:hover{border-color:var(--primary);color:var(--primary)}.fts-hint{color:#505050;font-size:7.5px;line-height:1.45}.fts-editor{min-width:0;padding:12px;overflow:auto}.fts-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:#050505}.fts-tab{height:29px;border:0;border-radius:5px;background:transparent;color:#626262;font:850 7.5px/1 inherit;letter-spacing:.8px;text-transform:uppercase;cursor:pointer}.fts-tab.active{background:var(--primary-dim);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary-border)}.fts-pane{display:none;padding-top:11px}.fts-pane.active{display:block}.fts-section{margin-bottom:13px}.fts-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#747474;font-size:7.5px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.fts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.fts-field{display:flex;flex-direction:column;gap:4px;min-width:0}.fts-field.wide{grid-column:1/-1}.fts-field label{color:#666;font-size:7px;font-weight:800;letter-spacing:.45px;text-transform:uppercase}.fts-input,.fts-select{width:100%;height:31px;box-sizing:border-box;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:#101010;color:#d0d0d0;padding:0 8px;font:650 9px/1 inherit;outline:none}.fts-input:focus,.fts-select:focus{border-color:var(--primary)}.fts-color-row{display:grid;grid-template-columns:31px minmax(0,1fr);gap:5px}.fts-color{width:31px;height:31px;padding:2px;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#101010}.fts-check{display:flex;align-items:center;gap:6px;min-height:31px;color:#858585;font-size:8px;font-weight:650}.fts-check input{accent-color:var(--primary)}.fts-text-list{display:flex;flex-direction:column;gap:6px;max-height:190px;overflow:auto}.fts-text-row{display:grid;grid-template-columns:23px minmax(0,1fr);gap:6px;align-items:center}.fts-text-index{display:flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:#0d0d0d;color:#555;font-size:7px;font-weight:900}.fts-empty{padding:18px 8px;text-align:center;color:#444;font-size:8px;line-height:1.5}.fts-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.fts-motion{height:44px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#0e0e0e;color:#727272;font:800 7px/1.2 inherit;letter-spacing:.45px;text-transform:uppercase;cursor:pointer}.fts-motion:hover,.fts-motion.active{border-color:var(--primary);color:var(--primary);background:var(--primary-dim)}.fts-icon-status{padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:#0d0d0d;color:#666;font-size:8px;line-height:1.4}.fts-icon-status strong{display:block;margin-bottom:3px;color:#aaa;font-size:8px}.fts-foot{display:flex;align-items:center;gap:7px;min-height:51px;padding:0 14px;border-top:1px solid rgba(255,255,255,.075);background:#0d0d0d}.fts-foot-note{flex:1;color:#505050;font-size:7.5px;line-height:1.35}.fts-btn{height:32px;padding:0 13px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#111;color:#8a8a8a;font:850 8px/1 inherit;letter-spacing:.65px;text-transform:uppercase;cursor:pointer}.fts-btn:hover{color:#ddd}.fts-btn.primary{border-color:var(--primary);background:var(--primary);color:var(--accent-text-color,#000)}.fts-btn.primary:hover{filter:brightness(1.06)}.fts-busy{pointer-events:none;opacity:.58}.fts-preview-object.fts-anim-fade{animation:ftsFade .65s ease both}.fts-preview-object.fts-anim-scale{animation:ftsScale .65s cubic-bezier(.2,.8,.2,1) both}.fts-preview-object.fts-anim-slideUp{animation:ftsUp .65s cubic-bezier(.2,.8,.2,1) both}.fts-preview-object.fts-anim-slideLeft{animation:ftsLeft .65s cubic-bezier(.2,.8,.2,1) both}.fts-preview-object.fts-anim-pop{animation:ftsPop .72s cubic-bezier(.18,.89,.32,1.28) both}.fts-preview-object.fts-anim-overshoot{animation:ftsOvershoot .78s cubic-bezier(.2,.8,.2,1) both}@keyframes ftsFade{from{opacity:0}to{opacity:1}}@keyframes ftsScale{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes ftsUp{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@keyframes ftsLeft{from{opacity:0;transform:translateX(-42px)}to{opacity:1;transform:translateX(0)}}@keyframes ftsPop{0%{opacity:0;transform:scale(.55)}65%{opacity:1;transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}@keyframes ftsOvershoot{0%{opacity:0;transform:translateY(28px) scale(.84)}60%{opacity:1;transform:translateY(-7px) scale(1.04)}100%{opacity:1;transform:none}}@media(max-width:430px){.fts-dialog{width:calc(100vw - 14px);max-height:calc(100vh - 14px)}.fts-body{display:block}.fts-preview-col{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.fts-stage{min-height:125px}.fts-preview-object{max-height:95px}.fts-preview-object svg{max-height:90px}.fts-grid{grid-template-columns:1fr 1fr}.fts-foot-note{display:none}.fts-foot{justify-content:flex-end}}@media(max-width:315px){.fts-preset-grid{grid-template-columns:repeat(2,1fr)}.fts-grid{grid-template-columns:1fr}.fts-field.wide{grid-column:auto}.fts-body{font-size:90%}}
.fts-preview-transform{display:flex;align-items:center;justify-content:center;width:76%;transform-origin:50% 50%}
.fts-preview-object>span:last-child{display:none}



.fts-backdrop{
  --fts-accent:var(--accent-color,var(--primary));
  --fts-accent-soft:var(--primary-dim,rgba(255,255,255,.06));
  --fts-accent-border:var(--primary-border,var(--accent-color,var(--primary)));
  --fts-on-accent:var(--accent-text-color,var(--primary-contrast,#000));
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:10px;
  line-height:1.25;
}
.fts-dialog,.fts-dialog button,.fts-dialog input,.fts-dialog select{
  font-family:inherit;
}
.fts-body,.fts-editor,.fts-pane,.fts-preset-grid,.fts-preset-grid>*{
  min-width:0;
}
.fts-body,.fts-editor{
  overflow-x:hidden;
}
.fts-kicker{
  color:var(--fts-accent);
  font-size:7px;
  font-weight:900;
  line-height:1;
}
.fts-title{
  font-size:12px;
  font-weight:800;
  line-height:1.2;
}
.fts-close{
  font-size:15px;
  font-weight:600;
  line-height:1;
}
.fts-play{
  font-size:8px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}
.fts-tab{
  min-width:0;
  padding:0 5px;
  overflow:hidden;
  font-size:7.5px;
  font-weight:850;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.fts-input,.fts-select{
  font-size:9px;
  font-weight:650;
  line-height:1.2;
}
.fts-motion{
  min-width:0;
  padding:0 6px;
  overflow:hidden;
  font-size:7px;
  font-weight:800;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:normal;
}
.fts-btn{
  font-size:8px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
}
.fts-tab.active,.fts-motion:hover,.fts-motion.active{
  border-color:var(--fts-accent);
  background:var(--fts-accent-soft);
  color:var(--fts-accent);
}
.fts-tab.active{
  box-shadow:inset 0 0 0 1px var(--fts-accent-border);
}
.fts-close:hover,.fts-play:hover,.fts-input:focus,.fts-select:focus{
  border-color:var(--fts-accent);
  color:var(--fts-accent);
}
.fts-check input{
  accent-color:var(--fts-accent);
}
.fts-btn.primary{
  border-color:var(--fts-accent);
  background:var(--fts-accent);
  color:var(--fts-on-accent)!important;
}
.fts-btn.primary:focus-visible,.fts-motion:focus-visible,.fts-tab:focus-visible{
  outline:1px solid var(--fts-accent);
  outline-offset:2px;
}
@media(max-width:520px){
  .fts-dialog{width:calc(100vw - 16px)}
  .fts-head{padding:0 11px}
  .fts-preview-col,.fts-editor{padding:10px}
  .fts-foot{padding:0 11px}
}
