:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--bg-sidebar:#f8f7f9;--border:#e5e4e7;--accent:#aa3bff;--accent-hover:#8e2de2;--accent-bg:#aa3bff1a;--error:#ef4444;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--sidebar-width:400px;--header-height:60px;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--text:#a1a1aa;--text-h:#f4f4f5;--bg:#09090b;--bg-sidebar:#121214;--border:#27272a;--accent:#c084fc;--accent-hover:#a855f7;--accent-bg:#c084fc1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit;font-size:14px}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.share-banner{color:#f5f5f5;background:#1a1a1a;border-bottom:1px solid #333;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex}.share-banner-btn{background:var(--accent,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.app-panel-group{flex:1;min-height:0;width:100%!important;height:100%!important}.video-pane{background-color:#000;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.sidebar-pane{width:var(--sidebar-width);min-width:var(--sidebar-width);background-color:var(--bg-sidebar);border-left:1px solid var(--border);flex-direction:column;height:100%;display:flex}.pane-header{height:var(--header-height);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.video-content{box-sizing:border-box;flex:1;justify-content:center;align-items:center;min-height:0;padding-bottom:96px;display:flex;position:relative;overflow:hidden;container-type:size}.video-wrapper{max-width:100%;max-height:100%;line-height:0;display:inline-block;position:relative}.video-player{object-fit:contain;width:auto;max-width:100cqw;height:auto;max-height:100cqh;display:block}.drawing-canvas{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.drawing-canvas.active{pointer-events:auto;cursor:crosshair}.saved-drawing{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.attachment-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.attachment-item{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.attachment-item a{color:var(--accent);align-items:center;gap:6px;text-decoration:none;display:flex}.attachment-item a:hover{text-decoration:underline}.icon-button{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.icon-button:hover{background-color:var(--border);color:var(--text-h)}.icon-button.active{background-color:var(--accent-bg);color:var(--accent)}.video-controls{background:linear-gradient(#0000,#000000b3);padding:20px;position:absolute;bottom:0;left:0;right:0}.sidebar-scroll{flex-direction:column;flex:1;gap:20px;min-height:0;padding:20px;display:flex;overflow-y:hidden}.focus-area{border:2px dashed var(--border);background-color:var(--bg);border-radius:8px;flex-direction:column;flex-shrink:0;max-height:40%;padding:15px;display:flex;overflow-y:auto}.bug-history{flex-direction:column;flex:1;min-height:0;display:flex}.bug-list{flex:1;padding-right:4px;overflow-y:auto}.empty-state{height:100%;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.primary-button{background-color:var(--accent);color:#fff;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:background-color .2s;display:flex}.primary-button:hover{background-color:var(--accent-hover)}.active-bug-card{background-color:var(--bg);border:1px solid var(--border);color:var(--text-h);border-radius:12px;margin-top:12px;padding:16px;transition:all .2s;animation:.3s ease-out fadeIn;box-shadow:0 4px 6px -1px #0000000d}.active-bug-card:hover{border-color:var(--accent);box-shadow:0 10px 15px -3px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.bug-item{background-color:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.bug-item:hover{border-color:var(--accent);transform:translate(4px);box-shadow:0 4px 6px -1px #0000001a}.scrubber-container{align-items:center;width:100%;height:40px;margin-bottom:10px;display:flex;position:relative}.scrubber-track{cursor:pointer;background-color:#fff3;border-radius:3px;width:100%;height:6px;position:relative}.scrubber-progress{background-color:var(--accent);border-radius:3px;height:100%;position:absolute;top:0;left:0}.scrubber-handle{background-color:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #00000080}.bug-marker{opacity:.8;z-index:1;background-color:#ef4444;border-radius:2px;height:12px;position:absolute;top:50%;transform:translateY(-50%)}.speed-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #0000;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s}.speed-btn:hover{background:#fff3}.speed-btn.active{background:var(--accent);border-color:var(--accent);font-weight:700}.dashboard-container{width:100%;height:100%;padding:40px;overflow-y:auto}.breadcrumb{color:var(--text-h);flex-wrap:wrap;align-items:center;gap:6px;font-size:16px;font-weight:600;display:flex}.breadcrumb-link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;font-weight:600}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{opacity:.45}.folder-card{border-style:dashed}.session-card-body{flex:1;padding:16px}.session-card-footer{border-top:1px solid var(--border);opacity:.85;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.session-meta{opacity:.7;flex-wrap:wrap;gap:12px;margin:8px 0;font-size:13px;display:flex}.session-meta span{align-items:center;gap:4px;display:inline-flex}.upload-progress-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upload-progress-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;width:400px;padding:30px;box-shadow:0 20px 25px -5px #0003}.progress-bar-bg{background:#ffffff1a;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:var(--accent);height:100%;transition:width .3s}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.search-filter-bar{gap:15px;margin-bottom:30px;display:flex}.search-input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;flex:1;padding:10px 15px}.session-list-header{background:var(--bg);border-bottom:2px solid var(--border);color:var(--text-h);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:20px;padding:12px 20px;font-size:11px;font-weight:600;display:flex}.session-list-header .sortable{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;transition:color .2s;display:flex}.session-list-header .sortable:hover,.session-list-header .sortable.active{color:var(--accent)}.header-search-wrapper{background:var(--bg);border:1px solid var(--accent);border-radius:4px;align-items:center;width:100%;padding:2px 8px;display:flex;position:relative}.header-search-input{color:var(--text-h);text-transform:none;background:0 0;border:none;outline:none;width:100%;padding:2px 0;font-size:12px}.clear-search{cursor:pointer;opacity:.6;flex-shrink:0;transition:opacity .2s}.clear-search:hover{opacity:1}.session-list-item{align-items:center;gap:20px;width:100%;display:flex}.col-title{text-overflow:ellipsis;white-space:nowrap;flex:2.5;min-width:0;font-weight:600;overflow:hidden}.col-date{opacity:.8;flex:1;min-width:80px;font-size:13px}.col-author{opacity:.8;text-overflow:ellipsis;white-space:nowrap;flex:1.2;min-width:0;overflow:hidden}.col-tags{flex:2;min-width:0}.col-stats{text-align:center;font-variant-numeric:tabular-nums;width:50px}.col-actions{text-align:right;width:30px}.session-list .session-card{border-bottom:1px solid var(--border);box-shadow:none;border-top:none;border-left:none;border-right:none;border-radius:0;flex-direction:row;gap:0;margin-bottom:0;padding:12px 20px}.session-list .session-card:last-child{border-bottom:1px solid var(--border)}.session-list .session-card:hover{box-shadow:none;background:#ffffff08;transform:none}.session-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.session-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.session-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.tag-chip{background:var(--accent-bg);color:var(--accent);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.spinner{border:3px solid #ffffff1a;border-top-color:#ef4444;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.saving-line{background:var(--accent);z-index:100;height:2px;animation:1.5s infinite pulse;position:absolute;top:0;left:0;right:0}@keyframes pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.resize-handle{cursor:col-resize;background-color:#0000;width:4px;transition:background-color .2s;position:relative}.resize-handle:hover,.resize-handle:active{background-color:var(--accent)}.resize-handle:after{content:"";background-color:var(--border);border-radius:1px;width:2px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg);width:400px;max-width:90%;box-shadow:var(--shadow);border-radius:12px;padding:25px}.login-container{background:var(--bg-sidebar);width:100vw;height:100vh;display:flex}.login-brand-panel{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);color:#fff;flex-direction:column;flex:1;justify-content:center;padding:60px;display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.login-brand-content{z-index:1;max-width:500px;position:relative}.login-brand-content h1{color:#fff;letter-spacing:-1px;margin-bottom:24px;font-size:42px}.login-brand-content p{opacity:.9;margin-bottom:30px;font-size:18px;line-height:1.6}.login-features{margin:0;padding:0;list-style:none}.login-features li{opacity:.85;align-items:center;gap:12px;margin-bottom:16px;font-size:15px;display:flex}.login-form-panel{background:var(--bg);z-index:2;flex-direction:column;justify-content:center;width:480px;padding:60px;display:flex;position:relative;box-shadow:-10px 0 30px #0000000d}.login-card{width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.login-card h2{color:var(--text-h);margin-bottom:8px;font-size:28px}.login-card>p{color:var(--text);opacity:.8;margin-bottom:32px}.form-group{margin-bottom:24px}.form-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-input{border:1px solid var(--border);background:var(--bg-sidebar);border-radius:8px;width:100%;padding:12px 16px;font-size:15px;transition:all .2s}.form-input:focus{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.login-btn{margin-top:10px;padding:14px 20px;font-size:16px}.login-google-section{margin-top:24px}.login-divider{color:var(--text);opacity:.55;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;margin-bottom:20px;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-google-button{justify-content:center;min-height:44px;display:flex}.status-chip{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.status-pending{color:#92400e;background:#fef3c7}.status-valid{color:#166534;background:#dcfce7}.status-picked{color:#3730a3;background:#e0e7ff}.status-fixed{color:#6b21a8;background:#f3e8ff}.status-verified{color:#065f46;background:#ecfdf5}.comment-item{border-bottom:1px solid var(--border);padding:12px}.comment-meta{opacity:.6;justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.history-item{border-left:2px solid var(--accent);background:var(--bg-sidebar);margin-bottom:8px;padding:8px 12px;font-size:13px}.diff-old{color:var(--error);opacity:.7;text-decoration:line-through}.diff-new{color:var(--accent);font-weight:600}.inspector-panel{flex-direction:column;height:100%;display:flex}.inspector-tabs{border-bottom:1px solid var(--border);display:flex}.tab-btn{cursor:pointer;opacity:.5;background:0 0;border:none;flex:1;padding:12px;font-size:14px;font-weight:600}.tab-btn.active{opacity:1;border-bottom:2px solid var(--accent)}.filter-bar{border-bottom:1px solid var(--border);gap:8px;margin-bottom:15px;padding:12px 0;display:flex;overflow-x:auto}.filter-select{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:12px}.clickable-focus-area{cursor:copy;border-radius:8px;transition:background-color .2s}.clickable-focus-area:hover{background-color:var(--accent-bg)}.session-list{flex-direction:column;gap:15px;display:flex}.session-list .session-card{flex-flow:wrap;align-items:center;padding:15px 20px}.session-list .session-card>div:first-child{flex:1;min-width:250px;align-items:center!important}.session-list .session-card .tag-list{margin-left:auto;margin-right:20px}.session-list .session-card>div:last-child{margin-top:0!important}