/* Layout measured from the recorded LibTV script and crop workspaces. */
.lt-script-workspace{background:#080808}
.lt-script-workspace>.lt-script-heading{height:64px;padding:0 22px;border:0;gap:12px;flex:none}
.lt-script-heading>nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:36px;align-items:center;padding:0;max-width:70%;margin:0}
.lt-script-heading>nav>button{position:relative;display:flex;gap:11px;align-items:center;min-width:200px;min-height:48px;padding:7px 12px;color:#777;border-radius:7px;text-align:left;font-size:12px;flex:none}
.lt-script-heading>nav>button:not(:last-child):after{content:'';position:absolute;left:100%;width:36px;height:1px;background:#333;top:50%}
.lt-script-heading>nav>button.active{background:#202020;color:#ddd}
.lt-script-heading .lt-step-number{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:3px solid #535353;border-radius:50%;font-size:16px;font-weight:500;flex:none}
.lt-script-heading nav button>span:last-child{display:block}
.lt-script-heading nav small{display:block;font-size:11px;line-height:1.6;color:#777;font-weight:400;margin-top:2px}
.lt-script-completion{margin-left:auto;font-size:12px;white-space:nowrap}
.lt-script-heading>.lt-icon{color:#888;margin-left:2px}
.lt-script-table-frame{flex:1;min-height:0;margin:8px 24px 16px;border:1px solid #393939;border-radius:8px;overflow:hidden;background:#161616;display:flex;flex-direction:column}
.lt-script-table-frame>.lt-script-table{padding:0;overflow:auto;flex:1;min-height:0}
.lt-script-table table{table-layout:fixed;min-width:1250px;width:100%;font-size:12px}
.lt-script-table th,.lt-script-table td{min-width:0!important;padding:0;border-color:#333;vertical-align:top;font-size:12px}
.lt-script-table th{height:48px;vertical-align:middle;padding:10px;text-align:left;color:#8a8a8a;background:#202020}
.lt-script-table th:first-child,.lt-script-table td:first-child,.lt-script-table th:nth-child(2),.lt-script-table td:nth-child(2){width:auto}
.lt-script-table th:first-child,.lt-script-table td:first-child,.lt-script-table th:nth-child(2){text-align:center}
.lt-script-table td:first-child{padding:20px 10px;position:relative;color:#aaa}
.lt-shot-drag{position:absolute;left:3px;opacity:0;cursor:grab}
.lt-script-table tr:hover .lt-shot-drag{opacity:1}
.lt-script-cell{display:block;width:100%;min-height:60px;text-align:left;white-space:pre-wrap;padding:10px 6px;font-size:12px!important;line-height:1.6;color:#c6c6c6;overflow-wrap:anywhere}
.lt-script-cell.duration,.lt-script-cell.size{text-align:center;font-weight:500;padding:20px 5px}
.lt-script-cell:hover{background:#242424}
.lt-script-cell:disabled{opacity:1;color:#6e6e6e;cursor:default}
.lt-script-cell.finalPrompt{padding:20px 8px;font-size:11px!important}
.lt-cell-plus{color:#5c5c5c;font-size:12px}
.lt-cell-placeholder{color:#707070;font-size:11px}
.lt-script-table td:last-child{text-align:center;padding:14px 5px}
.lt-script-table-frame>footer{height:56px;padding:10px 24px;display:flex;align-items:center;gap:12px;border-top:1px solid #333;flex:none}
.lt-script-table-frame>footer>button{font-size:12px;padding:7px 10px;color:#ddd}
.lt-script-table-frame>footer>button:last-child{background:#f4f4f4;color:#222;border-radius:8px;padding:9px 20px}
.lt-script-cell-editor{position:fixed;z-index:160;width:350px;padding:10px;background:#282828;border:1px solid #4a4a4a;border-radius:10px;box-shadow:0 12px 45px #0008}
.lt-script-cell-editor>header{display:flex;align-items:center;font-size:12px;color:#bbb;margin-bottom:8px}
.lt-script-cell-editor textarea{background:#202020;border:1px solid #444;border-radius:7px;font-size:12px;line-height:1.7;padding:10px;resize:vertical;min-height:130px;width:100%}
.lt-script-cell-editor>label{display:flex;gap:10px;align-items:center;color:#aaa;font-size:12px}
.lt-script-cell-editor input{width:100px;padding:8px;background:#222;border:1px solid #444;border-radius:6px}
.lt-script-cell-editor footer{display:flex;align-items:center;gap:9px;margin-top:12px}
.lt-script-cell-editor footer small{font-size:10px;color:#777}
.lt-script-cell-editor footer button{padding:6px 12px;border-radius:6px}
.lt-script-cell-editor footer button:last-child{background:#eee;color:#222}
.lt-shot-size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.lt-shot-size-grid button,.lt-shot-duration-presets button{padding:8px 5px;border-radius:6px;border:1px solid #444;color:#bbb;font-size:12px}
.lt-shot-size-grid button.active{color:#222;background:#ddd}
.lt-shot-duration-presets{display:flex;gap:8px;margin-top:12px}
.lt-shot-duration-presets button{padding:7px 20px}
.lt-editor:has(.lt-script-workspace)>.lt-popover{z-index:170}
.lt-script-workspace>.lt-script-assets{padding:0 24px 20px;background:#080808}
.lt-script-assets section>header{margin:12px 0 9px}
.lt-script-assets section>header h3{font-size:12px;font-weight:500}
.lt-script-assets section>div{gap:16px}
.lt-script-add-asset{width:156px;height:156px;border:1px dashed #333;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:28px!important;color:#666;background:#101010}
.lt-script-add-asset small{display:block;font-size:10px;color:#666;margin-top:4px}
.lt-script-assets article{width:190px;padding:8px;background:#151515}
.lt-script-asset-image{width:100%;height:130px;display:flex;align-items:center;justify-content:center;padding:0}
.lt-script-asset-image img{width:100%;height:100%;object-fit:contain;border-radius:5px}
.lt-script-asset-image>.icon{width:35px;height:35px;color:#777}
.lt-script-assets article footer{display:flex;align-items:center;justify-content:space-between}
.lt-script-workspace>.lt-script-assets-footer{height:64px;background:#202020;padding:12px 24px}
.lt-script-assets-footer small{color:#9a9a9a;font-size:11px}
.lt-crop-frame{position:absolute;border:1px solid #eee;box-shadow:0 0 0 2000px #0007;cursor:move;z-index:12}
.lt-crop-thirds{position:absolute;inset:0;background:linear-gradient(90deg,transparent 33.2%,#ffffff50 33.3%,#ffffff50 33.5%,transparent 33.6%,transparent 66.4%,#ffffff50 66.5%,#ffffff50 66.7%,transparent 66.8%),linear-gradient(transparent 33.2%,#ffffff50 33.3%,#ffffff50 33.5%,transparent 33.6%,transparent 66.4%,#ffffff50 66.5%,#ffffff50 66.7%,transparent 66.8%);pointer-events:none}
.lt-crop-dimensions{position:absolute;left:8px;top:8px;padding:3px 6px;border-radius:4px;background:#141c27d9;font-size:11px;color:#eee;pointer-events:none}
.lt-crop-frame>button{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;border:1px solid #bbb;transform:translate(-50%,-50%);padding:0;z-index:2}
.lt-crop-frame [data-crop-handle=nw]{left:0;top:0;cursor:nwse-resize}.lt-crop-frame [data-crop-handle=n]{left:50%;top:0;cursor:ns-resize}.lt-crop-frame [data-crop-handle=ne]{left:100%;top:0;cursor:nesw-resize}.lt-crop-frame [data-crop-handle=e]{left:100%;top:50%;cursor:ew-resize}.lt-crop-frame [data-crop-handle=se]{left:100%;top:100%;cursor:nwse-resize}.lt-crop-frame [data-crop-handle=s]{left:50%;top:100%;cursor:ns-resize}.lt-crop-frame [data-crop-handle=sw]{left:0;top:100%;cursor:nesw-resize}.lt-crop-frame [data-crop-handle=w]{left:0;top:50%;cursor:ew-resize}
.lt-crop-confirm{display:flex;align-items:center;gap:12px;border-radius:12px;padding:9px 10px;background:#272727}
.lt-crop-confirm>span:not(.spacer){font-size:12px}
.lt-crop-confirm>button:last-child{background:#eee;color:#222;border-radius:8px;width:30px;height:30px}
@media(max-width:1200px){.lt-script-heading>nav{position:static;transform:none;max-width:none;margin-right:auto;gap:12px}.lt-script-heading>nav>button{min-width:160px}.lt-script-heading>nav>button:not(:last-child):after{width:12px}.lt-script-completion{font-size:10px}.lt-script-heading>nav>button{min-width:0}}
@media(max-width:700px){.lt-script-completion{display:none}.lt-script-heading>nav{gap:4px}.lt-script-heading>nav>button{font-size:11px;gap:5px;padding:4px}.lt-script-heading nav small{font-size:9px}.lt-script-heading .lt-step-number{width:22px;height:22px;font-size:12px}.lt-script-workspace>.lt-script-heading{padding:0 8px}.lt-script-table-frame{margin:4px 8px 8px}.lt-script-cell-editor{width:calc(100vw - 24px);left:12px!important}.lt-script-table-frame>footer{padding:10px}.lt-script-assets-footer small{display:none}}
