:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh}header{height:10vh}main{min-height:90vh;width:100%;background-color:#888}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{height:100%;margin:0;padding:0}.app{position:relative;min-height:100vh}.hidden{display:none}header{display:flex;justify-content:space-between;align-items:center;padding:.25rem;background-color:#f0f0f0;border-bottom:1px solid #ccc}.leftSide{display:flex;align-items:center;margin-right:1rem}.rightSide{display:flex;align-items:flex-start}header label{border-radius:.2em;background-color:#01f;cursor:pointer;margin-left:2em;font-weight:700;padding:.5em 1em;color:#f5f5f5;transition:.1s ease}header label:hover{background-color:#00e1ff;color:#000}.birgermind{margin-left:1em}header .reset-btn,header .clear-btn{margin:.3em;padding:.5em 1em;border-radius:.2em;border:none;background-color:#7c0101;cursor:pointer;font-weight:700;transition:.1s ease}header .reset-btn:hover,header .clear-btn:hover{background-color:red;color:#000}.buttonsBar{display:flex;justify-content:space-between;padding:2rem;min-height:32px;border-top:5px solid black;border-bottom:5px solid black;background-color:#dcdcdc}.buttonsBar button{border:3px solid black;transition:.2s ease}.buttonsBar button:hover{background-color:#00aeff}.rightSide-button-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-left:2em;margin-right:3em}.buttonsBar .leftSide,.buttonsBar .rightSide{display:flex;gap:5px;align-items:center}.buttonsBar .leftSide button{margin:1em}.history-btn{border:2px solid black;background-color:#a8befc;display:flex;justify-content:center;align-items:center;height:50px;width:50px;transition:.3s ease}.history-btn:hover{background-color:#00e1ff}.searchReplaceInput{color:red;font-weight:700}main{display:flex;justify-content:space-between;min-height:90vh;width:100%;background-image:linear-gradient(#0ff,#00f)}.leftEditor,.rightEditor{width:100%;padding:1em;border:1px solid #ccc;background-color:#f9f9f9;overflow-y:auto;color:#000}.leftEditor{margin-right:1%;border-right:3px solid black}.rightEditor{border-left:3px solid black;position:relative}.sub-conteiner{line-height:1.75rem;border:1px solid black;background-color:#f9f9f9;min-height:181px;min-height:150px;margin-bottom:10px;position:relative;height:200px;overflow:hidden;box-sizing:border-box;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.sub-header{padding:1rem 1rem 0;display:flex;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid black;background-color:#029aff;color:#fff}.sub-id{margin:0;flex:0 0 auto;font-size:1.5em;color:#fff;font-weight:700}.sub-cps{position:absolute;left:50%;transform:translate(-50%);font-size:.9rem;color:#fff;font-weight:700}.sub-cps.invalid{border:2px solid red}.sub-body{padding:.25rem 1rem 1rem;display:flex;justify-content:space-between}.sub-leftside{flex:1;margin-right:1em}.sub-rightside{flex:2;max-height:112px;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column}.sub-rightside.invalid{border:2px solid red}.sub-displayed-text{min-height:3.5em}.sub-displayed-text span.invalid{border-bottom:1px solid red}ul{list-style-type:none;padding:0;margin:0}li.start-timestamp,li.end-timestamp{height:3.5rem;padding-left:8px;margin-bottom:.5rem}li.start-timestamp{border-left:4px solid #f7b502}li.end-timestamp{border-left:4px solid #00eeff}.timestamp-container{display:inline-block;padding:.1rem;width:auto;box-sizing:border-box;border:3px solid transparent}.timestamp-container.invalid{border:3px solid red}.slider{display:block;width:100%;margin-top:.5rem}.slider.dot-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:10px;background-color:gray;border-radius:50%;cursor:not-allowed}.removed{color:#300f0f;background-color:#cd7777}.added{color:#012901;background-color:#74d374}.leftEditor .added-sub{background-color:#cd7777}.leftEditor .removed-sub{background-color:#cd7777;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 10px,transparent 10px,transparent 30px)}.rightEditor .added-sub{background-color:#74d374}.rightEditor .removed-sub{background-color:#74d374;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 10px,transparent 10px,transparent 30px)}.hidden-sub{display:none}.stats-btn,.delete-btn{background:none;border:none;cursor:pointer;padding:5px;font-size:16px;color:#1c03ff;transition:color .3s ease}.stats-btn:hover{color:#fff}.delete-btn:hover{color:#ef0505}.stats-btn i,.delete-btn i{pointer-events:none}.add-sub-btn{height:20px;width:100%;background-color:#010047;padding:0;margin:0;color:#fff;cursor:pointer;text-align:center;font-size:.75rem;font-weight:700;transition:.2s ease;border-radius:5px 5px 0 0}.add-sub-btn:hover{background-color:#0ff;border:2px solid black;color:#000}.add-sub-btn-container{position:absolute;bottom:0;width:100%}.leftEditor .add-sub-btn{opacity:0;cursor:default}.rightEditor .add-sub-btn:hover{opacity:1;background-color:#e0e0e0}.delete-sub:hover{background-color:#ff1a1a}.sub-rightside::-webkit-scrollbar{width:6px}.sub-rightside::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.sub-rightside::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.sub-rightside::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.subtitle{margin-bottom:10px}.subtitle-row{position:relative;contain:content}.ReactVirtualized__List{padding:10px;box-sizing:border-box}.react-window-container{position:relative;height:100%}.drop-zone-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:none}.drop-zone-content{background-color:#fff;padding:2rem;border-radius:8px;border:4px dashed blue;text-align:center}.drop-zone-content p{font-size:1.5rem;color:#000;font-weight:700;margin:0}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:auto}.loading-text{color:#fff;margin-top:20px;font-size:1.2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.ReactVirtualized__List{padding:10px 0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;color:#000}.search-replace-modal{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.search-replace-input-group{margin-bottom:15px}.search-replace-input-group label{display:block;margin-bottom:5px;font-weight:500}.search-replace-input-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-btn{padding:8px 16px;background:#f0f0f0;border:none;border-radius:4px;cursor:pointer;color:#000}.replace-all-btn{padding:8px 16px;background:#4a6fa5;color:#fff;border:none;border-radius:4px;cursor:pointer}.replace-all-btn:hover{background:#3a5a8f}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:600px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:16px 20px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa}.modal-header h3{margin:0;font-size:1.2rem;color:#333}.modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0 8px}.modal-close-btn:hover{color:#333}.modal-body{padding:20px;overflow-y:auto;flex-grow:1}.modal-footer{padding:12px 20px;border-top:1px solid #e5e5e5;display:flex;justify-content:flex-end;background-color:#f8f9fa}.filter-header{margin-bottom:16px}.add-filter-btn{background-color:#4a6bdf;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem}.add-filter-btn:hover{background-color:#3a56c4}.add-filter-btn:disabled{background-color:#ccc;cursor:not-allowed}.filter-block{margin-bottom:20px}.filter-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:12px;background-color:#f8f9fa;border-radius:4px}.filter-type-select,.operator-select,.filter-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.filter-type-select{min-width:150px}.operator-select{min-width:80px}.filter-input{flex-grow:1;min-width:200px}.remove-filter-btn{background:none;border:none;color:#dc3545;font-size:1.2rem;cursor:pointer;padding:0 8px}.remove-filter-btn:hover{color:#a71d2a}.timing-range-sliders{display:flex;flex-direction:column;gap:12px;flex-grow:1}.slider-container{display:flex;align-items:center;gap:8px;color:#000}.timing-slider{flex-grow:1}.time-label{min-width:100px;font-family:monospace;font-size:.9rem}.filter-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.apply-filters-btn{background-color:#ff0303;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.apply-filters-btn:hover{background-color:#218838}.apply-filters-btn.active{background-color:#218838;box-shadow:inset 0 0 0 2px #1e7e34}.filter-toggle{display:flex;align-items:center;gap:8px;color:#000;padding:.5em 1em;background-color:#f8f8ff;border:2px solid black;border-radius:20px;transition:.2s ease}.filter-toggle:hover{background-color:#363636;color:#fff}.filter-toggle input[type=checkbox]{margin:0}.modal-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.standards-modal{background:#fff;padding:20px;border-radius:5px;min-width:30%;box-shadow:0 5px 15px #0000004d}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.modal-buttons-bar{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-buttons-bar button{background-color:#599ae3}.modal-buttons-bar button:hover{background-color:#0056b3}