/* MFA Video Telestrator - focused workspace, video/frame as main work area */
#mfaTelV32Btn{white-space:nowrap}
.mfa-tel-v32{--mfa-tel-accent:var(--accent,#22c55e);--mfa-tel-accent-dark:var(--accent-dark,#16a34a);--mfa-tel-accent-rgb:var(--mfe-accent-rgb,34,197,94);--mfa-tel-accent-bg:var(--mfe-accent-bg,rgba(var(--mfa-tel-accent-rgb),.12));--mfa-tel-accent-bg-strong:var(--mfe-accent-bg-strong,rgba(var(--mfa-tel-accent-rgb),.22));--mfa-tel-accent-border:var(--mfe-accent-border,rgba(var(--mfa-tel-accent-rgb),.28));--mfa-tel-accent-text:var(--mfe-accent-text,#d8ffe6);--mfa-tel-progress:var(--mfe-progress-fill,linear-gradient(90deg,var(--accent,#22c55e),var(--accent-dark,#16a34a)));position:fixed;inset:0;z-index:99999;background:#06111f;color:#eef6ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:none;grid-template-rows:66px minmax(0,1fr);overflow:hidden}
.mfa-tel-v32.open{display:grid}
.mfa-tel-v32 *{box-sizing:border-box}
.mfa-tel-v32 button,.mfa-tel-v32 input,.mfa-tel-v32 select,.mfa-tel-v32 textarea{font-family:inherit}
.mfa-tel-top{min-height:66px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(9,21,36,.98),rgba(6,15,28,.98));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;box-shadow:0 14px 40px rgba(0,0,0,.28)}
.mfa-tel-brand{display:flex;align-items:center;gap:10px;min-width:0}.mfa-tel-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--mfa-tel-accent),var(--mfa-tel-accent-dark));box-shadow:0 14px 32px rgba(var(--mfa-tel-accent-rgb),.22);font-weight:950;color:#03150a}.mfa-tel-title{display:grid;gap:1px;min-width:0}.mfa-tel-title strong{font-size:16px;line-height:1.1;letter-spacing:.01em}.mfa-tel-title span{color:#9fb0c4;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:44vw}
.workspace-dashboard-btn{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto;border:1px solid rgba(255,255,255,.10)!important;border-radius:10px!important;background:rgba(255,255,255,.055)!important;color:#9fb0c4!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer}.workspace-dashboard-btn:hover{background:var(--mfa-tel-accent-bg)!important;border-color:var(--mfa-tel-accent-border)!important;color:#eef6ff!important}.workspace-dashboard-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mfa-tel-actions,.mfa-tel-stage-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mfa-tel-header-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.mfa-tel-header-right .mfa-tel-stage-controls{flex-wrap:nowrap}.mfa-tel-btn{min-height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.065);color:#eef6ff;padding:0 12px;font-size:12px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.mfa-tel-btn:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22)}.mfa-tel-btn.primary{background:var(--mfe-accent-fill-strong,linear-gradient(180deg,var(--mfa-tel-accent),var(--mfa-tel-accent-dark)));border-color:var(--mfa-tel-accent-border);color:var(--mfa-tel-accent-text);box-shadow:0 14px 30px rgba(var(--mfa-tel-accent-rgb),.22)}.mfa-tel-btn.danger{background:rgba(251,113,133,.10);border-color:rgba(251,113,133,.28);color:#fecdd3}.mfa-tel-btn.is-on{background:var(--mfa-tel-accent-bg-strong);border-color:var(--mfa-tel-accent-border);color:var(--mfa-tel-accent-text)}.mfa-tel-btn:disabled{opacity:.45;cursor:not-allowed}
.mfa-tel-select,.mfa-tel-input{height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:#101d2d;color:#eef6ff;padding:0 10px;font-weight:850;font-size:12px;outline:none}.mfa-tel-input{width:100%}.mfa-tel-select:focus,.mfa-tel-input:focus{border-color:var(--mfa-tel-accent-border);box-shadow:0 0 0 3px rgba(var(--mfa-tel-accent-rgb),.12)}
.mfa-tel-body{height:100%;min-height:0;display:grid;grid-template-columns:248px minmax(0,1fr) 292px;grid-template-areas:"tools stage props";gap:12px;padding:12px;overflow:hidden}.mfa-tel-panel{min-width:0;min-height:0;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(180deg,rgba(18,31,49,.96),rgba(10,20,34,.96));box-shadow:0 18px 54px rgba(0,0,0,.24);overflow:hidden}.mfa-tel-left{grid-area:tools;display:grid;grid-template-rows:auto minmax(0,1fr)}.mfa-tel-stage-panel{grid-area:stage;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:10px}.mfa-tel-right{grid-area:props;display:grid;grid-template-rows:auto minmax(0,1fr)}
.mfa-tel-panel-head{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);display:grid;gap:4px}.mfa-tel-panel-head strong{font-size:12px;text-transform:uppercase;letter-spacing:.10em;color:#d6e8f8}.mfa-tel-panel-head span{font-size:12px;color:#9eb0c4;line-height:1.35}.mfa-tel-scroll{min-height:0;overflow:auto;padding:12px;scrollbar-width:thin;scrollbar-color:var(--mfe-scroll-thumb,rgba(var(--mfa-tel-accent-rgb),.56)) var(--mfe-scroll-track,rgba(255,255,255,.06))}.mfa-tel-left-content{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:10px}.mfa-tel-tools-scroll{padding:0 4px 0 0}.mfa-tel-pauses-card{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);border-radius:16px;padding:10px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;max-height:170px;min-height:124px;overflow:hidden}.mfa-tel-group{display:grid;gap:8px;margin-bottom:12px}.mfa-tel-group-title{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#8ea3b8;font-weight:950}.mfa-tool-grid{display:grid;gap:7px}.mfa-tool{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#eaf2fb;border-radius:13px;padding:9px 10px;text-align:left;cursor:pointer;display:grid;gap:3px}.mfa-tool strong{font-size:12px;line-height:1.2}.mfa-tool span{font-size:10.5px;color:#9eb0c4;line-height:1.25}.mfa-tool.active{border-color:var(--mfa-tel-accent-border);background:var(--mfa-tel-accent-bg);box-shadow:inset 0 0 0 1px rgba(var(--mfa-tel-accent-rgb),.12)}
.mfa-tel-stage-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 0}.mfa-tel-hint{font-size:12px;color:#b8c8d9;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mfa-tel-status{font-size:12px;color:#e4edf7;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:7px 10px;font-weight:900;white-space:nowrap}.mfa-tel-stage{position:relative;width:100%;height:100%;min-height:0;border-radius:20px;overflow:hidden;background:#020814;border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 22px 60px rgba(0,0,0,.35)}.mfa-tel-canvas,.mfa-tel-svg,.mfa-tel-motion{position:absolute;inset:0;width:100%;height:100%;display:block}.mfa-tel-svg{z-index:3;touch-action:none}.mfa-tel-motion{z-index:4;pointer-events:none}.mfa-tel-watermark{position:absolute;left:14px;bottom:10px;z-index:2;border:1px solid rgba(255,255,255,.08);background:rgba(3,10,20,.66);backdrop-filter:blur(8px);border-radius:999px;padding:7px 10px;color:#cbd9e8;font-size:12px;font-weight:900}.mfa-tel-no-timeline{position:absolute;inset:0;z-index:7;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(var(--mfa-tel-accent-rgb),.10),rgba(2,8,20,.94) 58%);padding:40px}.mfa-tel-no-timeline-card{max-width:660px;border:1px solid rgba(255,255,255,.10);background:rgba(10,20,34,.88);border-radius:24px;padding:26px;display:grid;gap:12px}.mfa-tel-no-timeline-card strong{font-size:24px}.mfa-tel-no-timeline-card p{margin:0;color:#b7c5d6;line-height:1.5}.mfa-tel-stage-panel>.mfa-tel-stage-controls{min-height:42px;display:grid;grid-template-columns:auto auto auto auto minmax(160px,1fr) auto;align-items:center;gap:8px}.mfa-time-scrubber{position:relative;width:100%;height:30px;min-width:0;display:flex;align-items:center;cursor:pointer;touch-action:none;outline:none;user-select:none}.mfa-time-scrubber.is-disabled{opacity:.45;cursor:default}.mfa-time-scrubber-track{position:relative;width:100%;height:7px;border-radius:999px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden;pointer-events:none}.mfa-time-scrubber-track>i{position:absolute;inset:0 auto 0 0;width:0;background:var(--mfa-tel-accent);border-radius:inherit;pointer-events:none}.mfa-time-scrubber-thumb{position:absolute;left:0;top:50%;width:16px;height:16px;border-radius:50%;background:var(--mfa-tel-accent);border:3px solid #fff;box-shadow:0 2px 9px rgba(0,0,0,.42);transform:translate(-50%,-50%);pointer-events:none}.mfa-time-scrubber:focus-visible .mfa-time-scrubber-thumb{box-shadow:0 0 0 3px rgba(var(--mfa-tel-accent-rgb),.28),0 2px 9px rgba(0,0,0,.42)}.mfa-time-readout{font-size:12px;color:#cdd9e7;font-weight:950;text-align:right;white-space:nowrap}
.mfa-tel-field{display:grid;gap:6px;margin-bottom:10px}.mfa-tel-field label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8ea3b8;font-weight:950}.mfa-tel-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.mfa-tel-color{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.16);padding:0;background:transparent}.mfa-tel-range{width:100%;accent-color:var(--mfa-tel-accent)}.mfa-tel-style-grid{display:grid;grid-template-columns:1fr;gap:8px}.mfa-tel-style-grid .mfa-tel-select,.mfa-tel-style-grid .mfa-tel-input{width:100%}.mfa-tel-note{border:1px solid rgba(250,204,21,.22);background:rgba(250,204,21,.075);color:#fef3c7;border-radius:14px;padding:9px;font-size:12px;line-height:1.35;font-weight:800}.mfa-layer-list{display:grid;gap:8px}.mfa-layer{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:14px;padding:9px;display:grid;gap:4px;cursor:pointer}.mfa-layer.active{background:var(--mfa-tel-accent-bg);border-color:var(--mfa-tel-accent-border)}.mfa-layer strong{font-size:12px}.mfa-layer span{font-size:11px;color:#9eb0c4}.mfa-pause-strip{min-height:0;overflow:auto;display:grid;gap:7px;padding-right:2px;scrollbar-width:thin;scrollbar-color:var(--mfe-scroll-thumb,rgba(var(--mfa-tel-accent-rgb),.56)) var(--mfe-scroll-track,rgba(255,255,255,.06))}.mfa-pause-card{width:100%;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.05);padding:9px;display:grid;gap:4px;text-align:left;cursor:pointer;color:#eef6ff}.mfa-pause-card.active{border-color:var(--mfa-tel-accent-border);background:var(--mfa-tel-accent-bg)}.mfa-pause-card strong{font-size:12px}.mfa-pause-card span{font-size:11px;color:#a8b8c9}.mfa-tel-footer-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.mfa-tel-footer-head strong{font-size:12px;text-transform:uppercase;letter-spacing:.09em}.mfa-tel-progress{width:64px;height:7px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.06)}.mfa-tel-progress i{display:block;height:100%;width:0%;border-radius:inherit;background:var(--mfa-tel-progress)}
.mfa-tel-toast{position:absolute;z-index:100000;left:50%;bottom:18px;transform:translateX(-50%) translateY(12px);opacity:0;pointer-events:none;transition:.22s ease;border:1px solid rgba(255,255,255,.10);background:rgba(7,16,29,.96);border-radius:999px;padding:10px 14px;color:#eef6ff;font-weight:900;font-size:13px;box-shadow:0 16px 42px rgba(0,0,0,.32)}.mfa-tel-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.mfa-tel-svg [data-tel-hit]{cursor:pointer}.mfa-tel-svg .dragging{cursor:grabbing}
@media(max-width:1360px){.mfa-tel-body{grid-template-columns:224px minmax(0,1fr) 264px}.mfa-tel-title span{max-width:30vw}.mfa-tel-btn{padding:0 10px}.mfa-tool{padding:8px}.mfa-tel-panel-head{padding:10px 12px}}
@media(max-width:1120px){.mfa-tel-v32{grid-template-rows:auto minmax(0,1fr)}.mfa-tel-top{grid-template-columns:1fr;height:auto}.mfa-tel-header-right{justify-content:flex-start;flex-wrap:wrap}.mfa-tel-body{overflow:auto;grid-template-columns:1fr;grid-template-areas:"stage" "tools" "props";grid-auto-rows:auto;padding:10px}.mfa-tel-stage-panel{min-height:620px}.mfa-tel-left-content{grid-template-rows:auto auto}.mfa-tel-tools-scroll{max-height:300px;overflow:auto}.mfa-tel-right .mfa-tel-scroll{max-height:320px}.mfa-tel-stage-panel>.mfa-tel-stage-controls{grid-template-columns:repeat(4,auto) minmax(160px,1fr);}.mfa-time-readout{grid-column:1/-1;text-align:left}.mfa-tel-pauses-card{max-height:190px}}

/* Compact tool rail and right-side pause panel */
.mfa-tool{min-height:42px;padding:10px 12px;gap:0;align-content:center}
.mfa-tool strong{font-size:13px}
.mfa-tel-left-tools-only{display:grid;grid-template-rows:minmax(0,1fr);min-height:0}
.mfa-tel-pauses-card{display:none!important}
.mfa-tel-pauses-right .mfa-pause-strip{display:grid;gap:8px;max-height:180px;overflow:auto}

/* Delete actions inside pause/layer cards */
.mfa-layer,.mfa-pause-card{display:grid!important;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px}
.mfa-layer-main,.mfa-pause-main{appearance:none;border:0;background:transparent;color:inherit;text-align:left;display:grid;gap:3px;min-width:0;cursor:pointer;padding:0}
.mfa-layer-main strong,.mfa-pause-main strong{font-size:12px;line-height:1.2}
.mfa-layer-main span,.mfa-pause-main span{font-size:10.5px;color:#9eb0c4;line-height:1.25}
.mfa-mini-danger{width:30px;height:30px;border-radius:10px;border:1px solid rgba(248,113,113,.35);background:rgba(248,113,113,.13);color:#fecaca;font-weight:950;cursor:pointer}
.mfa-mini-danger:hover{background:rgba(248,113,113,.25)}

/* v41 preset colors and depth slider */
.mfa-color-presets{display:grid;grid-template-columns:repeat(6,26px);gap:8px;align-items:center}
.mfa-color-preset{width:26px;height:26px;border-radius:9px;border:2px solid rgba(255,255,255,.18);background:var(--c);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.mfa-color-preset.active{border-color:#eafff3;box-shadow:0 0 0 3px rgba(var(--mfa-tel-accent-rgb),.24)}

.mfa-pause-card.is-empty{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;cursor:default}.mfa-pause-card.is-empty strong,.mfa-pause-card.is-empty span{grid-column:1/-1;display:block}.mfa-pause-card.is-empty span{white-space:normal;line-height:1.35}.mfa-control-disabled{opacity:.42;pointer-events:none;filter:saturate(.58)}


/* Drawing edit handles: one visual system, large invisible hit target */
.mfa-tel-handles.is-minimal{opacity:.92}
.mfa-tel-handles.is-minimal .mfa-handle-hit{fill:transparent;stroke:none;cursor:grab;pointer-events:all}
.mfa-tel-handles.is-minimal .mfa-handle-dot{fill:rgba(8,16,30,.94);stroke:rgba(255,255,255,.94);stroke-width:1.45px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.34));pointer-events:none}
.mfa-tel-handles.is-minimal .mfa-handle-core{fill:var(--mfa-tel-accent);stroke:none;pointer-events:none}
.mfa-tel-handles.is-minimal .mfa-handle-diamond{fill:rgba(8,16,30,.96);stroke:#60a5fa;stroke-width:1.55px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.34));pointer-events:none}
.mfa-tel-handles.is-minimal .mfa-handle:hover .mfa-handle-dot{fill:rgba(12,24,42,.99);stroke:#fff}
.mfa-tel-handles.is-minimal .mfa-handle:hover .mfa-handle-core{fill:#86efac}
.mfa-tel-handles.is-minimal .mfa-handle.is-curve:hover .mfa-handle-diamond{stroke:#93c5fd;fill:rgba(12,24,42,.99)}
.mfa-tel-handles.is-minimal .mfa-handle.is-curve .mfa-handle-core{fill:#dbeafe}
.mfa-tel-handles.is-minimal .mfa-handle.is-size .mfa-handle-dot{stroke:#facc15}
.mfa-tel-handles.is-minimal .mfa-handle.is-size .mfa-handle-core{fill:#fde68a}


/* v60 compact telestrator workspace: video-first layout */
.mfa-tel-v32{grid-template-rows:56px minmax(0,1fr)!important;background:#05101e!important}
.mfa-tel-top{min-height:56px!important;padding:7px 10px!important;gap:10px!important}
.mfa-tel-mark{width:36px!important;height:36px!important;border-radius:12px!important}
.mfa-tel-title strong{font-size:15px!important}.mfa-tel-title span{font-size:11px!important;max-width:34vw!important}
.mfa-tel-header-right .mfa-tel-stage-controls{gap:6px!important;flex-wrap:nowrap!important}.mfa-tel-top .mfa-tel-btn{min-height:34px!important;padding:0 10px!important;border-radius:11px!important}.mfa-tel-top .mfa-tel-select{height:34px!important;border-radius:11px!important}
.mfa-tel-body{grid-template-columns:78px minmax(0,1fr) 304px!important;gap:8px!important;padding:8px!important;overflow:hidden!important}
.mfa-tel-left{border-radius:18px!important}.mfa-tel-left .mfa-tel-panel-head{display:none!important}.mfa-tel-left-content{padding:8px 7px!important;display:block!important}.mfa-tel-tools-scroll{padding:0!important;overflow:visible!important}.mfa-tel-left .mfa-tel-group-title{display:none!important}.mfa-tool-grid{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
.mfa-tool{position:relative!important;width:100%!important;min-height:46px!important;height:46px!important;padding:0!important;border-radius:14px!important;display:grid!important;place-items:center!important;text-align:center!important;background:rgba(255,255,255,.050)!important;border-color:rgba(255,255,255,.10)!important}.mfa-tool.active{background:var(--mfa-tel-accent-bg-strong)!important;border-color:var(--mfa-tel-accent-border)!important;box-shadow:inset 0 0 0 1px rgba(var(--mfa-tel-accent-rgb),.12),0 10px 22px rgba(var(--mfa-tel-accent-rgb),.12)!important}.mfa-tool-icon{display:grid!important;place-items:center!important;font-size:17px!important;line-height:1!important;font-weight:950!important;color:#eaf7ff!important}.mfa-tool.active .mfa-tool-icon{color:var(--mfa-tel-accent-text)!important}.mfa-tool-name{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.mfa-tool:hover::after{content:attr(data-label);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);z-index:20;min-width:max-content;max-width:180px;padding:7px 9px;border-radius:10px;background:rgba(7,16,29,.98);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 32px rgba(0,0,0,.35);color:#eef6ff;font-size:11px;font-weight:900;pointer-events:none}
.mfa-tel-stage-panel{grid-template-rows:auto auto minmax(0,1fr) auto!important;gap:6px!important;padding:8px!important;border-radius:18px!important}.mfa-tel-stage-head{padding:0!important;min-height:24px!important}.mfa-tel-hint{font-size:11px!important}.mfa-tel-stage-head .mfa-tel-status{padding:5px 9px!important;font-size:11px!important}.mfa-tel-stage{border-radius:16px!important}.mfa-tel-stage-panel>.mfa-tel-stage-controls{min-height:36px!important;grid-template-columns:auto auto auto auto minmax(180px,1fr) auto!important;gap:6px!important}.mfa-tel-stage-panel>.mfa-tel-stage-controls .mfa-tel-btn{min-height:34px!important;border-radius:11px!important;padding:0 10px!important}.mfa-time-readout{font-size:11px!important}
.mfa-tel-stylebar{position:relative;z-index:12;display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr);gap:8px;align-items:center;min-height:38px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(13,25,41,.96),rgba(8,18,32,.96));border-radius:14px;padding:5px 6px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.mfa-stylebar-selected{display:flex;align-items:center;gap:7px;min-width:0;color:#c8d8ea;font-size:11px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mfa-stylebar-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#7f93aa}.mfa-stylebar-selected #mfaTelSelectedLabel{font-size:11px;color:#eaf2fb;overflow:hidden;text-overflow:ellipsis}
.mfa-stylebar-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0;flex-wrap:wrap}.mfa-style-action-btn{width:30px;height:30px;border-radius:10px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:#eaf2fb;display:grid;place-items:center;cursor:pointer;font-size:15px;font-weight:950;line-height:1}.mfa-style-action-btn:hover:not(:disabled){background:var(--mfa-tel-accent-bg);border-color:var(--mfa-tel-accent-border);color:var(--mfa-tel-accent-text)}.mfa-style-action-btn:disabled{opacity:.32;cursor:not-allowed}.mfa-style-pop-btn{height:30px;border-radius:10px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:#eaf2fb;padding:0 9px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:950;font-size:11px;white-space:nowrap}.mfa-style-pop-btn span{min-width:18px;height:18px;border-radius:7px;display:grid;place-items:center;background:var(--mfa-tel-accent-bg);color:var(--mfa-tel-accent-text);font-size:10px}.mfa-style-pop-btn strong{font-size:11px}.mfa-style-pop-btn:hover,.mfa-style-pop-btn.active{background:var(--mfa-tel-accent-bg);border-color:var(--mfa-tel-accent-border)}
.mfa-style-auto-toggle{height:30px;border-radius:10px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:#eaf2fb;padding:0 9px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-weight:950;font-size:11px;white-space:nowrap}.mfa-style-auto-toggle:hover{background:var(--mfa-tel-accent-bg);border-color:var(--mfa-tel-accent-border)}.mfa-style-auto-toggle input{margin:0;width:14px;height:14px;accent-color:var(--mfa-tel-accent);cursor:pointer}.mfa-style-auto-toggle span{font-size:11px}
.mfa-stylebar-popovers{position:absolute;left:6px;right:6px;top:calc(100% + 6px);z-index:30;pointer-events:none}.mfa-style-popover{display:none;pointer-events:auto;max-width:min(760px,calc(100vw - 420px));border:1px solid rgba(255,255,255,.12);background:rgba(7,16,29,.98);border-radius:16px;box-shadow:0 22px 60px rgba(0,0,0,.42);padding:10px}.mfa-style-popover.open{display:block}.mfa-style-popover-title{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8fa6be;font-weight:950;margin-bottom:8px}.mfa-style-popover-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;align-items:end}.mfa-style-popover-body .mfa-tel-field{margin:0!important}.mfa-style-popover-body .mfa-tel-row{margin:0!important}.mfa-style-popover-body .mfa-tel-field label{font-size:9px!important}.mfa-style-popover-body .mfa-tel-select,.mfa-style-popover-body .mfa-tel-input{height:34px!important}.mfa-style-popover-body .mfa-color-presets{grid-template-columns:repeat(6,22px)!important;gap:6px!important}.mfa-style-popover-body .mfa-color-preset{width:22px!important;height:22px!important;border-radius:8px!important}
.mfa-tel-right{border-radius:18px!important}.mfa-tel-right .mfa-tel-panel-head{padding:10px 12px!important}.mfa-tel-right .mfa-tel-scroll{padding:10px!important;display:grid!important;grid-template-rows:minmax(120px,.85fr) minmax(150px,1fr)!important;gap:10px!important;overflow:hidden!important}.mfa-tel-right .mfa-tel-group{margin:0!important;min-height:0!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important}.mfa-layer-list,.mfa-pause-strip{min-height:0!important;overflow:auto!important}.mfa-tel-pauses-right .mfa-pause-strip{max-height:none!important}.mfa-layer,.mfa-pause-card{border-radius:12px!important;padding:8px!important}.mfa-layer-main strong,.mfa-pause-main strong{font-size:11px!important}.mfa-layer-main span,.mfa-pause-main span{font-size:10px!important}
@media(max-width:1180px){.mfa-tel-body{grid-template-columns:68px minmax(0,1fr) 270px!important}.mfa-style-pop-btn strong{display:none}.mfa-style-pop-btn{width:34px;justify-content:center;padding:0}.mfa-style-auto-toggle span{display:none}.mfa-style-auto-toggle{width:34px;justify-content:center;padding:0}.mfa-style-popover{max-width:calc(100vw - 120px)}}
@media(max-width:900px){.mfa-tel-body{grid-template-columns:1fr!important;grid-template-areas:"stage" "tools" "props"!important;overflow:auto!important}.mfa-tel-left{grid-area:tools}.mfa-tel-left .mfa-tool-grid{grid-template-columns:repeat(auto-fit,minmax(46px,1fr))!important}.mfa-tool:hover::after{display:none}.mfa-tel-stage-panel{min-height:620px}.mfa-tel-right .mfa-tel-scroll{max-height:360px;overflow:auto!important}.mfa-tel-stylebar{grid-template-columns:1fr}.mfa-stylebar-actions{justify-content:flex-start}.mfa-style-popover{max-width:calc(100vw - 40px)}}


/* v60 toolbar icons fix + tighter cards */
.mfa-tool .mfa-tool-icon{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  place-items:center!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#eaf7ff!important;
  text-indent:0!important;
  clip:auto!important;
  overflow:visible!important;
  position:relative!important;
}
.mfa-tool.active .mfa-tool-icon{color:var(--mfa-tel-accent-text)!important}
.mfa-tool .mfa-tool-name{display:none!important}
.mfa-tool[data-tool="circle3d"] .mfa-tool-icon{font-size:13px!important;letter-spacing:-.02em!important}
.mfa-tool[data-tool="circle3d"]{border-color:rgba(255,255,255,.18)!important;background:linear-gradient(180deg,rgba(var(--mfa-tel-accent-rgb),.16),rgba(255,255,255,.045))!important}
.mfa-tool[data-tool="circle3d"].active{border-color:rgba(255,255,255,.55)!important;box-shadow:inset 0 0 0 1px rgba(var(--mfa-tel-accent-rgb),.28),0 10px 24px rgba(var(--mfa-tel-accent-rgb),.16)!important}

.mfa-layer-list,
.mfa-pause-strip{
  align-content:start!important;
  align-items:start!important;
  grid-auto-rows:max-content!important;
}
.mfa-layer,
.mfa-pause-card{
  align-self:start!important;
  min-height:56px!important;
  max-height:82px!important;
  height:auto!important;
  overflow:hidden!important;
}
.mfa-layer-main,
.mfa-pause-main{
  min-height:0!important;
}
.mfa-layer-main strong,
.mfa-pause-main strong{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mfa-layer-main span,
.mfa-pause-main span,
.mfa-layer span,
.mfa-pause-card span{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mfa-tel-right .mfa-tel-scroll{
  grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;
}
.mfa-tel-right .mfa-tel-group{
  align-content:start!important;
}


/* v60 professional tool icons */
.mfa-tool .mfa-tool-icon svg{
  width:26px!important;
  height:26px!important;
  display:block!important;
  overflow:visible!important;
}
.mfa-tool[data-tool="connect"] .mfa-tool-icon svg,
.mfa-tool[data-tool="pass"] .mfa-tool-icon svg,
.mfa-tool[data-tool="run"] .mfa-tool-icon svg,
.mfa-tool[data-tool="lane"] .mfa-tool-icon svg{
  width:28px!important;
  height:28px!important;
}
.mfa-tool[data-tool="circle3d"] .mfa-tool-icon svg{
  width:29px!important;
  height:29px!important;
}
.mfa-tool .mfa-tool-icon svg *{
  vector-effect:non-scaling-stroke;
}
.mfa-tool:hover .mfa-tool-icon svg{
  transform:translateY(-1px);
  transition:transform .16s ease;
}


/* Tracking workflow and tracking adjustment controls */
.mfa-tracking-control{display:grid;gap:8px}
.mfa-tracking-control>label{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:#8fa6be;font-weight:950}
.mfa-tracking-actions{display:flex;gap:7px;flex-wrap:wrap}
.mfa-tracking-actions .mfa-tel-btn{flex:1 1 auto}
.mfa-tracking-status{min-height:18px;color:#9fb0c4;font-size:11px;line-height:1.45;font-weight:800}
.mfa-tracking-workflow-modal{
  position:fixed;
  inset:0;
  z-index:100002;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(2,8,20,.78);
  backdrop-filter:blur(9px);
}
.mfa-tracking-workflow-modal.show{display:flex}
.mfa-tracking-workflow-card{
  width:min(860px,calc(100vw - 32px));
  max-height:calc(100vh - 42px);
  overflow:auto;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(9,20,38,.99),rgba(5,13,25,.99));
  box-shadow:0 30px 100px rgba(0,0,0,.52);
  padding:22px;
  display:grid;
  gap:14px;
  scrollbar-width:thin;
  scrollbar-color:var(--mfe-scroll-thumb,rgba(var(--mfa-tel-accent-rgb),.56)) var(--mfe-scroll-track,rgba(255,255,255,.06));
}
.mfa-tracking-workflow-pill{
  width:max-content;
  border-radius:999px;
  padding:7px 11px;
  border:1px solid var(--mfa-tel-accent-border);
  background:var(--mfa-tel-accent-bg);
  color:var(--mfa-tel-accent-text);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.mfa-tracking-workflow-title{font-size:25px;line-height:1.08;font-weight:950;color:#f8fafc}
.mfa-tracking-workflow-copy{color:#a7b6c9;font-size:13px;line-height:1.55}
.mfa-tracking-workflow-body{display:grid;gap:14px}
.mfa-tracking-workflow-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.mfa-tracking-confirm-grid{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(250px,1.15fr);gap:14px;align-items:stretch}
.mfa-tracking-selection-card{
  min-height:220px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  overflow:hidden;
  background:#020814;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
}
.mfa-tracking-selection-card canvas{width:100%;height:100%;min-height:180px;display:block;object-fit:contain;background:#020814}
.mfa-tracking-selection-card>span{padding:9px 11px;border-top:1px solid rgba(255,255,255,.08);color:#cbd5e1;font-size:11px;font-weight:900}
.mfa-tracking-confirm-options{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:18px;padding:14px;display:grid;align-content:start;gap:12px}
.mfa-tracking-workflow-field{display:grid;gap:7px;color:#cbd5e1;font-size:12px;font-weight:850}
.mfa-tracking-workflow-field>span,.mfa-tracking-workflow-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:950}
.mfa-tracking-confirm-meta{display:grid;gap:7px;padding-top:2px;color:#9fb0c4;font-size:12px}
.mfa-tracking-confirm-meta strong{color:#e5edf6}
.mfa-tracking-workflow-error{border:1px solid rgba(251,113,133,.28);background:rgba(251,113,133,.08);color:#fecdd3;border-radius:13px;padding:10px 11px;font-size:12px;line-height:1.45;font-weight:800}
.mfa-tracking-analysis{display:grid;gap:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:18px;padding:16px}
.mfa-tracking-analysis-head,.mfa-tracking-analysis-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mfa-tracking-analysis-head{color:#dce8f5;font-size:13px;font-weight:900}
.mfa-tracking-analysis-head strong{font-size:20px;color:#f8fafc}
.mfa-tracking-analysis-track{height:15px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
.mfa-tracking-analysis-fill{width:0;height:100%;border-radius:inherit;background:var(--mfa-tel-progress);transition:width .12s linear}
.mfa-tracking-analysis-meta{color:#8fa1b6;font-size:11px;font-weight:850}
.mfa-tracking-confidence-grid,.mfa-tracking-result-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mfa-tracking-confidence-grid>div,.mfa-tracking-result-summary>div{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(2,8,20,.34);
  border-radius:14px;
  padding:11px;
  display:grid;
  gap:5px;
}
.mfa-tracking-confidence-grid span,.mfa-tracking-result-summary span{color:#8fa1b6;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:900}
.mfa-tracking-confidence-grid strong,.mfa-tracking-result-summary strong{color:#f1f5f9;font-size:18px}
.mfa-tracking-workflow-section{display:grid;gap:9px}
.mfa-tracking-workflow-section.is-disabled{opacity:.45}
.mfa-tracking-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mfa-tracking-choice-grid.graphics{grid-template-columns:repeat(3,minmax(0,1fr))}
.mfa-tracking-target-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mfa-tracking-target-grid .mfa-tracking-workflow-field{min-width:0}
.mfa-tracking-target-grid .mfa-tel-select{width:100%;min-width:0}.mfa-tracking-target-help{margin:0;color:#aebed0;font-size:12px;line-height:1.45}.mfa-tracking-target-grid.is-multi{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.mfa-tracking-primary-target,.mfa-tracking-target-choice{min-height:58px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.035);padding:9px 11px;color:#eaf2fb;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.mfa-tracking-primary-target{flex-direction:column;align-items:flex-start;justify-content:center}.mfa-tracking-primary-target span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8fa3b8;font-weight:900}.mfa-tracking-primary-target strong,.mfa-tracking-target-choice strong{font-size:12px;font-weight:900}.mfa-tracking-target-choice{cursor:pointer;font:inherit}.mfa-tracking-target-choice span{min-width:18px;font-weight:950;color:var(--mfa-tel-accent-text,#facc15);text-align:center}.mfa-tracking-target-choice:hover:not(:disabled){border-color:rgba(var(--mfa-tel-accent-rgb),.42);background:rgba(var(--mfa-tel-accent-rgb),.08)}.mfa-tracking-target-choice.active{border-color:rgba(var(--mfa-tel-accent-rgb),.62);background:rgba(var(--mfa-tel-accent-rgb),.14)}.mfa-tracking-target-choice:disabled{opacity:.42;cursor:not-allowed}
.mfa-tracking-choice{
  min-height:88px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(255,255,255,.04);
  color:#eef6ff;
  padding:12px;
  text-align:left;
  display:grid;
  align-content:center;
  gap:5px;
  cursor:pointer;
}
.mfa-tracking-choice:hover:not(:disabled){background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}
.mfa-tracking-choice.active{border-color:var(--mfa-tel-accent-border);background:var(--mfa-tel-accent-bg);box-shadow:inset 0 0 0 1px rgba(var(--mfa-tel-accent-rgb),.12)}
.mfa-tracking-choice:disabled{cursor:not-allowed;opacity:.45}
.mfa-tracking-choice strong{font-size:13px}
.mfa-tracking-choice span{color:#9fb0c4;font-size:11px;line-height:1.4}
.mfa-tracking-choice-grid.compact .mfa-tracking-choice{min-height:74px}
.mfa-tracking-reposition-note{
  border:1px solid var(--mfa-tel-accent-border);
  background:var(--mfa-tel-accent-bg);
  border-radius:15px;
  padding:11px 12px;
  display:grid;
  gap:3px;
}
.mfa-tracking-reposition-note strong{font-size:11px;color:var(--mfa-tel-accent-text);text-transform:uppercase;letter-spacing:.06em}
.mfa-tracking-reposition-note span{font-size:12px;line-height:1.45;color:#d6e2ee}
@media(max-width:720px){
  .mfa-tracking-workflow-card{padding:18px;border-radius:20px}
  .mfa-tracking-confirm-grid{grid-template-columns:1fr}
  .mfa-tracking-selection-card{min-height:190px}
  .mfa-tracking-confidence-grid,.mfa-tracking-result-summary,.mfa-tracking-choice-grid,.mfa-tracking-choice-grid.graphics,.mfa-tracking-target-grid{grid-template-columns:1fr}
  .mfa-tracking-analysis-meta{align-items:flex-start;flex-direction:column}
}



/* v60 export options + progress modals */
.mfa-export-modal{
  position:fixed;
  inset:0;
  z-index:100000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(2,8,20,.72);
  backdrop-filter:blur(8px);
}
.mfa-export-modal.show{display:flex}
.mfa-export-card{
  width:min(620px,calc(100vw - 32px));
  max-height:calc(100vh - 42px);
  overflow:auto;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(9,20,38,.98),rgba(5,13,25,.98));
  box-shadow:0 28px 90px rgba(0,0,0,.46);
  padding:22px;
  display:grid;
  gap:14px;
}
.mfa-export-pill{
  width:max-content;
  border-radius:999px;
  padding:7px 11px;
  border:1px solid var(--mfa-tel-accent-border);
  background:var(--mfa-tel-accent-bg);
  color:var(--mfa-tel-accent);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.mfa-export-title{
  font-size:25px;
  line-height:1.05;
  font-weight:950;
  color:#f8fafc;
}
.mfa-export-copy{
  color:#a7b6c9;
  font-size:13px;
  line-height:1.55;
}
.mfa-export-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:12px;
}
.mfa-export-field{
  display:grid;
  gap:7px;
  color:#cbd5e1;
  font-size:12px;
  font-weight:850;
}
.mfa-export-field span{
  color:#94a3b8;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:10px;
}
.mfa-export-warning{
  min-height:0;
  color:#facc15;
  font-size:12px;
  line-height:1.45;
}
.mfa-export-warning:empty{display:none}
.mfa-export-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.mfa-export-progress{
  display:grid;
  gap:8px;
}
.mfa-export-progress-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  color:#cbd5e1;
  font-size:12px;
  font-weight:900;
}
.mfa-export-progress-track{
  height:14px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
}
.mfa-export-progress-fill{
  height:100%;
  width:0%;
  border-radius:inherit;
  background:var(--mfa-tel-progress);
  transition:width .22s ease;
}
@media(max-width:720px){
  .mfa-export-grid{grid-template-columns:1fr}
  .mfa-export-card{padding:18px;border-radius:20px}
}


/* Canonical app logo in the Telestrator header. */
.mfa-tel-mark{padding:3px;background:rgba(255,255,255,.92);overflow:hidden}
.mfa-tel-mark img{width:100%;height:100%;display:block;object-fit:contain;border-radius:10px}

/* Keep the full drawing tool rail usable on shorter desktop viewports. */
@media (min-width:901px) and (max-height:900px){
  .mfa-tool-grid{gap:4px!important}
  .mfa-tool{height:40px!important;min-height:40px!important;border-radius:12px!important}
  .mfa-tool .mfa-tool-icon svg{width:24px!important;height:24px!important}
}
@media (min-width:901px) and (max-height:760px){
  .mfa-tool-grid{gap:3px!important}
  .mfa-tool{height:36px!important;min-height:36px!important;border-radius:11px!important}
  .mfa-tool .mfa-tool-icon svg{width:22px!important;height:22px!important}
}