/* ---- style block 1 ---- */
:root{
  --bg:#050706;--panel:#0b0f0d;--panel2:#111712;--box:#101610;--box2:#151c16;--line:rgba(190,255,28,.14);
  --text:#f2f6ef;--muted:rgba(242,246,239,.62);--muted2:rgba(242,246,239,.42);--lime:#c9ff19;--lime2:#8dff00;
  --danger:#ff6b6b;--shadow:0 28px 90px rgba(0,0,0,.55);--radius:22px;--zoom:1;
}
body.light{--bg:#f4f7ef;--panel:#fff;--panel2:#f7faf3;--box:#fff;--box2:#f2f7ec;--line:rgba(28,42,19,.14);--text:#101610;--muted:rgba(16,22,16,.62);--muted2:rgba(16,22,16,.42);--shadow:0 18px 48px rgba(20,36,12,.12)}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 12% 0%,rgba(201,255,25,.18),transparent 28%),linear-gradient(180deg,#11160f,var(--bg));color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:14px}body.light{background:#eef3e8}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}
.app{width:100vw;height:100dvh;display:grid;grid-template-columns:180px minmax(0,1fr) 300px;gap:8px;padding:6px;overflow:hidden}.side,.main,.right{min-height:0;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel2));box-shadow:var(--shadow);overflow:hidden}.side{border-radius:22px 0 0 22px;display:flex;flex-direction:column}.main{border-radius:0;display:flex;flex-direction:column;min-width:0}.right{border-radius:0 22px 22px 0;display:flex;flex-direction:column}.sideBlock{padding:14px;border-bottom:1px solid var(--line)}
.logoFrame{aspect-ratio:16/9;width:100%;border:1px dashed rgba(201,255,25,.40);border-radius:16px;background:#060906;position:relative;overflow:hidden;display:grid;place-items:center;color:var(--muted);font-size:12px;text-align:center;line-height:1.35;user-select:none}.logoFrame.hasLogo{border:0;background-color:transparent;background-repeat:no-repeat}.logoFrame.dragOver{outline:2px solid var(--lime)}.logoFrame.hasLogo .hint{opacity:0}.logoFrame input{display:none}.logoTools{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.chipBtn,.btn{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);border-radius:999px;padding:8px 10px;font-size:11px;white-space:nowrap}.chipBtn:hover,.chipBtn.active,.btn:hover{border-color:rgba(201,255,25,.6);background:rgba(201,255,25,.10)}.btn.primary{background:var(--lime);border-color:var(--lime);color:#091006;font-weight:900;letter-spacing:.03em}.input{width:100%;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.20);border-radius:13px;padding:10px 11px;outline:none}.input:focus,.cellInput:focus,.cellText:focus{border-color:rgba(201,255,25,.75);box-shadow:0 0 0 3px rgba(201,255,25,.10)}body.light .input,body.light .cellInput,body.light .cellText{background:#fff;border-color:rgba(20,35,20,.13)}.label{display:block;color:var(--muted2);font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 6px}.copyright{margin:auto 14px 14px;color:var(--muted2);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.stat{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:16px;background:rgba(201,255,25,.055);color:var(--muted);font-size:12px;line-height:1.4}
.top{height:64px;border-bottom:1px solid var(--line);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.title h1{font-size:20px;margin:0;line-height:1;font-weight:900}.title p{font-size:12px;color:var(--muted);margin:5px 0 0}.topActions,.toolbarLeft,.toolbarRight{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar{height:56px;border-bottom:1px solid var(--line);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.search{width:210px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.20);border-radius:999px;padding:9px 12px;outline:none}.zoom{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.045);padding:4px}.zoom button{border:0;background:transparent;border-radius:999px;width:28px;height:26px}.zoom button:hover{background:rgba(201,255,25,.12)}.zoom span{min-width:42px;text-align:center;color:var(--muted);font-size:11px}
.tableWrap{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--lime) rgba(255,255,255,.06);background:rgba(255,255,255,.01);overscroll-behavior:contain}table{border-collapse:separate;border-spacing:0;width:max-content;min-width:calc(100% * var(--zoom));font-size:calc(13px * var(--zoom))}thead th{position:sticky;top:0;z-index:5;height:calc(52px * var(--zoom));background:#0b100c;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:7px 6px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;cursor:grab;user-select:none;position:sticky}thead th:active{cursor:grabbing}thead th:hover{background:#111811;color:var(--text)}.colBox{display:flex;align-items:center;justify-content:center;min-height:calc(34px * var(--zoom));padding:0 12px;border:1px solid rgba(201,255,25,.28);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.09);color:var(--muted);overflow:hidden;text-overflow:ellipsis;max-width:100%}thead th:hover .colBox{border-color:var(--lime);background:rgba(201,255,25,.13);color:#fff}.colDragging .colBox{opacity:.45}.colDropBefore .colBox,.colDropAfter .colBox{border-color:var(--lime);background:rgba(201,255,25,.20);color:#fff}.colDragging{opacity:.45!important}.colDropBefore{box-shadow:inset 5px 0 0 var(--lime), -6px 0 18px rgba(201,255,25,.28)!important}.colDropAfter{box-shadow:inset -5px 0 0 var(--lime), 6px 0 18px rgba(201,255,25,.28)!important}.colDropBefore:before,.colDropAfter:after{content:'';position:absolute;top:0;bottom:0;width:3px;background:var(--lime);box-shadow:0 0 18px var(--lime)}.colDropBefore:before{left:0}.colDropAfter:after{right:0}body.light thead th{background:#eef4e8;color:#34422e}body.light thead th:hover{background:#ddebd2;color:#101610}tbody tr.dragging{opacity:.5}tbody tr.dropBefore td{box-shadow:inset 0 5px 0 var(--lime)!important}tbody tr.dropAfter td{box-shadow:inset 0 -5px 0 var(--lime)!important}td{height:calc(56px * var(--zoom));max-height:calc(56px * var(--zoom));background:var(--row-bg,var(--box));color:var(--row-text,var(--text));border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 7px;vertical-align:middle}.handleCell{width:calc(46px * var(--zoom));min-width:calc(46px * var(--zoom));text-align:center;background:rgba(0,0,0,.28)!important}.grip{display:inline-grid;place-items:center;width:30px;height:36px;border:1px solid rgba(201,255,25,.30);border-radius:11px;background:rgba(201,255,25,.08);color:var(--lime);cursor:grab;font-size:18px}.grip:hover{background:var(--lime);color:#071007}.grip:active{cursor:grabbing}.cueCell{width:calc(54px * var(--zoom));min-width:calc(54px * var(--zoom));text-align:center;font-weight:900}.colorCell{width:calc(120px * var(--zoom));min-width:calc(120px * var(--zoom))}.colorPill{height:calc(40px * var(--zoom));border-radius:999px;border:2px solid rgba(255,255,255,.34);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.04em;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px rgba(0,0,0,.18);cursor:pointer;max-width:calc(110px * var(--zoom));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cellInput{width:calc(96px * var(--zoom));border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.18);border-radius:10px;padding:7px 8px;outline:none;text-align:center;font-variant-numeric:tabular-nums}.cellText{display:block;width:100%;height:calc(42px * var(--zoom));max-height:calc(42px * var(--zoom));min-height:calc(42px * var(--zoom));resize:none;overflow:auto;border:1px solid transparent;background:rgba(0,0,0,.10);border-radius:10px;padding:7px 8px;outline:none;line-height:1.25}.col-what{width:calc(220px * var(--zoom));min-width:calc(220px * var(--zoom))}.col-people{width:calc(230px * var(--zoom));min-width:calc(230px * var(--zoom))}.col-detail{width:calc(290px * var(--zoom));min-width:calc(290px * var(--zoom))}.col-screen{width:calc(240px * var(--zoom));min-width:calc(240px * var(--zoom))}.col-small{width:calc(140px * var(--zoom));min-width:calc(140px * var(--zoom))}.mediaDrop{height:calc(42px * var(--zoom));max-height:calc(42px * var(--zoom));overflow:hidden;border:1px dashed rgba(201,255,25,.42);border-radius:12px;background:rgba(0,0,0,.10);padding:4px 6px;display:flex;align-items:center;gap:8px}.mediaDrop.over{border-color:var(--lime);background:rgba(201,255,25,.14)}.mediaDrop.hasMedia{border-style:solid;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.10))}.mediaText{min-height:14px;outline:none;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mediaDrop.hasMedia .mediaText{display:none}.mediaPreview{display:flex;align-items:center;gap:8px;min-width:0;flex:1;padding:0;border-radius:10px;background:transparent;font-size:11px}.mediaThumb{width:56px;height:32px;flex:0 0 56px;border-radius:8px;overflow:hidden;background:#020303;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.mediaThumb img{width:100%;height:100%;object-fit:cover;display:block}.mediaMeta{min-width:0;display:flex;flex-direction:column;gap:2px}.mediaBadge{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;height:16px;padding:0 7px;border-radius:999px;background:var(--lime);color:#091006;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.mediaName{min-width:0;max-width:100%;font-size:11px;line-height:1.1;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mediaTools{margin-left:auto;display:flex;gap:5px;align-items:center}.mediaTool{width:22px;height:22px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:var(--muted);display:grid;place-items:center;font-size:12px;padding:0}.mediaTool:hover{border-color:rgba(201,255,25,.55);background:rgba(201,255,25,.12);color:var(--text)}.peopleCell{height:calc(42px * var(--zoom));max-height:calc(42px * var(--zoom));overflow:auto;border-radius:10px;border:1px dashed rgba(201,255,25,.18);padding:5px;background:rgba(0,0,0,.08)}.peopleCell.over{border-color:var(--lime);background:rgba(201,255,25,.14)}.personToken{position:relative;display:inline-flex;align-items:center;gap:5px;margin:2px;padding:4px 7px;border-radius:999px;background:rgba(0,0,0,.23);border:1px solid rgba(255,255,255,.14);font-size:11px;white-space:nowrap}.personToken img{width:20px;height:20px;border-radius:999px;object-fit:cover}.personToken button{border:0;background:transparent;color:inherit;padding:0 1px}.hoverCard{display:none;position:absolute;z-index:30;left:0;bottom:120%;width:160px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#080c09;box-shadow:0 18px 60px rgba(0,0,0,.55)}body.light .hoverCard{background:#fff}.personToken:hover .hoverCard{display:block}.hoverCard img{width:100%;height:96px;border-radius:10px;object-fit:cover}.hoverCard b{display:block;margin-top:6px}.hoverCard span{display:block;color:var(--muted);font-size:11px}.hiddenCol{display:none!important}
.tabs{display:flex;gap:7px;padding:10px;border-bottom:1px solid var(--line);overflow:visible;scrollbar-width:none;flex-wrap:wrap;align-content:flex-start}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:1 1 calc(50% - 7px);min-width:0;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);border-radius:999px;padding:9px 8px;color:var(--muted);font-size:11px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs button.active{background:var(--lime);border-color:var(--lime);color:#071007;font-weight:900}.section{display:none;overflow:auto;padding:12px;min-height:0}.section.active{display:block}.panel{border:1px solid rgba(201,255,25,.14);background:rgba(255,255,255,.035);border-radius:18px;padding:12px;margin-bottom:12px}.panel h2{font-size:13px;margin:0 0 10px;text-transform:uppercase;letter-spacing:.06em}.grid{display:grid;gap:8px}.two{grid-template-columns:1fr 1fr}.fileLabel{display:block;border:1px dashed var(--line);border-radius:12px;padding:10px;text-align:center;color:var(--muted);font-size:12px;cursor:pointer}.fileLabel input{display:none}.list{display:grid;gap:9px;max-height:340px;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--lime) rgba(255,255,255,.06)}.card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);padding:8px}.card img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#111}.card b{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card span{display:block;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini,.card .mini{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:999px;padding:5px 8px;font-size:11px}.presetCard{border:1px solid var(--line);border-radius:18px;padding:10px;background:rgba(255,255,255,.04);display:grid;gap:9px;min-width:0;overflow:hidden}.presetHeader{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.presetCard input[type=text]{width:100%;min-width:0;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(0,0,0,.22);padding:9px 10px;font-weight:900;color:var(--text);outline:none}.presetCard input[type=text]:focus{border-color:rgba(201,255,25,.75);box-shadow:0 0 0 3px rgba(201,255,25,.10)}.presetPreview{height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;padding:0 10px;font-size:11px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presetTools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.colorEdit{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:6px 8px;background:rgba(0,0,0,.14);font-size:10px;color:var(--muted);min-width:0}.colorEdit input[type=color]{width:100%;height:28px;border:0;background:transparent;padding:0;cursor:pointer}.colorDots{display:flex;gap:7px;flex-wrap:wrap}.colorDot{width:28px;height:28px;border-radius:999px;border:2px solid rgba(255,255,255,.28);padding:0;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.colorDot:hover{transform:scale(1.08);border-color:var(--lime)}.presetDelete{width:100%;border:1px solid rgba(255,91,91,.28);background:rgba(255,91,91,.08);color:#ffd0d0;border-radius:999px;padding:8px 10px;font-size:11px}.presetDelete:hover{background:rgba(255,91,91,.18)}.colToggle{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:12px;margin-bottom:6px;background:rgba(255,255,255,.035);font-size:12px}.help{color:var(--muted);font-size:12px;line-height:1.45}
.colorMenu{position:fixed;z-index:100;width:250px;padding:10px;border:1px solid var(--line);border-radius:18px;background:#080c09;box-shadow:0 20px 70px rgba(0,0,0,.60);display:none}.colorMenu.show{display:block}body.light .colorMenu{background:#fff}.colorChoice{height:46px;border-radius:15px;border:2px solid rgba(255,255,255,.24);display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-bottom:8px;font-size:12px;font-weight:900;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}.colorChoice:hover{outline:2px solid var(--lime)}.colorDots{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.colorDot{width:28px;height:28px;border-radius:999px;border:2px solid rgba(255,255,255,.28);box-shadow:0 0 0 1px rgba(0,0,0,.25);cursor:pointer}.colorDot:hover{outline:2px solid var(--lime);outline-offset:2px}
@media(max-width:1100px){.app{grid-template-columns:190px minmax(0,1fr) 250px}.search{width:160px}.btn{padding:8px 9px}}
@media print{body{overflow:visible;background:#fff;color:#000}.app{display:block;height:auto;padding:0}.side,.right,.toolbar,.topActions{display:none}.main{display:block;border:0;box-shadow:none}.top{height:auto;border:0}.title p{display:none}.tableWrap{overflow:visible}table{width:100%;font-size:9px}td,th{color:#000!important;background:#fff!important;border-color:#999!important}.cellText,.mediaDrop,.peopleCell{height:auto;max-height:none;overflow:visible;border:0;background:transparent}.cellInput{border:0;background:transparent}}

/* V18: Block-Trenner und Spalten-Vorlagen */
.blockSeparator td{padding:0!important;border-bottom:1px solid rgba(201,255,25,.35)!important;background:var(--row-bg)!important;color:var(--row-text)!important;height:calc(52px * var(--zoom));}
.blockBar{display:flex;align-items:center;gap:12px;min-height:calc(52px * var(--zoom));padding:7px 10px;background:var(--row-bg);color:var(--row-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}
.blockBar .grip{flex:0 0 auto;background:rgba(0,0,0,.18);border-color:rgba(255,255,255,.32);color:inherit}
.blockBar .colorPill{flex:0 0 auto;min-width:calc(108px * var(--zoom));background:rgba(0,0,0,.20)!important;color:inherit!important;border-color:rgba(255,255,255,.38)}
.blockInput{flex:1;min-width:220px;border:0;background:rgba(0,0,0,.18);color:inherit;border-radius:13px;padding:10px 12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;outline:none}
.blockInput:focus{box-shadow:0 0 0 3px rgba(201,255,25,.16), inset 0 0 0 1px rgba(255,255,255,.25)}
.templateButtons{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.templateButtons .mini{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.06)}
.noteSmall{font-size:11px;color:var(--muted);line-height:1.45;margin-top:8px}


/* V19 compact colors + fit zoom */
#zoomFit{width:auto!important;min-width:38px;padding:0 9px!important;font-weight:800;color:var(--lime)}
#sec-colors .panel{padding:12px}
.colorQuick{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:10px}
.quickSwatch{height:42px;border-radius:15px;border:2px solid rgba(255,255,255,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.22);cursor:pointer}
.quickSwatch:hover{border-color:var(--lime);transform:translateY(-1px)}
.presetListCompact{display:grid;gap:8px;max-height:46vh;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--lime) rgba(255,255,255,.07)}
.presetCard{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:10px;background:rgba(255,255,255,.035);min-height:0}
.presetNameRow{display:grid;grid-template-columns:1fr;gap:7px;min-width:0}
.presetCard input[type=text]{width:100%;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.18);border-radius:13px;padding:8px 10px;font-weight:900;outline:none;min-width:0}
.presetPreviewPair{display:flex;gap:6px;align-items:center;justify-content:flex-end}
.presetPreviewMini{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;font-size:10px;font-weight:900}
.colorDots{grid-column:1 / -1;display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.colorDot{width:28px;height:28px;border-radius:999px;border:2px solid rgba(255,255,255,.28);padding:0;box-shadow:0 0 0 1px rgba(0,0,0,.25);cursor:pointer;flex:0 0 auto}
.colorDot:hover{transform:scale(1.08);border-color:var(--lime)}
.presetAdvanced{grid-column:1 / -1;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.colorEdit{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:5px 7px;background:rgba(0,0,0,.14);font-size:10px;color:var(--muted);min-width:78px}
.colorEdit input[type=color]{width:42px;height:24px;border:0;background:transparent;padding:0;cursor:pointer}
.presetDelete{margin-left:auto;border:1px solid rgba(255,91,91,.28);background:rgba(255,91,91,.08);color:#ffd0d0;border-radius:999px;padding:7px 10px;font-size:11px;white-space:nowrap}
.presetDelete:hover{background:rgba(255,91,91,.18)}
.colorApplyHint{font-size:11px;color:var(--muted);line-height:1.35;margin:0 0 10px}


/* V25 stable fixes: real fit, live duration, larger playable media preview */
#zoomFit{min-width:44px!important;color:#071007!important;background:var(--lime)!important;font-weight:900!important}
.tableWrap.fitMode table{width:max-content!important;min-width:0!important}
.mediaDrop.hasMedia{height:52px;max-height:52px;padding:3px 7px;border-color:rgba(201,255,25,.50);cursor:pointer}
.mediaPreview{gap:9px;max-width:100%;overflow:hidden;cursor:pointer}
.mediaThumb{width:86px!important;height:48px!important;flex:0 0 86px!important;border-radius:9px!important}
.mediaBadge{height:17px;font-size:9px}.mediaName{font-size:12px;font-weight:800}.mediaTool{width:28px!important;height:28px!important}.col-screen{width:calc(330px * var(--zoom));min-width:calc(330px * var(--zoom))}

.dropHint{font-size:11px;color:var(--muted);line-height:1.35;margin-top:6px}
.mediaPreview[data-missing="1"]{opacity:.75}.mediaPreview[data-missing="1"] .mediaBadge{background:rgba(255,255,255,.16);color:var(--muted)}
.mediaModal{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.82);backdrop-filter:blur(12px);padding:32px}.mediaModal.show{display:flex}.mediaModalCard{width:min(1180px,92vw);max-height:88vh;border:1px solid rgba(201,255,25,.24);border-radius:22px;background:#050706;box-shadow:0 30px 100px rgba(0,0,0,.7);padding:16px;position:relative}.mediaModalClose{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;font-size:20px}.mediaModalTitle{padding:0 48px 12px 4px;font-weight:900;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mediaModalBody{display:grid;place-items:center}.mediaModalBody video,.mediaModalBody img{max-width:100%;max-height:74vh;border-radius:14px;background:#000}.mediaModalBody audio{width:min(760px,80vw)}
.presetListCompact{display:grid;gap:8px;max-height:54vh;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--lime) rgba(255,255,255,.07)}
.presetCard{cursor:pointer}.presetCard.active{outline:2px solid var(--lime);outline-offset:2px;background:rgba(201,255,25,.075)!important}


/* V27: Audio support + resizable columns */
thead th{position:sticky;overflow:visible!important}
.colBox{padding-right:18px}
.colResize{position:absolute;right:0;top:7px;bottom:7px;width:10px;cursor:col-resize;border-radius:999px;background:linear-gradient(180deg,rgba(201,255,25,.08),rgba(201,255,25,.24));opacity:.35;z-index:8}
.colResize:hover,.colResize.active{opacity:1;background:var(--lime);box-shadow:0 0 14px rgba(201,255,25,.55)}
.colDelete{position:absolute;right:12px;top:8px;width:20px;height:20px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.38);color:rgba(255,255,255,.72);font-size:13px;line-height:18px;display:grid;place-items:center;z-index:9;opacity:.42;padding:0}.colDelete:hover{opacity:1;border-color:rgba(255,91,91,.8);background:rgba(255,91,91,.22);color:#fff}.colDelete+ .colResize{right:0}.colBox.hasDelete{padding-right:34px}
body.resizingCol{cursor:col-resize!important;user-select:none!important}
body.resizingCol *{cursor:col-resize!important}
td,.cellText,.mediaDrop,.peopleCell{transition:width .08s ease,min-width .08s ease}
.col-screen .mediaDrop.hasMedia{height:52px;max-height:52px}
.mediaModalBody audio{width:min(760px,82vw)}


/* V28: centered separators, resizable rows, clean stats */
.stat{display:grid;gap:6px}
.statLine{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(201,255,25,.10);padding-bottom:5px}
.statLine:last-child{border-bottom:0;padding-bottom:0}
.statLine b{color:var(--text);font-weight:900}
tbody tr{height:var(--row-h,calc(56px * var(--zoom)))}
tbody tr td{height:var(--row-h,calc(56px * var(--zoom)))!important;max-height:var(--row-h,calc(56px * var(--zoom)))!important}
tbody tr .cellText,tbody tr .mediaDrop,tbody tr .peopleCell{height:calc(var(--row-h,calc(56px * var(--zoom))) - calc(14px * var(--zoom)))!important;max-height:calc(var(--row-h,calc(56px * var(--zoom))) - calc(14px * var(--zoom)))!important}
.handleCell{position:relative}
.rowResize{position:absolute;left:8px;right:8px;bottom:2px;height:8px;cursor:row-resize;border-radius:999px;background:linear-gradient(90deg,rgba(201,255,25,.08),rgba(201,255,25,.25));opacity:.35;z-index:8}
.rowResize:hover,.rowResize.active{opacity:1;background:var(--lime);box-shadow:0 0 14px rgba(201,255,25,.55)}
body.resizingRow{cursor:row-resize!important;user-select:none!important}
body.resizingRow *{cursor:row-resize!important}
tbody tr.activeRow td{box-shadow:inset 0 0 0 1px rgba(201,255,25,.28)}
.blockBar{position:relative;justify-content:center;text-align:center}
.blockBar .grip{position:absolute;left:10px;top:50%;transform:translateY(-50%)}
.blockBar .colorPill{position:absolute;left:52px;top:50%;transform:translateY(-50%)}
.blockInput{text-align:center;max-width:min(720px,60vw);font-size:calc(13px * var(--zoom))}
.blockSeparator td{height:var(--row-h,calc(52px * var(--zoom)))!important;max-height:var(--row-h,calc(52px * var(--zoom)))!important}

.blockBar .rowResize{left:25%;right:25%;bottom:2px}

/* V29: Audio/Video picker in preview cells */
.mediaFileInput{display:none!important}
.mediaAdd{flex:0 0 auto;border:1px solid rgba(201,255,25,.34);background:rgba(201,255,25,.10);color:var(--lime);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;white-space:nowrap}
.mediaAdd:hover{background:var(--lime);color:#071007}
.mediaTool.replace{font-size:11px}
.mediaThumb.audioThumb{display:grid;place-items:center;background:linear-gradient(135deg,#111817,#050807)}
.mediaThumb.audioThumb img{opacity:.95}

/* V30: Show-start marker, bigger previews, easier row-height resize */
.timeCell{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px;min-width:0}
.timeCell .cellInput{flex:0 0 auto;min-width:0;width:100%}
.showStartBtn{flex:0 0 auto;width:100%;border:1px solid rgba(201,255,25,.30);background:rgba(201,255,25,.08);color:var(--muted);border-radius:999px;padding:4px 6px;font-size:9px;font-weight:900;letter-spacing:.04em;line-height:1;white-space:nowrap}
.showStartBtn:hover{background:rgba(201,255,25,.20);color:var(--text)}
.showStartBtn.active{background:var(--lime);color:#071007;border-color:var(--lime)}
.statLine.marker b{color:var(--lime)}
tbody tr td{position:relative}
tbody tr td.rowResizeHover{cursor:row-resize!important}
tbody tr td.rowResizeHover:after{content:'';position:absolute;left:6px;right:6px;bottom:1px;height:7px;border-radius:999px;background:var(--lime);opacity:.55;box-shadow:0 0 12px rgba(201,255,25,.45);pointer-events:none}
.mediaDrop.hasMedia{height:min(96px,calc(var(--row-h,calc(84px * var(--zoom))) - 8px))!important;max-height:none!important}
.mediaThumb{width:136px!important;height:76px!important;flex:0 0 136px!important;border-radius:11px!important}
.mediaBadge{height:19px!important;font-size:10px!important}
.mediaName{font-size:13px!important;line-height:1.15!important}
.mediaTool{width:30px!important;height:30px!important}
.col-screen{width:calc(430px * var(--zoom));min-width:calc(430px * var(--zoom))}
@media(max-width:1200px){.mediaThumb{width:110px!important;height:62px!important;flex-basis:110px!important}.mediaName{font-size:12px!important}}


/* V31: Media preview status below thumbnail, bigger images, safer relink modal */
.mediaDrop.hasMedia{height:76px!important;max-height:76px!important;padding:6px 8px!important;align-items:center!important;overflow:hidden!important}
.mediaPreview{display:grid!important;grid-template-columns:minmax(142px,180px) minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
.mediaThumbStack{display:grid!important;gap:4px!important;min-width:0!important;align-items:start!important}
.mediaThumb{width:100%!important;height:48px!important;min-width:142px!important;max-width:180px!important;flex:0 0 auto!important;border-radius:9px!important;overflow:hidden!important;background:#020303!important}
.mediaThumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.mediaThumbStack .mediaBadge{position:static!important;justify-self:start!important;max-width:100%!important;height:17px!important;font-size:9px!important;line-height:17px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.mediaMeta{min-width:0!important;display:block!important;overflow:hidden!important}
.mediaName{display:block!important;font-size:12px!important;font-weight:850!important;line-height:1.15!important;max-width:100%!important;white-space:normal!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
.mediaTools{align-self:center!important;flex:0 0 auto!important}.mediaTool{width:28px!important;height:28px!important}
.col-screen{width:calc(380px * var(--zoom));min-width:calc(380px * var(--zoom))}
.mediaModalMissing{display:grid;gap:12px;max-width:680px;line-height:1.45;color:var(--muted);text-align:left}.mediaModalMissing b{color:#fff}.mediaModalActions{display:flex;gap:8px;flex-wrap:wrap}.mediaModalActions .btn{font-size:12px}.mediaModalActions .primary{background:var(--lime);color:#071007;border-color:var(--lime);font-weight:900}


/* V32: persistent media blobs + preview above row color */
.mediaDrop.hasMedia{position:relative!important;z-index:2!important;background:#07100c!important;border-color:rgba(201,255,25,.65)!important;box-shadow:0 0 0 1px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08)!important;min-height:84px!important;height:calc(var(--row-h,calc(104px * var(--zoom))) - calc(12px * var(--zoom)))!important;max-height:none!important}
.mediaPreview{background:#07100c!important;border-radius:12px!important;padding:6px!important;position:relative!important;z-index:3!important;grid-template-columns:minmax(190px,240px) minmax(0,1fr) auto!important}
.mediaThumb{height:62px!important;min-width:190px!important;max-width:240px!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 2px 12px rgba(0,0,0,.38)!important}
.mediaThumbStack{position:relative!important;z-index:4!important}
.mediaThumbStack .mediaBadge{margin-top:4px!important;position:relative!important;z-index:5!important}
.mediaPreview[data-missing="1"]{opacity:1!important}.mediaPreview[data-missing="1"] .mediaBadge{background:#ffb84d!important;color:#120b00!important}
.mediaPreview[data-stored="1"] .mediaBadge{background:var(--lime)!important;color:#071007!important}
@media(max-width:1200px){.mediaPreview{grid-template-columns:minmax(150px,190px) minmax(0,1fr) auto!important}.mediaThumb{min-width:150px!important;max-width:190px!important;height:54px!important}}

/* V33: Audio-Dateien nur in Audio/Ton-Spalte */
.audioTonCol .mediaDrop{height:calc(86px * var(--zoom));max-height:calc(86px * var(--zoom));align-items:center}
.audioTonCol .mediaDrop.hasMedia{height:calc(104px * var(--zoom));max-height:calc(104px * var(--zoom))}
.audioTonCol .mediaThumb{width:112px;height:64px;flex-basis:112px}
.audioTonCol .mediaAdd{margin-left:auto}
.screenMediaAdd::after{content:''}


/* V35: Media preview scales with resized column */
.mediaDrop.hasMedia{overflow:hidden!important}
.mediaPreview{grid-template-columns:minmax(160px,min(48%,460px)) minmax(0,1fr) auto!important;align-items:center!important}
.mediaThumbStack{width:100%!important;min-width:0!important}
.mediaThumb{width:100%!important;min-width:160px!important;max-width:none!important;height:auto!important;aspect-ratio:16/9!important;max-height:calc(var(--row-h,calc(126px * var(--zoom))) - calc(42px * var(--zoom)))!important}
.mediaThumb img{width:100%!important;height:100%!important;object-fit:cover!important}
.col-screen .mediaDrop.hasMedia .mediaPreview{grid-template-columns:minmax(180px,min(54%,520px)) minmax(0,1fr) auto!important}
.audioTonCol .mediaPreview{grid-template-columns:minmax(120px,min(42%,260px)) minmax(0,1fr) auto!important}
.audioTonCol .mediaThumb{min-width:120px!important;max-height:64px!important}
@media(max-width:1200px){.mediaPreview{grid-template-columns:minmax(140px,min(48%,360px)) minmax(0,1fr) auto!important}.mediaThumb{min-width:140px!important}}


/* V36: row actions, dim rows, safer audio layout, media auto-size */
.rowActionsHead{width:calc(86px * var(--zoom));min-width:calc(86px * var(--zoom));max-width:calc(86px * var(--zoom));text-align:center;position:sticky!important;right:0;z-index:6;background:#0b100c!important}
.rowActionsCell{width:calc(86px * var(--zoom));min-width:calc(86px * var(--zoom));max-width:calc(86px * var(--zoom));position:sticky;right:0;z-index:4;background:rgba(0,0,0,.34)!important;text-align:center}
.rowActions{display:flex;align-items:center;justify-content:center;gap:6px}
.rowActionBtn{width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:var(--text);font-size:14px;font-weight:900;display:grid;place-items:center;padding:0}
.rowActionBtn:hover{border-color:rgba(201,255,25,.75);background:rgba(201,255,25,.14)}
.rowActionBtn.delete:hover{border-color:rgba(255,91,91,.5);background:rgba(255,91,91,.16);color:#ffd0d0}
tbody tr.rowMuted td:not(.rowActionsCell){opacity:.42;filter:saturate(.25);}
tbody tr.rowMuted .cellText,tbody tr.rowMuted .cellInput,tbody tr.rowMuted .mediaDrop,tbody tr.rowMuted .peopleCell{opacity:.65}
.blockSeparator.rowMuted td{opacity:.45;filter:saturate(.3)}
.audioTonCol .audioTonDrop:not(.hasMedia){display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:6px!important}
.audioTonCol .audioTonDrop:not(.hasMedia) .mediaText{width:100%!important;flex:0 0 auto!important;min-height:28px!important}
.audioTonCol .audioTonDrop:not(.hasMedia) .mediaAdd{align-self:flex-start!important;margin-left:0!important;margin-top:2px!important}
.mediaAdd{white-space:nowrap}.mediaAdd.previous{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:var(--muted)}
.mediaAdd.previous:hover{border-color:rgba(201,255,25,.55);background:rgba(201,255,25,.12);color:var(--text)}
.mediaTitle{display:block;width:100%;max-width:100%;font-size:11px;font-weight:900;line-height:1.15;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mediaThumbStack .mediaTitle{margin-bottom:3px}
.mediaPreview[data-remote="1"] .mediaThumb{background:linear-gradient(135deg,#111817,#050807)!important}
.mediaThumb video{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;background:#000}
.mediaLabelRow{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.mediaLabelRow .mediaTitle{margin:0;flex:1 1 auto;min-width:0}
.mediaPreview{grid-template-columns:minmax(260px,1fr) auto!important}
.col-screen .mediaDrop.hasMedia .mediaPreview{grid-template-columns:minmax(320px,1fr) auto!important}
.mediaMeta{display:none!important}
.mediaTools{justify-self:end!important;display:flex!important;gap:8px!important;z-index:6!important}
.mediaTool{opacity:1!important;visibility:visible!important;width:auto!important;min-width:32px!important;padding:0 8px!important;font-size:10px!important;font-weight:900!important}
.serverStatus{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.35;min-height:15px}
.versionList{display:grid;gap:8px;max-height:46vh;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--lime) rgba(255,255,255,.07)}
.versionItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);padding:9px}
.versionItem b{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.versionItem span{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.clipList{display:grid;gap:8px;max-height:42vh;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--lime) rgba(255,255,255,.07)}
.clipItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);padding:9px}
.clipItem b{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clipItem span{display:block;color:var(--muted);font-size:10px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.regiePreview{display:grid;gap:8px}
.regiePreview video{width:100%;aspect-ratio:16/9;border-radius:10px;background:#000;border:1px solid rgba(201,255,25,.24)}
.regiePreviewNow{font-size:11px;font-weight:850;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.regiePreviewList{display:grid;gap:6px;max-height:42vh;overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:var(--lime) rgba(255,255,255,.07)}
.regiePreviewItem{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04);padding:7px}
.regiePreviewItem.active{border-color:var(--lime);background:rgba(201,255,25,.10)}
.regiePreviewItem b{font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.regiePreviewItem span{display:block;color:var(--muted);font-size:10px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.regiePreviewBtn{min-width:44px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);display:grid;place-items:center;padding:0 8px;font-size:10px;font-weight:900;text-decoration:none;color:var(--text)}
.regiePreviewBtn:hover{border-color:rgba(201,255,25,.65);background:rgba(201,255,25,.13)}

/* ---- style block 2 ---- */
/* V61: Screen-/Video-Dateinamen immer einzeilig vollständig, ohne ... */
tbody .col-screen .mediaDrop,
tbody .col-screen .mediaDrop.hasMedia,
tbody .col-screen .mediaPreview,
tbody .col-screen .mediaThumbStack,
tbody .col-screen .mediaLabelRow{
  overflow:visible!important;
}
tbody .col-screen .mediaPreview{
  grid-template-columns:minmax(95px,32%) max-content auto!important;
  grid-template-areas:"thumb name tools"!important;
  align-items:center!important;
  justify-content:start!important;
  gap:8px!important;
}
tbody .col-screen .mediaLabelRow{
  grid-area:name!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  display:flex!important;
  flex-wrap:nowrap!important;
}
tbody .col-screen .mediaTitle,
tbody .col-screen .mediaName{
  display:inline-block!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
tbody .col-screen .mediaTools{
  grid-area:tools!important;
  justify-self:start!important;
  margin-left:8px!important;
  white-space:nowrap!important;
}
@media print{
  tbody .col-screen .mediaTitle,
  tbody .col-screen .mediaName{
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}

/* ---- style block 3 ---- */
@media print{
  @page{size:A4 landscape;margin:8mm;}
  html,body{background:#fff!important;color:#000!important;overflow:visible!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .app,.main,.tableWrap{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:#fff!important;border:0!important;box-shadow:none!important;padding:0!important;}
  .side,.right,.toolbar,.topActions,.rowActionsHead,.rowActionsCell,.rowActions,.rowActionBtn,.handleCell,.grip,.rowResize,.colResize,.colDelete,.mediaTools,.mediaTool{display:none!important;}
  .top{display:block!important;height:auto!important;padding:0 0 8px 0!important;border:0!important;background:#fff!important;}
  .title h1{font-size:16px!important;line-height:1.15!important;margin:0 0 5px!important;color:#000!important;font-weight:900!important;}
  .title p{display:none!important;}

  table{width:100%!important;min-width:0!important;max-width:100%!important;border-collapse:collapse!important;border-spacing:0!important;table-layout:fixed!important;font-size:10.5px!important;line-height:1.25!important;border:1.4px solid #111!important;}
  thead{display:table-header-group!important;}
  thead th{position:static!important;height:auto!important;min-height:0!important;background:#f1f1f1!important;color:#000!important;border:1.4px solid #111!important;outline:1px solid #111!important;outline-offset:-1px!important;padding:5px 4px!important;vertical-align:middle!important;font-size:15px!important;line-height:1.1!important;font-weight:900!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
  thead .colBox{display:block!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#000!important;font-size:15px!important;line-height:1.1!important;font-weight:900!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}

  tbody tr{height:auto!important;min-height:0!important;max-height:none!important;break-inside:avoid!important;page-break-inside:avoid!important;background:#fff!important;}
  tbody td{height:auto!important;min-height:0!important;max-height:none!important;background:#fff!important;color:#000!important;opacity:1!important;filter:none!important;border:1.4px solid #111!important;outline:1px solid #111!important;outline-offset:-1px!important;padding:5px 4px!important;vertical-align:top!important;box-shadow:none!important;font-size:10.5px!important;line-height:1.25!important;overflow:visible!important;}
  tbody td:first-child,thead th:first-child{display:none!important;}

  .cellInput,.cellText,textarea,input,.peopleCell,.mediaDrop,.mediaPreview,.mediaThumbStack,.mediaLabelRow,.blockInput{display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;border:0!important;background:transparent!important;color:#000!important;padding:0!important;margin:0!important;box-shadow:none!important;font-size:10.5px!important;line-height:1.25!important;}
  .cellInput.time,.cellInput.duration,.timeCell input{white-space:nowrap!important;font-variant-numeric:tabular-nums!important;font-size:10.5px!important;line-height:1.25!important;}
  .timeCell{display:block!important;width:100%!important;white-space:nowrap!important;overflow:visible!important;}
  .showStartBtn{display:none!important;}
  .cellText{white-space:pre-wrap!important;word-break:break-word!important;overflow-wrap:anywhere!important;}

  .mediaThumb,.mediaThumb img,.mediaThumb video,.mediaBadge,.mediaMeta,.mediaAdd,.mediaFileInput,.audioThumb,.mediaThumbStack svg{display:none!important;}
  .mediaTitle,.mediaName,.mediaText{display:block!important;width:100%!important;max-width:none!important;height:auto!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important;color:#000!important;font-size:10.5px!important;line-height:1.25!important;font-weight:700!important;word-break:break-word!important;overflow-wrap:anywhere!important;}

  .colorPill{display:block!important;height:auto!important;max-width:none!important;border:0!important;background:transparent!important;color:#000!important;padding:0!important;margin:0!important;box-shadow:none!important;font-size:10.5px!important;line-height:1.25!important;font-weight:900!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
  .cueCell{font-size:10.5px!important;line-height:1.25!important;font-weight:900!important;text-align:center!important;}
  .blockSeparator td{background:#e9e9e9!important;color:#000!important;border:1.4px solid #111!important;outline:1px solid #111!important;padding:6px 5px!important;}
  .blockBar{display:block!important;min-height:0!important;height:auto!important;background:transparent!important;color:#000!important;padding:0!important;box-shadow:none!important;text-align:left!important;}
  .blockBar .colorPill{display:none!important;}
  .blockInput{font-size:15px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.02em!important;text-align:left!important;}
}

/* ---- style block 4 ---- */
@media screen{
  thead th,
  thead .colBox{
    font-size:calc(15px * var(--zoom))!important;
  }
  .audioTonCol .mediaDrop.hasMedia{
    height:auto!important;
    min-height:82px!important;
    max-height:none!important;
    overflow:visible!important;
    align-items:flex-start!important;
  }
  .audioTonCol .mediaPreview{
    display:grid!important;
    grid-template-columns:auto auto!important;
    grid-template-areas:"thumb tools" "name name"!important;
    justify-content:start!important;
    align-items:center!important;
    gap:5px 8px!important;
    overflow:visible!important;
    width:auto!important;
    max-width:none!important;
  }
  .audioTonCol .mediaThumbStack{
    grid-area:thumb!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
  }
  .audioTonCol .mediaThumb{
    width:74px!important;
    min-width:74px!important;
    max-width:74px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    aspect-ratio:auto!important;
  }
  .audioTonCol .mediaTools{
    grid-area:tools!important;
    display:flex!important;
    flex-direction:row!important;
    gap:6px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  .audioTonCol .mediaLabelRow{
    grid-area:name!important;
    display:block!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  .audioTonCol .mediaLabelRow .mediaBadge{display:none!important;}
  .audioTonCol .mediaTitle,
  .audioTonCol .mediaName{
    display:block!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    line-height:1.2!important;
  }
}

/* ---- V101 stronger button polish ---- */
@media screen{
  #tbody .mediaTool,
  #tbody .rowActionBtn,
  #thead .colDelete,
  #regiePreviewList .regiePreviewBtn,
  #mediaModalClose{
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:24px!important;
    padding:0!important;
    display:inline-grid!important;
    place-items:center!important;
    overflow:hidden!important;
    border-radius:999px!important;
    font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1!important;
    color:rgba(242,246,239,.72)!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }
  #tbody .mediaTool.replace{font-size:14px!important}
  #tbody .rowActionBtn.duplicate{font-size:12px!important}
  #tbody .mediaTools,#tbody .rowActions{gap:4px!important}
  #tbody .mediaTool:hover,
  #tbody .rowActionBtn:hover,
  #thead .colDelete:hover,
  #regiePreviewList .regiePreviewBtn:hover{
    color:var(--text)!important;
    background:rgba(201,255,25,.10)!important;
    border-color:rgba(201,255,25,.56)!important;
  }
}
@media print{
  thead th,
  thead .colBox{font-size:15px!important;}
}

/* ---- style block 5 ---- */
@media screen{
  tbody .col-screen .mediaDrop.hasMedia{
    overflow:visible!important;
    min-height:70px!important;
  }
  tbody .col-screen .mediaPreview{
    display:grid!important;
    grid-template-columns:minmax(84px,112px) minmax(0,1fr) auto!important;
    grid-template-areas:"thumb name tools"!important;
    align-items:center!important;
    justify-content:start!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  tbody .col-screen .mediaThumbStack{
    grid-area:thumb!important;
    width:112px!important;
    min-width:84px!important;
    max-width:112px!important;
    overflow:visible!important;
  }
  tbody .col-screen .mediaThumb{
    width:112px!important;
    min-width:84px!important;
    max-width:112px!important;
    height:auto!important;
    max-height:63px!important;
    aspect-ratio:16/9!important;
  }
  tbody .col-screen .mediaThumb img,
  tbody .col-screen .mediaThumb video{
    object-fit:contain!important;
    object-position:left center!important;
  }
  tbody .col-screen .mediaLabelRow{
    grid-area:name!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  tbody .col-screen .mediaTitle,
  tbody .col-screen .mediaName{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  tbody .col-screen .mediaTools{
    grid-area:tools!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    margin:0!important;
    white-space:nowrap!important;
    min-width:max-content!important;
    width:max-content!important;
  }
  tbody .col-screen .mediaTool{
    display:inline-grid!important;
    place-items:center!important;
    width:auto!important;
    min-width:28px!important;
    height:28px!important;
    padding:0 7px!important;
    line-height:1!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
  .regiePreviewControls{
    grid-template-columns:42px 1fr 42px auto!important;
  }
  #regieReloadBtn{
    min-width:64px;
    font-size:10px;
    text-transform:uppercase;
  }
}

/* ---- style block 6 ---- */
@media screen{
  tbody .col-screen .mediaDrop.hasMedia{
    min-height:118px!important;
    height:auto!important;
    max-height:none!important;
    padding:6px 7px!important;
    overflow:visible!important;
  }
  tbody .col-screen .mediaPreview{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(160px,178px) minmax(0,1fr)!important;
    grid-template-areas:"thumb name"!important;
    align-items:center!important;
    justify-content:start!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  tbody .col-screen .mediaThumbStack{
    grid-area:thumb!important;
    position:relative!important;
    width:178px!important;
    min-width:160px!important;
    max-width:178px!important;
    overflow:visible!important;
  }
  tbody .col-screen .mediaThumb{
    width:178px!important;
    min-width:160px!important;
    max-width:178px!important;
    height:auto!important;
    min-height:90px!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    border-radius:10px!important;
    background:#020303!important;
  }
  tbody .col-screen .mediaThumb img,
  tbody .col-screen .mediaThumb video{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:left center!important;
    display:block!important;
  }
  tbody .col-screen .mediaLabelRow{
    grid-area:name!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  tbody .col-screen .mediaTitle,
  tbody .col-screen .mediaName{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  tbody .col-screen .mediaTools{
    position:absolute!important;
    left:8px!important;
    top:8px!important;
    z-index:12!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    margin:0!important;
    min-width:0!important;
    width:auto!important;
    white-space:nowrap!important;
    pointer-events:auto!important;
  }
  tbody .col-screen .mediaTool{
    display:inline-grid!important;
    place-items:center!important;
    width:auto!important;
    min-width:28px!important;
    height:24px!important;
    padding:0 7px!important;
    line-height:1!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
    background:rgba(0,0,0,.68)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.38)!important;
    backdrop-filter:blur(5px)!important;
  }
  tbody .col-screen .mediaTool:hover{
    background:rgba(201,255,25,.92)!important;
    color:#071007!important;
    border-color:var(--lime)!important;
  }
}

/* ---- style block 7 ---- */
.regiePreviewAudioLine,.regiePreviewAudioFileLine{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;}
.regiePreviewAudioLine>span,.regiePreviewAudioFileLine>span{min-width:0!important;flex:1 1 auto!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;}
.regiePreviewTopLine{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;}
.regiePreviewTopLine>b{min-width:0!important;flex:1 1 auto!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;}
.regieCueRight{margin-left:auto!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:3px 7px!important;background:rgba(201,255,25,.16)!important;color:var(--lime)!important;font-size:9px!important;font-style:normal!important;font-weight:900!important;letter-spacing:.04em!important;line-height:1!important;}
.regiePreviewAudioOnly .regieCueRight{background:rgba(255,88,88,.18)!important;color:#ff7b7b!important;}
@media print{
  .audioTonCol .mediaDrop,
  .audioTonCol .mediaPreview,
  .audioTonCol .mediaThumbStack,
  .audioTonCol .mediaLabelRow,
  .audioTonCol .mediaMeta{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;}
  .audioTonCol .mediaThumb,
  .audioTonCol .mediaThumb img,
  .audioTonCol .mediaThumb video,
  .audioTonCol .audioThumb,
  .audioTonCol .mediaBadge,
  .audioTonCol .mediaTools,
  .audioTonCol .mediaTool,
  .audioTonCol .mediaAdd,
  .audioTonCol .mediaFileInput{display:none!important;}
  .audioTonCol .mediaTitle,
  .audioTonCol .mediaName,
  .audioTonCol .mediaText{display:block!important;width:100%!important;max-width:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;color:#000!important;font-size:9px!important;line-height:1.25!important;font-weight:700!important;word-break:break-word!important;}
}

/* ---- style block 8 ---- */
/* Audio-Dateien im Regieplan/HTML nur als kompakte Text-Karte, nicht als Waveform-Bild */
.audioTonCol .mediaThumb,
.audioTonCol .audioThumb,
.audioTonCol .mediaThumb img,
.audioTonCol .mediaThumb video{
  display:none!important;
}
.audioTonCol .mediaPreview{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  min-height:56px!important;
}
.audioTonCol .mediaThumbStack{
  display:block!important;
  min-width:0!important;
  width:100%!important;
}
.audioTonCol .mediaLabelRow{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
}
.audioTonCol .mediaBadge{
  display:inline-flex!important;
  flex:0 0 auto!important;
}
.audioTonCol .mediaTitle,
.audioTonCol .mediaName{
  display:block!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}

/* Preview-Player: aktives File bleibt deutlich umrandet wie beim Klick */
.regiePreviewItem.active,
.regiePreviewItem.playingOutline{
  border-color:var(--lime)!important;
  outline:2px solid var(--lime)!important;
  outline-offset:0!important;
  box-shadow:0 0 0 1px rgba(201,255,25,.35),0 0 18px rgba(201,255,25,.20)!important;
  background:rgba(201,255,25,.075)!important;
}
.regiePreviewItem.regiePreviewAudioOnly.active{
  border-color:#ff5b5b!important;
  outline-color:#ff5b5b!important;
  box-shadow:0 0 0 1px rgba(255,91,91,.35),0 0 18px rgba(255,91,91,.16)!important;
  background:rgba(255,91,91,.10)!important;
}

/* Audio-Status korrekt: mit Audio leuchtet, ohne Audio ist grau */
.regiePreviewItem.hasRegieAudio .regiePreviewAudioLine{
  opacity:1!important;
  color:var(--text)!important;
}
.regiePreviewItem.hasRegieAudio .regiePreviewAudioLine b{
  background:var(--lime)!important;
  color:#071007!important;
}
.regiePreviewItem.hasRegieAudio .regiePreviewAudioLine span{
  color:var(--text)!important;
  font-weight:800!important;
}
.regiePreviewItem.noRegieAudio .regiePreviewAudioLine{
  opacity:.45!important;
  color:var(--muted)!important;
}
.regiePreviewItem.noRegieAudio .regiePreviewAudioLine b{
  background:rgba(255,255,255,.16)!important;
  color:var(--muted)!important;
}
.regiePreviewItem.noRegieAudio .regiePreviewAudioLine span{
  color:var(--muted)!important;
}

/* ---- style block 9 ---- */
.regiePreviewItem{position:relative!important;padding-right:54px!important;}
.regiePreviewCueNo{
  position:absolute!important;
  right:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  border:1px solid rgba(201,255,25,.55)!important;
  background:rgba(201,255,25,.13)!important;
  color:var(--lime)!important;
  font-size:16px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
  z-index:4!important;
}
.regiePreviewAudioOnly .regiePreviewCueNo{
  border-color:rgba(255,91,91,.70)!important;
  background:rgba(255,91,91,.16)!important;
  color:#ff6f6f!important;
}
.regiePreviewItem.hasRegieAudio{border-color:rgba(201,255,25,.42)!important;background:rgba(201,255,25,.055)!important;opacity:1!important;}
.regiePreviewItem.hasRegieAudio .regiePreviewAudioLine{opacity:1!important;}
.regiePreviewItem.hasRegieAudio .regiePreviewAudioLine b{background:var(--lime)!important;color:#071007!important;}
.regiePreviewItem.hasRegieAudio .regiePreviewAudioLine span{color:var(--text)!important;font-weight:850!important;}
.regiePreviewItem.noRegieAudio{border-color:rgba(255,255,255,.13)!important;background:rgba(255,255,255,.035)!important;opacity:.58!important;}
.regiePreviewItem.noRegieAudio.active,.regiePreviewItem.noRegieAudio.playingOutline{opacity:1!important;}
.regiePreviewItem.noRegieAudio .regiePreviewAudioLine{opacity:.45!important;}
.regiePreviewItem.noRegieAudio .regiePreviewAudioLine b{background:rgba(255,255,255,.16)!important;color:var(--muted)!important;}
.regiePreviewItem.noRegieAudio .regiePreviewAudioLine span{color:var(--muted)!important;}
.regiePreviewItem.regiePreviewAudioOnly{opacity:1!important;}
/* keine alten CUE-Badges mehr anzeigen, nur die Nummer rechts */
.regieCueRight,.regieCueBadge{display:none!important;}

/* ---- style block 10 ---- */
.regiePreviewItem.hasRegieAudio{opacity:1!important;border-color:rgba(201,255,25,.62)!important;background:rgba(201,255,25,.075)!important;}
.regiePreviewItem.hasRegieAudio .regiePreviewAudioLine{opacity:1!important;}
.regiePreviewItem.hasRegieAudio .regiePreviewAudioLine b{background:var(--lime)!important;color:#071007!important;}
.regiePreviewItem.hasRegieAudio .regiePreviewAudioLine span{color:var(--text)!important;font-weight:900!important;}
.regiePreviewItem.noRegieAudio{opacity:.48!important;border-color:rgba(255,255,255,.11)!important;background:rgba(255,255,255,.025)!important;}
.regiePreviewItem.noRegieAudio.active,.regiePreviewItem.noRegieAudio.playingOutline{opacity:1!important;}
.regiePreviewItem.noRegieAudio .regiePreviewAudioLine{opacity:.42!important;}
.regiePreviewAudioOnly{opacity:1!important;border-color:rgba(255,91,91,.75)!important;background:rgba(255,91,91,.13)!important;}

/* ---- style block 11 ---- */
/* Cue rechts: kleiner, dezent, ohne Kreis */
.regiePreviewCueNo{
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  display:block!important;
  place-items:unset!important;
  border-radius:0!important;
  border:0!important;
  background:transparent!important;
  color:rgba(201,255,25,.72)!important;
  font-size:13px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:850!important;
  letter-spacing:0!important;
  z-index:5!important;
}
.regiePreviewAudioOnly .regiePreviewCueNo{
  border:0!important;
  background:transparent!important;
  color:rgba(255,110,110,.82)!important;
}
.regiePreviewItem{position:relative!important;padding-right:34px!important;}

/* Fixer Overlay-/Auswahlrahmen: bleibt nach Klick auf dem aktiven Eintrag */
.regiePreviewItem.active,
.regiePreviewItem.playingOutline,
.regiePreviewItem[data-selected="1"]{
  opacity:1!important;
  border-color:var(--lime)!important;
  outline:2px solid var(--lime)!important;
  outline-offset:-2px!important;
  box-shadow:inset 0 0 0 1px rgba(201,255,25,.55),0 0 16px rgba(201,255,25,.22)!important;
}
.regiePreviewItem.regiePreviewAudioOnly.active,
.regiePreviewItem.regiePreviewAudioOnly.playingOutline,
.regiePreviewItem.regiePreviewAudioOnly[data-selected="1"]{
  border-color:#ff5b5b!important;
  outline-color:#ff5b5b!important;
  box-shadow:inset 0 0 0 1px rgba(255,91,91,.55),0 0 16px rgba(255,91,91,.20)!important;
}
.regiePreviewItem.hasRegieAudio:not(.active):not(.playingOutline){
  opacity:1!important;
  border-color:rgba(201,255,25,.48)!important;
  background:rgba(201,255,25,.065)!important;
}
.regiePreviewItem.noRegieAudio:not(.active):not(.playingOutline){
  opacity:.48!important;
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.025)!important;
}
.regiePreviewAudioLine b{white-space:nowrap!important;}
.regiePreviewAudioLine span,.regiePreviewAudioFileLine span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

/* ---- style block 12 ---- */
#regiePreviewList .regiePreviewItem{position:relative!important;border:1px solid rgba(255,255,255,.12)!important;outline:none!important;box-shadow:none!important;}
#regiePreviewList .regiePreviewItem.hasRegieAudio{opacity:1!important;border-color:rgba(201,255,25,.58)!important;background:rgba(201,255,25,.075)!important;}
#regiePreviewList .regiePreviewItem.noRegieAudio{opacity:.46!important;border-color:rgba(255,255,255,.10)!important;background:rgba(255,255,255,.025)!important;}
#regiePreviewList .regiePreviewItem.regiePreviewAudioOnly{opacity:1!important;border-color:rgba(255,91,91,.75)!important;background:rgba(255,91,91,.13)!important;}
#regiePreviewList .regiePreviewItem.isPreviewSelected,
#regiePreviewList .regiePreviewItem.active,
#regiePreviewList .regiePreviewItem.playingOutline{opacity:1!important;border-color:var(--lime)!important;outline:2px solid var(--lime)!important;outline-offset:2px!important;box-shadow:0 0 0 1px rgba(201,255,25,.28),0 0 18px rgba(201,255,25,.20)!important;background:rgba(201,255,25,.10)!important;}
#regiePreviewList .regiePreviewItem.isPreviewSelected::after,
#regiePreviewList .regiePreviewItem.active::after,
#regiePreviewList .regiePreviewItem.playingOutline::after{content:''!important;position:absolute!important;inset:0!important;border:2px solid var(--lime)!important;border-radius:inherit!important;pointer-events:none!important;}
.regiePreviewCueNo{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;background:transparent!important;border:0!important;border-radius:0!important;color:rgba(201,255,25,.72)!important;font-size:13px!important;line-height:1!important;font-style:normal!important;font-weight:850!important;padding:0!important;min-width:0!important;}
.regiePreviewAudioOnly .regiePreviewCueNo{color:rgba(255,110,110,.88)!important;}
.regiePreviewItem>div:first-child{padding-right:34px!important;}
.regiePreviewAudioLine{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;opacity:1!important;}
.regiePreviewItem.hasRegieAudio .regiePreviewAudioLine b{background:var(--lime)!important;color:#071007!important;}
.regiePreviewItem.hasRegieAudio .regiePreviewAudioLine span{color:var(--text)!important;font-weight:900!important;}
.regiePreviewItem.noRegieAudio .regiePreviewAudioLine{opacity:.42!important;}

/* ---- style block 13 ---- */
#regiePreviewList .regiePreviewItem.hasRegieAudio{opacity:1!important;border-color:rgba(201,255,25,.62)!important;background:rgba(201,255,25,.08)!important;}
#regiePreviewList .regiePreviewItem.hasRegieAudio .regiePreviewAudioLine{opacity:1!important;}
#regiePreviewList .regiePreviewItem.hasRegieAudio .regiePreviewAudioLine b{background:var(--lime)!important;color:#071007!important;}
#regiePreviewList .regiePreviewItem.hasRegieAudio .regiePreviewAudioLine span{color:var(--text)!important;font-weight:900!important;}
#regiePreviewList .regiePreviewItem.noRegieAudio:not(.active):not(.playingOutline):not(.isPreviewSelected){opacity:.46!important;}

/* ---- style block 14 ---- */
#regiePreviewList .regiePreviewItem.videoHasOwnAudio{opacity:1!important;border-color:rgba(201,255,25,.58)!important;background:rgba(201,255,25,.075)!important;}
#regiePreviewList .regiePreviewItem.videoHasOwnAudio .regiePreviewAudioLine{opacity:1!important;}
#regiePreviewList .regiePreviewItem.videoHasOwnAudio .regiePreviewAudioLine b{background:var(--lime)!important;color:#071007!important;}
#regiePreviewList .regiePreviewItem.videoHasOwnAudio .regiePreviewAudioLine span{color:var(--text)!important;font-weight:900!important;}
#regiePreviewList .regiePreviewItem.regiePreviewAudioOnly{opacity:1!important;border-color:rgba(255,91,91,.75)!important;background:rgba(255,91,91,.13)!important;}

/* ---- style block 15 ---- */
#regiePreviewList .regiePreviewItem.videoNoOwnAudio:not(.regiePreviewAudioOnly){opacity:.52!important;border-color:rgba(201,255,25,.18)!important;background:rgba(8,14,10,.58)!important;}
#regiePreviewList .regiePreviewItem.videoNoOwnAudio .regiePreviewAudioLine{opacity:.55!important;}
#regiePreviewList .regiePreviewItem.videoNoOwnAudio .regiePreviewAudioLine b{background:rgba(255,255,255,.12)!important;color:rgba(255,255,255,.62)!important;}
#regiePreviewList .regiePreviewItem.videoNoOwnAudio .regiePreviewAudioLine span{color:rgba(255,255,255,.48)!important;font-weight:800!important;}
#regiePreviewList .regiePreviewItem.videoRealAudio{opacity:1!important;border-color:rgba(201,255,25,.58)!important;background:rgba(201,255,25,.075)!important;}
#regiePreviewList .regiePreviewItem.videoRealAudio .regiePreviewAudioLine b{background:var(--lime)!important;color:#071007!important;}
#regiePreviewList .regiePreviewItem.videoRealAudio .regiePreviewAudioLine span{color:var(--text)!important;font-weight:900!important;}
#regiePreviewList .regiePreviewItem.isPreviewSelected,
#regiePreviewList .regiePreviewItem.active,
#regiePreviewList .regiePreviewItem.playingOutline{opacity:1!important;outline:2px solid var(--lime)!important;outline-offset:0!important;border-color:var(--lime)!important;}

/* ---- style block 16 ---- */
#tbody tr.regiePreviewSheetActive td{
  outline:2px solid var(--lime)!important;
  outline-offset:-2px!important;
  box-shadow:inset 0 0 0 2px rgba(201,255,25,.28),0 0 0 1px rgba(201,255,25,.18)!important;
}
#tbody tr.regiePreviewSheetActive td:first-child{
  box-shadow:inset 4px 0 0 var(--lime),inset 0 0 0 2px rgba(201,255,25,.28)!important;
}
#tbody tr.regiePreviewSheetActive .cueCell{
  color:var(--lime)!important;
  font-weight:900!important;
}

/* ---- style block 17 ---- */
/* Preview-Player: aktiver/geklickter Eintrag bekommt immer denselben lime Rahmen, auch wenn er ohne Audio grau ist */
#regiePreviewList .regiePreviewItem.active,
#regiePreviewList .regiePreviewItem.isPreviewSelected,
#regiePreviewList .regiePreviewItem.playingOutline,
#regiePreviewList .regiePreviewItem.videoNoOwnAudio.active,
#regiePreviewList .regiePreviewItem.videoNoOwnAudio.isPreviewSelected,
#regiePreviewList .regiePreviewItem.videoNoOwnAudio.playingOutline,
#regiePreviewList .regiePreviewItem.noRegieAudio.active,
#regiePreviewList .regiePreviewItem.noRegieAudio.isPreviewSelected,
#regiePreviewList .regiePreviewItem.noRegieAudio.playingOutline{
  outline:2px solid var(--lime)!important;
  outline-offset:0!important;
  border-color:var(--lime)!important;
  box-shadow:0 0 0 1px rgba(201,255,25,.55),0 0 18px rgba(201,255,25,.16)!important;
}
#regiePreviewList .regiePreviewItem.videoNoOwnAudio.active .regiePreviewAudioLine,
#regiePreviewList .regiePreviewItem.videoNoOwnAudio.isPreviewSelected .regiePreviewAudioLine,
#regiePreviewList .regiePreviewItem.videoNoOwnAudio.playingOutline .regiePreviewAudioLine{
  opacity:.55!important;
}

/* Regieplan: nur die komplette Zeile rahmen, nicht jede einzelne Spalte */
#tbody tr.regiePreviewSheetActive{
  outline:2px solid var(--lime)!important;
  outline-offset:-2px!important;
  box-shadow:0 0 0 1px rgba(201,255,25,.35),0 0 18px rgba(201,255,25,.12)!important;
}
#tbody tr.regiePreviewSheetActive td{
  outline:none!important;
  box-shadow:none!important;
  border-top:2px solid var(--lime)!important;
  border-bottom:2px solid var(--lime)!important;
}
#tbody tr.regiePreviewSheetActive td:first-child{
  border-left:2px solid var(--lime)!important;
  box-shadow:inset 4px 0 0 var(--lime)!important;
}
#tbody tr.regiePreviewSheetActive td:last-child{
  border-right:2px solid var(--lime)!important;
}
#tbody tr.regiePreviewSheetActive .cueCell{
  color:var(--lime)!important;
  font-weight:900!important;
}

/* ---- style block 18 ---- */
@media screen{
  .audioTonCol .mediaDrop.hasMedia{
    height:auto!important;
    min-height:82px!important;
    max-height:none!important;
    overflow:visible!important;
    align-items:flex-start!important;
  }
  .audioTonCol .mediaPreview{
    display:grid!important;
    grid-template-columns:auto auto!important;
    grid-template-areas:"thumb tools" "name name"!important;
    justify-content:start!important;
    align-items:center!important;
    gap:5px 8px!important;
    overflow:visible!important;
    width:auto!important;
    max-width:none!important;
    min-height:0!important;
  }
  .audioTonCol .mediaThumbStack{
    grid-area:thumb!important;
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
  }
  .audioTonCol .mediaThumb,
  .audioTonCol .audioThumb{
    display:grid!important;
    place-items:center!important;
    width:74px!important;
    min-width:74px!important;
    max-width:74px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    aspect-ratio:auto!important;
    background:linear-gradient(135deg,#111817,#050807)!important;
  }
  .audioTonCol .mediaThumb img,
  .audioTonCol .audioThumb img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    opacity:.95!important;
  }
  .audioTonCol .mediaBadge{
    display:inline-flex!important;
  }
  .audioTonCol .mediaTools{
    grid-area:tools!important;
    display:flex!important;
    flex-direction:row!important;
    gap:6px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  .audioTonCol .mediaLabelRow,
  .audioTonCol .mediaMeta{
    grid-area:name!important;
    display:block!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  .audioTonCol .mediaLabelRow .mediaBadge{display:none!important;}
  .audioTonCol .mediaTitle,
  .audioTonCol .mediaName{
    display:block!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    line-height:1.2!important;
  }
}
@media print{
  .audioTonCol .mediaThumb,
  .audioTonCol .audioThumb,
  .audioTonCol .mediaThumb img,
  .audioTonCol .audioThumb img,
  .audioTonCol .mediaThumb video,
  .audioTonCol .mediaBadge,
  .audioTonCol .mediaTools,
  .audioTonCol .mediaTool,
  .audioTonCol .mediaAdd,
  .audioTonCol .mediaFileInput{
    display:none!important;
  }
}

/* ---- style block 19 ---- */
/* Regieplan-Mitte: aktuell spielende Zeile deutlich als Lime-Fläche mit schwarzer Schrift */
#tbody tr.regiePreviewSheetActive,
#tbody tr.regiePreviewSheetActive td{
  background:var(--lime)!important;
  color:#000!important;
}
#tbody tr.regiePreviewSheetActive .cellInput,
#tbody tr.regiePreviewSheetActive .cellText,
#tbody tr.regiePreviewSheetActive textarea,
#tbody tr.regiePreviewSheetActive input,
#tbody tr.regiePreviewSheetActive .mediaText,
#tbody tr.regiePreviewSheetActive .mediaTitle,
#tbody tr.regiePreviewSheetActive .mediaName,
#tbody tr.regiePreviewSheetActive .peopleCell,
#tbody tr.regiePreviewSheetActive .cueCell,
#tbody tr.regiePreviewSheetActive .colorPill{
  color:#000!important;
}
#tbody tr.regiePreviewSheetActive .colorPill{
  background:rgba(0,0,0,.08)!important;
  border-color:rgba(0,0,0,.28)!important;
}
#tbody tr.regiePreviewSheetActive .mediaDrop,
#tbody tr.regiePreviewSheetActive .mediaPreview{
  background:rgba(0,0,0,.04)!important;
  border-color:rgba(0,0,0,.20)!important;
}
#tbody tr.regiePreviewSheetActive td{
  border-top:2px solid #000!important;
  border-bottom:2px solid #000!important;
}
#tbody tr.regiePreviewSheetActive td:first-child{border-left:2px solid #000!important;box-shadow:inset 4px 0 0 #000!important;}
#tbody tr.regiePreviewSheetActive td:last-child{border-right:2px solid #000!important;}

@media print{
  /* Abschnitts-/Trennerzeilen im Druck sichtbar, aber dezent hellgrau */
  tbody tr.blockSeparator,
  tbody tr.blockSeparator td{
    display:table-row!important;
    visibility:visible!important;
    background:#eeeeee!important;
    color:#000!important;
    border:1px solid #bdbdbd!important;
    outline:none!important;
    opacity:1!important;
    filter:none!important;
    padding:5px 6px!important;
  }
  tbody tr.blockSeparator td{display:table-cell!important;}
  tbody tr.blockSeparator .blockBar{
    display:block!important;
    visibility:visible!important;
    background:#eeeeee!important;
    color:#000!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    box-shadow:none!important;
    text-align:left!important;
  }
  tbody tr.blockSeparator .blockInput{
    display:block!important;
    visibility:visible!important;
    color:#000!important;
    background:transparent!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
  tbody tr.blockSeparator .grip,
  tbody tr.blockSeparator .rowResize,
  tbody tr.blockSeparator .colorPill,
  tbody tr.blockSeparator .rowActions,
  tbody tr.blockSeparator .rowActionsCell{
    display:none!important;
  }
}

/* ---- style block 20 ---- */
/* Missverständnis zurück: Mitlaufende Zeile ist nur markiert, keine Lime-Fläche */
#tbody tr.regiePreviewSheetActive,
#tbody tr.regiePreviewSheetActive td{
  background:var(--row-bg,var(--box))!important;
  color:var(--row-text,var(--text))!important;
}
#tbody tr.regiePreviewSheetActive .cellInput,
#tbody tr.regiePreviewSheetActive .cellText,
#tbody tr.regiePreviewSheetActive textarea,
#tbody tr.regiePreviewSheetActive input,
#tbody tr.regiePreviewSheetActive .mediaText,
#tbody tr.regiePreviewSheetActive .mediaTitle,
#tbody tr.regiePreviewSheetActive .mediaName,
#tbody tr.regiePreviewSheetActive .peopleCell,
#tbody tr.regiePreviewSheetActive .cueCell,
#tbody tr.regiePreviewSheetActive .colorPill{
  color:var(--row-text,var(--text))!important;
}
#tbody tr.regiePreviewSheetActive .mediaDrop,
#tbody tr.regiePreviewSheetActive .mediaPreview{
  background:rgba(0,0,0,.10)!important;
  border-color:rgba(201,255,25,.42)!important;
}
#tbody tr.regiePreviewSheetActive td{
  border-top:2px solid var(--lime)!important;
  border-bottom:2px solid var(--lime)!important;
  outline:none!important;
  box-shadow:none!important;
}
#tbody tr.regiePreviewSheetActive td:first-child{
  border-left:2px solid var(--lime)!important;
  box-shadow:inset 4px 0 0 var(--lime)!important;
}
#tbody tr.regiePreviewSheetActive td:last-child{border-right:2px solid var(--lime)!important;}
#tbody tr.regiePreviewSheetActive .cueCell{color:var(--lime)!important;font-weight:900!important;}

/* Regieplan-Mitte: Trenner schwarz auf Lime */
#tbody tr.blockSeparator td,
#tbody tr.blockSeparator .blockBar{
  background:var(--lime)!important;
  color:#000!important;
}
#tbody tr.blockSeparator .blockInput{
  color:#000!important;
  background:transparent!important;
  font-weight:900!important;
}
#tbody tr.blockSeparator .colorPill,
#tbody tr.blockSeparator .grip{
  color:#000!important;
  border-color:rgba(0,0,0,.35)!important;
  background:rgba(0,0,0,.08)!important;
}

@media print{
  /* Im Druck bleiben Trenner hellgrau, nicht lime */
  tbody tr.blockSeparator,
  tbody tr.blockSeparator td,
  tbody tr.blockSeparator .blockBar{
    background:#eeeeee!important;
    color:#000!important;
  }
  tbody tr.blockSeparator .blockInput{color:#000!important;}
}

/* ---- style block 21 ---- */
@media screen{
  #tbody tr.regiePreviewSheetActive,
  #tbody tr.regiePreviewSheetActive td{
    background:var(--lime)!important;
    color:#000!important;
  }
  #tbody tr.regiePreviewSheetActive{
    outline:2px solid #000!important;
    outline-offset:-2px!important;
    box-shadow:0 0 0 2px rgba(201,255,25,.45),0 0 22px rgba(201,255,25,.18)!important;
  }
  #tbody tr.regiePreviewSheetActive td{
    border-top:2px solid #000!important;
    border-bottom:2px solid #000!important;
    outline:none!important;
    box-shadow:none!important;
  }
  #tbody tr.regiePreviewSheetActive td:first-child{
    border-left:2px solid #000!important;
    box-shadow:inset 4px 0 0 #000!important;
  }
  #tbody tr.regiePreviewSheetActive td:last-child{
    border-right:2px solid #000!important;
  }
  #tbody tr.regiePreviewSheetActive .cellInput,
  #tbody tr.regiePreviewSheetActive .cellText,
  #tbody tr.regiePreviewSheetActive textarea,
  #tbody tr.regiePreviewSheetActive input,
  #tbody tr.regiePreviewSheetActive .mediaText,
  #tbody tr.regiePreviewSheetActive .mediaTitle,
  #tbody tr.regiePreviewSheetActive .mediaName,
  #tbody tr.regiePreviewSheetActive .peopleCell,
  #tbody tr.regiePreviewSheetActive .cueCell,
  #tbody tr.regiePreviewSheetActive .colorPill,
  #tbody tr.regiePreviewSheetActive .mediaBadge,
  #tbody tr.regiePreviewSheetActive .showStartBtn,
  #tbody tr.regiePreviewSheetActive .rowActionBtn,
  #tbody tr.regiePreviewSheetActive .mediaAdd,
  #tbody tr.regiePreviewSheetActive .mediaTool{
    color:#000!important;
  }
  #tbody tr.regiePreviewSheetActive .mediaDrop,
  #tbody tr.regiePreviewSheetActive .mediaPreview,
  #tbody tr.regiePreviewSheetActive .cellInput,
  #tbody tr.regiePreviewSheetActive .cellText,
  #tbody tr.regiePreviewSheetActive textarea,
  #tbody tr.regiePreviewSheetActive input{
    background:rgba(0,0,0,.05)!important;
    border-color:rgba(0,0,0,.22)!important;
  }
  #tbody tr.regiePreviewSheetActive .colorPill,
  #tbody tr.regiePreviewSheetActive .showStartBtn,
  #tbody tr.regiePreviewSheetActive .mediaBadge,
  #tbody tr.regiePreviewSheetActive .mediaAdd{
    background:rgba(0,0,0,.10)!important;
    border-color:rgba(0,0,0,.35)!important;
  }
  #tbody tr.regiePreviewSheetActive .mediaTool,
  #tbody tr.regiePreviewSheetActive .rowActionBtn{
    background:rgba(0,0,0,.18)!important;
    border-color:rgba(0,0,0,.35)!important;
  }
  #tbody tr.regiePreviewSheetActive ::placeholder{color:rgba(0,0,0,.55)!important;}
}

/* ---- style block 22 ---- */
@media screen{
  #tbody tr.regiePreviewSheetActive,
  #tbody tr.regiePreviewSheetActive td{
    background:rgba(201,255,25,.42)!important;
    color:#050805!important;
  }
  #tbody tr.regiePreviewSheetActive{
    outline:2px solid var(--lime)!important;
    outline-offset:-2px!important;
    box-shadow:0 0 0 1px rgba(201,255,25,.55),0 0 18px rgba(201,255,25,.18)!important;
  }
  #tbody tr.regiePreviewSheetActive td{
    border-top:2px solid var(--lime)!important;
    border-bottom:2px solid var(--lime)!important;
    outline:none!important;
    box-shadow:none!important;
  }
  #tbody tr.regiePreviewSheetActive td:first-child{
    border-left:2px solid var(--lime)!important;
    box-shadow:inset 4px 0 0 var(--lime)!important;
  }
  #tbody tr.regiePreviewSheetActive td:last-child{
    border-right:2px solid var(--lime)!important;
  }
  #tbody tr.regiePreviewSheetActive .cellInput,
  #tbody tr.regiePreviewSheetActive .cellText,
  #tbody tr.regiePreviewSheetActive textarea,
  #tbody tr.regiePreviewSheetActive input,
  #tbody tr.regiePreviewSheetActive .mediaText,
  #tbody tr.regiePreviewSheetActive .mediaTitle,
  #tbody tr.regiePreviewSheetActive .mediaName,
  #tbody tr.regiePreviewSheetActive .peopleCell,
  #tbody tr.regiePreviewSheetActive .cueCell,
  #tbody tr.regiePreviewSheetActive .colorPill,
  #tbody tr.regiePreviewSheetActive .mediaBadge,
  #tbody tr.regiePreviewSheetActive .showStartBtn,
  #tbody tr.regiePreviewSheetActive .rowActionBtn,
  #tbody tr.regiePreviewSheetActive .mediaAdd,
  #tbody tr.regiePreviewSheetActive .mediaTool{
    color:#050805!important;
  }
  #tbody tr.regiePreviewSheetActive .mediaDrop,
  #tbody tr.regiePreviewSheetActive .mediaPreview,
  #tbody tr.regiePreviewSheetActive .cellInput,
  #tbody tr.regiePreviewSheetActive .cellText,
  #tbody tr.regiePreviewSheetActive textarea,
  #tbody tr.regiePreviewSheetActive input{
    background:rgba(255,255,255,.16)!important;
    border-color:rgba(0,0,0,.22)!important;
  }
  #tbody tr.regiePreviewSheetActive .colorPill,
  #tbody tr.regiePreviewSheetActive .showStartBtn,
  #tbody tr.regiePreviewSheetActive .mediaBadge,
  #tbody tr.regiePreviewSheetActive .mediaAdd{
    background:rgba(255,255,255,.22)!important;
    border-color:rgba(0,0,0,.35)!important;
  }
  #tbody tr.regiePreviewSheetActive .mediaTool,
  #tbody tr.regiePreviewSheetActive .rowActionBtn{
    background:rgba(0,0,0,.16)!important;
    border-color:rgba(0,0,0,.35)!important;
  }
  #tbody tr.regiePreviewSheetActive ::placeholder{color:rgba(0,0,0,.55)!important;}
}

/* ---- clean restart responsive layer ---- */
@media screen and (max-width:1400px){
  .app{grid-template-columns:160px minmax(0,1fr) 280px!important;gap:6px!important;padding:5px!important}
  .top,.toolbar{padding-left:10px!important;padding-right:10px!important}
  .btn{padding:8px 9px!important}
  .search{width:180px!important}
}

@media screen and (max-width:1180px){
  body{overflow:auto!important}
  .app{height:auto!important;min-height:100dvh!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important}
  .side,.main,.right{border-radius:16px!important;min-width:0!important}
  .side{display:grid!important;grid-template-columns:180px minmax(220px,1fr) auto!important;align-items:start!important}
  .sideBlock{border-bottom:0!important;border-right:1px solid var(--line)!important}
  .copyright{margin:14px!important;align-self:end!important}
  .main{min-height:72dvh!important}
  .right{max-height:none!important}
  .section.active{max-height:none!important}
  .tabs{position:sticky!important;top:0!important;z-index:20!important;background:linear-gradient(180deg,var(--panel),var(--panel2))!important}
}

@media screen and (max-width:820px){
  .app{padding:4px!important;gap:5px!important}
  .side{grid-template-columns:1fr!important}
  .sideBlock{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .top{height:auto!important;align-items:flex-start!important;flex-direction:column!important;gap:9px!important}
  .topActions,.toolbar,.toolbarLeft,.toolbarRight{width:100%!important}
  .toolbar{height:auto!important;align-items:stretch!important;flex-direction:column!important;gap:9px!important}
  .toolbarLeft,.toolbarRight{justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:2px!important}
  .search{width:min(100%,260px)!important;flex:1 1 180px!important}
  .zoom{margin-left:auto!important}
  .tableWrap{min-height:62dvh!important}
  .right{overflow:visible!important}
  .tabs button{flex:1 1 calc(33.333% - 7px)!important}
  .two{grid-template-columns:1fr!important}
  .mediaModal{padding:12px!important}
  .mediaModalCard{width:96vw!important;max-height:92dvh!important;border-radius:14px!important}
}

@media screen and (max-width:560px){
  body{font-size:13px!important}
  .btn,.chipBtn,.mini{min-height:34px!important}
  .topActions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .toolbarLeft{display:grid!important;grid-template-columns:1fr 1fr!important}
  .toolbarLeft .btn:first-child{grid-column:1/-1!important}
  .toolbarRight{display:grid!important;grid-template-columns:1fr auto!important}
  .zoom span{min-width:38px!important}
  .tabs button{flex:1 1 calc(50% - 7px)!important}
  .panel{border-radius:12px!important;padding:10px!important}
  .regiePreviewControls{grid-template-columns:36px 1fr 36px auto!important}
  .regiePreviewBtn{min-width:38px!important}
}

/* ---- V101 final button polish ---- */
@media screen{
  #tbody .mediaTool,
  #tbody .rowActionBtn,
  #thead .colDelete,
  #regiePreviewList .regiePreviewBtn,
  #mediaModalClose{
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:24px!important;
    padding:0!important;
    display:inline-grid!important;
    place-items:center!important;
    overflow:hidden!important;
    border-radius:999px!important;
    font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1!important;
    color:rgba(242,246,239,.72)!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:none!important;
    text-shadow:none!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }
  #tbody .mediaTool.replace{font-size:14px!important}
  #tbody .rowActionBtn.duplicate{font-size:12px!important}
  #tbody .mediaTools,#tbody .rowActions{gap:4px!important}
  #tbody .mediaTool:hover,
  #tbody .rowActionBtn:hover,
  #thead .colDelete:hover,
  #regiePreviewList .regiePreviewBtn:hover{
    color:var(--text)!important;
    background:rgba(201,255,25,.10)!important;
    border-color:rgba(201,255,25,.56)!important;
  }
}

/* ---- V100 clean controls ---- */
@media screen{
  .mediaTool,.rowActionBtn,.colDelete,.regiePreviewBtn{
    height:26px!important;
    min-width:26px!important;
    width:26px!important;
    padding:0!important;
    border-radius:999px!important;
    border-color:rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.055)!important;
    color:rgba(242,246,239,.76)!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1!important;
    box-shadow:none!important;
    text-transform:none!important;
    letter-spacing:0!important;
  }
  .mediaTool.replace{font-size:15px!important}
  .rowActionBtn.duplicate{font-size:13px!important}
  .rowActionBtn.dim{font-size:13px!important}
  .mediaTool:hover,.rowActionBtn:hover,.colDelete:hover,.regiePreviewBtn:hover{
    border-color:rgba(201,255,25,.62)!important;
    background:rgba(201,255,25,.11)!important;
    color:var(--text)!important;
  }
  .rowActionBtn.delete:hover,.mediaTool.remove:hover,.colDelete:hover{
    border-color:rgba(255,107,107,.55)!important;
    background:rgba(255,107,107,.12)!important;
    color:#ffdede!important;
  }
  .mediaTools,.rowActions{gap:5px!important}
  thead th[data-colhead="color"] .colBox,
  thead th[data-colhead="cue"] .colBox{
    cursor:grab!important;
    border-style:solid!important;
  }
  thead th[data-colhead="color"] .colBox::before,
  thead th[data-colhead="cue"] .colBox::before{
    content:'';
    width:4px;
    height:14px;
    margin-right:7px;
    border-radius:999px;
    background:linear-gradient(180deg,rgba(201,255,25,.92),rgba(201,255,25,.32));
    box-shadow:6px 0 0 rgba(201,255,25,.28);
  }
}

/* ---- V102 selected row: one thick lime frame around the row ---- */
@media screen{
  #tbody tr.activeRow td{
    box-shadow:none!important;
    outline:none!important;
    border-top:3px solid var(--lime)!important;
    border-bottom:3px solid var(--lime)!important;
  }
  #tbody tr.activeRow td:first-child{
    border-left:3px solid var(--lime)!important;
  }
  #tbody tr.activeRow td:last-child{
    border-right:3px solid var(--lime)!important;
  }
  #tbody tr.activeRow td:not(:first-child){
    border-left-color:var(--line)!important;
  }
  #tbody tr.activeRow td:not(:last-child){
    border-right-color:var(--line)!important;
  }
  #tbody tr.activeRow .cellInput,
  #tbody tr.activeRow .cellText,
  #tbody tr.activeRow .mediaDrop,
  #tbody tr.activeRow .mediaPreview,
  #tbody tr.activeRow .peopleCell,
  #tbody tr.activeRow .colorPill{
    box-shadow:none!important;
    outline:none!important;
  }
}

/* ---- V103 sharp icon button layer ---- */
@media screen{
  .iconBtn103,
  #tbody .iconBtn103,
  #thead .iconBtn103,
  #mediaModalClose.iconBtn103{
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:24px!important;
    min-height:24px!important;
    padding:0!important;
    display:inline-grid!important;
    place-items:center!important;
    border-radius:7px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.045)!important;
    color:rgba(242,246,239,.72)!important;
    font-size:0!important;
    font-weight:400!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-transform:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
    overflow:hidden!important;
  }
  .iconBtn103 svg{
    width:15px!important;
    height:15px!important;
    display:block!important;
    fill:currentColor!important;
    pointer-events:none!important;
  }
  .iconBtn103:hover{
    border-color:rgba(201,255,25,.62)!important;
    background:rgba(201,255,25,.11)!important;
    color:var(--text)!important;
  }
  .rowActionBtn.delete.iconBtn103:hover,
  .mediaTool.remove.iconBtn103:hover,
  .colDelete.iconBtn103:hover,
  #mediaModalClose.iconBtn103:hover{
    border-color:rgba(255,107,107,.58)!important;
    background:rgba(255,107,107,.12)!important;
    color:#ffdede!important;
  }
  #tbody .mediaTools,
  #tbody .rowActions{
    gap:5px!important;
    align-items:center!important;
  }
}

/* ---- V104 drag performance and media move feedback ---- */
@media screen{
  body.rowDragActive #tbody .mediaPreview,
  body.rowDragActive #tbody video,
  body.rowDragActive #tbody img{
    pointer-events:none!important;
  }
  body.rowDragActive #tbody tr:not(.dragging){
    transition:none!important;
  }
  .mediaPreview[draggable="true"]{
    cursor:grab!important;
  }
  .mediaPreview[draggable="true"]:active,
  .mediaPreview.mediaDragging{
    cursor:grabbing!important;
  }
  .mediaPreview.mediaDragging{
    opacity:.55!important;
    outline:2px solid var(--lime)!important;
    outline-offset:2px!important;
  }
  .mediaDrop.mediaMoveOver{
    border-color:var(--lime)!important;
    background:rgba(201,255,25,.16)!important;
    box-shadow:inset 0 0 0 2px rgba(201,255,25,.55),0 0 18px rgba(201,255,25,.18)!important;
  }
}