@import "https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";:root{--text1-color:#f0f0f0;--text2-color:#a4a4a4;--accent1-color:#999;--accent2-color:#3bbb8e;--accent3-color:#3bbb8e49;--background1-color:#171717;--background2-color:#2c2c2c;--background3-color:#232323;--border-color:#3a3a3a;--success-color:#22946e;--warning-color:#c48d2f;--danger-color:#d94a4a;--info-color:#21498a;--link-color:#bcd9f8;--link-border-color:#347ecd;--text-xl:1.875rem;--text-l:1.5rem;--text-m:1.25rem;--text-s:1rem;--text-xs:.938rem;--text-xxs:.875rem}*{box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;color:var(--text1-color);margin:0;padding:0;font-family:Google Sans,sans-serif}body{background-color:var(--background1-color)}.main{height:calc(100vh - 60px);display:flex}h1{font-size:var(--text-xl)}h2{font-size:var(--text-l)}h3{font-size:var(--text-m)}h4{font-size:var(--text-s)}p{color:var(--text2-color);font-size:var(--text-xs)}a{color:var(--text2-color);font-size:var(--text-xs);text-decoration:none}.toolbar{background-color:var(--background2-color);justify-content:space-between;align-items:center;padding:5px 20px;display:flex}.toolbar-left{align-items:center;gap:20px;display:flex}#logo{width:40px;height:40px}#app-name{color:var(--text1-color);font-size:var(--text-xl)}.toolbar-right{flex-direction:row-reverse;align-items:center;gap:30px;display:flex}.toolbar-right button{width:50px;height:50px;color:var(--text1-color);font-size:var(--text-s);cursor:pointer;background-color:#0000;border:none;border-radius:10px;align-items:center;padding:10px;transition:background-color .3s;display:flex}.toolbar-right button:hover{background-color:var(--background3-color)}.toolbar-right button img{filter:invert(90%);width:100%;height:100%}.workflow{background-color:var(--background3-color);flex-direction:column;width:400px;height:100%;padding:20px;display:flex}.workflow-label{color:var(--text1-color)}.step{gap:15px;margin-top:20px;display:flex}.step .step-num{background-color:var(--accent1-color);width:25px;height:25px;color:var(--text1-color);border-radius:50%;justify-content:center;align-items:center;transition:background-color .3s;display:flex}.step.done .step-num{background-color:var(--success-color)}.step.inprogress .step-num{background-color:var(--warning-color)}.step-text{flex-direction:column;gap:10px;width:calc(100% - 40px);padding:3px 0;display:flex}.connector{background:var(--accent1-color);width:1px;height:30px;margin-left:12px}.workflow .progress{flex-direction:column;gap:10px;margin-top:auto;display:flex}.about-me .progress-label{width:38px;font-size:var(--text-xxs);text-align:right;opacity:.7;flex-shrink:0}.progress .progress-bar{background-color:#ffffff26;border-radius:100px;flex:1;height:10px;overflow:hidden}.progress .progress-fill{width:var(--level);background-color:var(--warning-color);border-radius:100px;height:100%;transition:width .6s}.progress .progress-fill.completed{background-color:var(--success-color)}.card-container{scrollbar-width:none;flex-direction:column;align-items:center;gap:20px;width:calc(100vw - 400px);height:100%;padding:20px;display:flex;overflow-y:scroll}.card{border-style:solid;border-width:1px;border-color:var(--border-color);border-radius:20px;width:90%;max-width:1000px;padding:20px}.card-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.card-header .left{align-items:center;gap:10px;display:flex}.card-number{border-style:solid;border-width:2px;border-color:var(--accent1-color);width:28px;height:22px;color:var(--text1-color);border-radius:11px;justify-content:center;align-items:center;transition:background-color .3s,border-color .3s;display:flex}.card.done .card-number{background-color:var(--success-color);border-style:none}.card.inprogress .card-number{border-color:var(--warning-color)}.card.final{background-color:var(--background2-color);border-style:none;flex-direction:column;gap:20px;margin-top:auto;display:flex}.statuses{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.statuses .item{border-style:solid;border-width:1px;border-color:var(--border-color);border-radius:10px;align-items:center;gap:10px;padding:10px;transition:border-color .3s;display:flex}.statuses .item.done{border-color:var(--success-color)}.statuses .item.inprogress{border-color:var(--warning-color)}.dot{background-color:var(--accent1-color);border-radius:50%;width:7px;height:7px;transition:background-color .3s}.statuses .item.done .dot{background-color:var(--success-color)}.statuses .item.inprogress .dot{background-color:var(--warning-color)}.card.final .container{gap:10px;width:100%;display:flex}.button-cluster{grid-template-columns:1fr 1fr;gap:10px;min-width:calc(50% - 5px);display:grid}.button-cluster button{border-style:solid;border-width:1px;border-color:var(--border-color);background-color:var(--background3-color);color:var(--text2-color);font-size:var(--text-s);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:10px;display:flex}.button-cluster button img{filter:invert(60%);width:16px;height:16px}.button-cluster button.locked{opacity:.5;cursor:not-allowed}.button-cluster #visualize{grid-column:1/-1}.container .description{background-color:var(--background3-color);min-width:calc(50% - 5px);color:var(--text2-color);text-align:justify;border-radius:10px;padding:10px 15px}.card#Upload .card-content{flex-direction:column;gap:15px;display:flex}.upload-area{border:1px dashed var(--border-color);cursor:pointer;border-radius:15px;justify-content:center;align-items:center;width:100%;height:150px;transition:background-color .3s;display:flex}.upload-area:hover,.upload-area.drag-over{background:var(--background3-color)}.upload-area.hidden{display:none}.preview-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.preview-grid.hidden{display:none}.preview-card{border:1px solid var(--border-color);aspect-ratio:16/9;background:#111;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview-card video{object-fit:cover;width:100%;height:100%}.preview-card .filename{color:#fff;font-size:var(--text-xxs);white-space:nowrap;background:#00000080;padding:4px 8px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.remove-btn{color:#fff;width:22px;height:22px;font-size:var(--text-xxs);cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .3s;display:flex;position:absolute;top:6px;right:6px}.remove-btn:hover{background:#c83232cc}.card#Sync .card-header .right button{border:1px solid var(--link-border-color);background-color:var(--link-color);color:var(--link-border-color);cursor:pointer;border-radius:5px;padding:5px 15px;transition:background-color .3s,color .3s}.card#Sync .card-header .right button:hover{background-color:var(--link-border-color);color:var(--link-color)}.cam-container{grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.cam{border:1px solid var(--border-color);border-radius:15px;flex-direction:column;gap:20px;width:100%;padding:15px;display:flex}.data-container{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.info{flex-direction:column;gap:5px;display:flex}.info .value-unit{align-items:center;gap:5px;display:flex}.info .value{color:var(--text1-color)}.SyncEditor{z-index:100;background:var(--background1-color);display:none;position:fixed;inset:0}.SyncEditor.active{display:block}.SyncEditor .video-container{grid-template-columns:1fr 1fr;gap:2px;display:grid}.SyncEditor .video-container .video{background:#111;flex-direction:column;min-width:0;display:flex;position:relative}.SyncEditor video{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto}.SyncEditor .video-label{color:#fff;font-size:var(--text-xxs);white-space:nowrap;background:#00000080;padding:5px 10px;position:absolute;top:0;left:0;right:0;overflow:hidden}.SyncEditor .empty-video{color:#444;font-size:var(--text-xxs);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.SyncEditor .player-controls{background-color:var(--background3-color);grid-template-columns:1fr auto 1fr;padding:0 100px;display:grid;position:relative}.SyncEditor .player-controls .player{justify-content:center;align-items:center;gap:10px;margin:10px 0;display:flex}.SyncEditor .player-controls button{border:1px solid var(--border-color);background-color:var(--background3-color);color:var(--text1-color);font-size:var(--text-xxs);cursor:pointer;border-radius:5px;padding:5px 15px;transition:background-color .3s,color .3s}.SyncEditor .player-controls button:hover{background-color:var(--border-color);color:var(--background3-color)}.trim-header{color:var(--text2-color);font-size:var(--text-xs);text-align:center;margin-top:10px;margin-bottom:10px}.trim-controls{grid-template-columns:1fr auto 1fr;padding:0 15px;display:grid}.trim-control{flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.trim-control .control{justify-content:center;align-items:center;gap:15px;margin-bottom:15px;display:flex}.trim-control .control button{border:1px solid var(--border-color);background-color:var(--background1-color);color:var(--text1-color);font-size:var(--text-xxs);cursor:pointer;border-radius:5px;padding:5px 15px;transition:background-color .3s,color .3s}.trim-control .control button:hover{background-color:var(--border-color);color:var(--background1-color)}.trim-controls .divider{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.divider .line{background-color:var(--border-color);width:1px;height:100px}.link-unlink{width:30px;height:30px}.divider img{filter:invert();object-fit:contain;width:30px;height:30px}.trim-track{background-color:var(--background3-color);border-radius:8px;width:100%;height:40px;position:relative;overflow:hidden}.trim-selection{top:0;right:calc(100% - var(--end));bottom:0;left:var(--start);z-index:1;box-sizing:border-box;border:3px solid var(--accent2-color);background-color:var(--accent3-color);cursor:grab;position:absolute}.trim-selection:active{cursor:grabbing}.handle{background-color:var(--accent2-color);cursor:ew-resize;justify-content:center;align-items:center;width:12px;display:flex;position:absolute;top:-3px;bottom:-3px}.handle:after{content:"";background:#0000004d;width:2px;height:15px}.handle-left{border-radius:6px 0 0 6px;left:-3px}.handle-right{border-radius:0 6px 6px 0;right:-3px}.playhead{top:-5px;bottom:-5px;left:var(--pos);z-index:20;cursor:ew-resize;background-color:#ffe341;border-radius:2px;width:3px;position:absolute;box-shadow:0 0 5px #00000080}.card#RefDim .card-content{gap:10px;display:flex}.card#RefDim .card-header .right{flex-direction:row;gap:30px;display:flex}.input-group{flex-direction:column;gap:5px;display:flex}.input-container{grid-template-columns:repeat(3,1fr);align-content:center;gap:10px;width:calc(50% - 5px);display:grid}.input-group input{border:.5px solid var(--border-color);background:var(--color-background-secondary);width:100%;color:var(--color-text-primary);font-size:var(--text-xxs);border-radius:5px;outline:none;padding:7px 32px 7px 10px}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}#refObjDiagram{border:.5px solid var(--border-color);aspect-ratio:16/9;border-radius:15px;width:calc(50% - 5px);height:auto;overflow:hidden}