:root{color-scheme:dark;--bg:#121416;--surface:#1a1d20;--elevated:#23272b;--line:#34393f;--muted:#a4adb6;--text:#f0f2f4;--accent:#c5f36b;--accent-ink:#19200d;--danger:#ff8994;--edit:#80b9ff;--ai:#caabff;--vfx:#ab98ee;--color:#f7b477;--sound:#80d4bb;--titles:#76d5e4;--general:#c0c7cc;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,input,select,textarea{border:1px solid var(--line);border-radius:7px}input,textarea,select{background:#14171a;color:var(--text);padding:10px 12px;min-width:0}textarea{width:100%;resize:vertical}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px}select{font-size:.875rem;min-height:40px;max-width:100%}label{font-size:.875rem;color:var(--muted)}label input:not([type=checkbox]),label select{display:block;width:100%;margin-top:5px}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;line-height:1.2;letter-spacing:-.04em}h2{font-size:1.375rem;line-height:1.25;letter-spacing:-.025em}h3{font-size:1.05rem}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:650;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 15px;font-weight:550;font-size:.875rem;background:var(--elevated);white-space:nowrap}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button.primary:hover{background:#d2ff81}.button.subtle{background:transparent}.button.danger{color:var(--danger)}.button.full{width:100%}.icon-button{min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-color:transparent;background:transparent;font-size:1.35rem}.icon-button:hover,.text-button:hover{background:#ffffff0c}.text-button{background:transparent;border:0;padding:5px;color:var(--muted);font-size:.875rem}.text-button.active,.text-button[aria-pressed=true]{color:var(--accent)}.badge{display:inline-flex;align-items:center;white-space:nowrap;font-size:.75rem;padding:4px 8px;border:1px solid var(--line);border-radius:5px;color:var(--muted);line-height:1.2}.badge.ready,.badge.approved{color:var(--accent);background:#c5f36b0b;border-color:#c5f36b35}.badge.processing,.badge.queued,.badge.high{color:#ffd088;border-color:#a47f4450}.badge.failed{color:var(--danger)}.error{color:var(--danger);font-size:.875rem;margin:10px 0}.brand{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:700;letter-spacing:.055em;white-space:nowrap}.brand b{font-weight:450;color:var(--muted);margin-left:4px}.brand-mark{width:31px;height:31px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);border-radius:7px;font-weight:800;font-size:1.25rem}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 24px;position:sticky;top:0;z-index:20;background:#121416f5;backdrop-filter:blur(16px)}.top-title{min-width:0;display:flex;gap:12px;align-items:center;flex:1;font-size:.875rem}.top-title>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{display:flex;gap:10px;align-items:center}.avatar{background:#30363c;border:1px solid #465059;min-width:35px;width:35px;height:35px;border-radius:50%;font-size:.75rem;font-weight:700}.app-body{display:flex;min-height:calc(100dvh - 74px)}.sidebar{width:215px;flex-shrink:0;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 13px;gap:15px}.sidebar-top{padding-left:10px;display:flex;align-items:center;justify-content:space-between}.sidebar nav{display:flex;flex-direction:column;gap:4px}.project-nav{display:flex;gap:10px;align-items:center;padding:12px 10px;border:1px solid transparent;background:transparent;text-align:left;font-size:.875rem;width:100%;border-radius:6px;color:var(--muted)}.project-nav span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-nav.active{background:#c5f36b0d;border-color:#c5f36b24;color:var(--accent)}.project-nav:hover{background:#ffffff05}.sidebar-footer{margin-top:auto;padding:20px 10px 0;display:flex;flex-direction:column;gap:8px;font-size:.75rem;color:#76818b}main{min-width:0;flex:1;padding:24px}.welcome{max-width:1200px;margin:28px auto}.welcome-heading{margin-bottom:36px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:28px}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;text-align:left;padding:0}.project-card:hover{border-color:#728344}.project-card-image{aspect-ratio:16/9;display:grid;place-items:center;background:#0d1012;overflow:hidden}.project-card-image img{width:100%;height:100%;object-fit:cover}.project-card-image svg{width:38px;height:38px;color:#485159}.project-card-info{padding:17px}.project-card-info h3{margin-bottom:9px}.project-card-info>div{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;color:var(--muted)}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.version-pick{display:flex;gap:10px;align-items:center;min-width:0}.version-pick>label{font-size:.8rem}.version-pick select{max-width:280px}.workspace-actions{display:flex;gap:8px}.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:20px;align-items:start}.video-column{min-width:0}.player-shell{background:#090b0d;border:1px solid var(--line);border-radius:9px;overflow:hidden}.player-head{display:flex;gap:12px;align-items:center;padding:8px 13px;background:#171a1d;font-size:.8rem;min-height:43px}.player-head>span:first-child{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-head .icon-button{min-height:26px;min-width:26px}.stage{position:relative;min-height:200px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#050607;overflow:hidden}.video-frame{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;width:100%}.video-frame video{width:100%;height:100%;object-fit:contain;display:block}.video-frame>img,.video-frame>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.video-frame>canvas{pointer-events:none}.video-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;background:radial-gradient(ellipse at center,#1b2229,#0c1014 70%)}.empty-icon svg{width:42px;height:42px;color:var(--accent);margin-bottom:18px}.video-empty h2{margin-bottom:8px}.video-empty p{font-size:.875rem;color:var(--muted)}.frame-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#111820c9;font-size:.875rem;z-index:5;pointer-events:none}.player-controls{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 12px}.transport,.play-options{display:flex;align-items:center;gap:5px}.transport .icon-button,.play-options .icon-button{min-height:32px;min-width:30px}.play-button{width:36px;height:36px;display:grid;place-items:center;background:#e8edf2;color:#141719;border:0}.timecode{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem;white-space:nowrap}.transport .timecode{margin-left:5px}.time-divider{font-size:.8rem;color:#535c65}.play-options select{min-height:32px;padding:3px 5px;border:0;background:transparent;width:58px}.comment-trigger{min-height:35px;padding:7px 10px}.timeline-wrap{padding:1px 18px 13px}.timeline-top{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--muted);margin-bottom:4px}.timeline{position:relative;height:35px;background:linear-gradient(transparent 16px,#454e57 16px,#454e57 19px,transparent 19px)}.timeline input{position:absolute;inset:0;width:100%;height:35px;padding:0;margin:0;appearance:none;background:transparent;border:0;z-index:4;cursor:pointer}.timeline input::-webkit-slider-thumb{appearance:none;width:3px;height:26px;background:var(--accent);border-radius:1px;box-shadow:0 0 0 2px #06080a}.timeline input::-moz-range-thumb{width:3px;height:26px;background:var(--accent);border:0}.timeline-marker{position:absolute;top:5px;width:6px;height:7px;border-radius:2px;transform:translateX(-50%)}.timeline-cut{position:absolute;top:14px;width:1px;height:8px;background:#788592}.timeline-ticks{display:flex;justify-content:space-between;color:#929da7;font-size:.7rem;font-variant-numeric:tabular-nums}.timeline #range-highlight{position:absolute;height:12px;top:12px;background:#c5f36b38;border-left:2px solid var(--accent);border-right:2px solid var(--accent);display:none}.shot-bar{display:flex;align-items:center;gap:10px;margin:22px 0 12px}.shot-bar>.muted{flex:1;font-size:.8rem}.shots{display:flex;gap:8px;overflow-x:auto;padding-bottom:7px;scrollbar-color:#40484e transparent;min-height:80px}.shot{width:116px;min-width:116px;padding:0;background:#181c20;border:1px solid var(--line);border-radius:6px;overflow:hidden;text-align:left}.shot.active{border-color:var(--accent)}.shot img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#0c1014}.shot span{display:flex;justify-content:space-between;padding:6px;font-size:.68rem;color:var(--muted)}.shot.active span{color:var(--accent)}.version-note{border-top:1px solid var(--line);margin-top:15px;padding-top:15px;font-size:.875rem;color:var(--muted);white-space:pre-wrap}.notes-panel{background:var(--surface);border:1px solid var(--line);border-radius:9px;min-width:0;overflow:hidden;min-height:570px;max-height:calc(100dvh - 163px);display:flex;flex-direction:column}.notes-tabs{display:flex;gap:20px;padding:0 16px;border-bottom:1px solid var(--line)}.tab{border:0;background:transparent;min-height:52px;border-radius:0;color:var(--muted);font-size:.9rem;display:flex;align-items:center;gap:8px;border-bottom:2px solid transparent}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab span{font-size:.7rem;background:#32383d;border-radius:4px;padding:1px 6px}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:14px 13px 6px}.filter-row select{width:100%;padding:7px 8px;font-size:.8rem;min-height:35px}.notes-tools{display:flex;align-items:center;gap:8px;padding:5px 14px 13px;font-size:.75rem}.notes-tools .checkbox{margin-right:auto;font-size:.8rem;display:flex;gap:6px;align-items:center}.notes-tools .text-button{font-size:.8rem}.notes-list{padding:0 13px 14px;overflow-y:auto;flex:1;scrollbar-color:#434c54 transparent}.note{padding:15px 12px;border:1px solid var(--line);border-radius:7px;margin-bottom:9px;background:#202428;position:relative}.note.selected{border-color:var(--accent)}.note-head{display:flex;gap:8px;align-items:center;margin-bottom:10px}.note-author{font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.note-date{font-size:.7rem;color:var(--muted)}.note-time{display:inline-flex;gap:5px;align-items:center;font-family:ui-monospace,monospace;font-size:.75rem;color:var(--accent);border:0;background:#c5f36b0c;border-radius:4px;padding:4px 6px;margin-bottom:8px}.note-body{font-size:.9rem;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 11px;line-height:1.5}.note-footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.75rem}.department{display:inline-flex;align-items:center;gap:5px;color:var(--dep);font-size:.75rem}.department:before{content:"";width:6px;height:6px;border-radius:2px;background:var(--dep)}.note-footer .visibility{margin-left:auto;color:var(--muted);font-size:.7rem}.note-actions{border-top:1px solid var(--line);margin-top:12px;padding-top:8px;display:flex;gap:7px;justify-content:space-between;flex-wrap:wrap}.note-actions button{font-size:.8rem;min-height:30px;padding:4px 7px}.note-assignee{margin-top:8px;display:flex;gap:6px;color:var(--muted);font-size:.75rem}.notes-empty{padding:45px 15px;text-align:center;color:var(--muted);font-size:.9rem}.notes-empty svg{width:33px;height:33px;margin-bottom:15px;color:#83939f}.notes-empty strong{display:block;color:var(--text);font-weight:550;margin-bottom:8px}.notes-empty p{max-width:250px;margin:0 auto}.note-attachments{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.note-attachments img{width:58px;height:42px;object-fit:cover;border-radius:4px;border:1px solid var(--line)}.reply{border-left:2px solid #424d56;padding-left:10px;margin-top:12px;font-size:.8rem}.reply strong{display:block;font-size:.75rem;color:var(--muted);margin-bottom:4px}.reply p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.upload-progress{padding:16px;background:var(--surface);border:1px solid var(--accent);border-radius:8px;margin-top:18px;font-size:.8rem}.upload-progress>div:first-child{display:flex;gap:10px;justify-content:space-between}.upload-progress strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}progress{accent-color:var(--accent);width:100%;height:6px;border:0;margin:12px 0}.upload-bottom{display:flex;align-items:center;gap:8px;color:var(--muted)}.upload-bottom>span{flex:1}.modal,.composer{padding:0;color:var(--text);background:var(--surface);border:1px solid #465058;border-radius:12px;max-width:calc(100vw - 28px);width:540px;max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 24px 100px #0009}.modal::backdrop,.composer::backdrop{background:#03070abc;backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);gap:15px}.modal-header h2{margin:0}.modal-header .eyebrow{display:block;font-size:.65rem;margin-bottom:5px}#modal-body{padding:22px}.form-stack{display:flex;flex-direction:column;gap:16px}.form-stack label{display:block}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.form-stack>p{margin:0;font-size:.875rem}.modal-list{display:flex;flex-direction:column;gap:10px}.modal-list-item{padding:12px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:10px;font-size:.875rem}.modal-list-item>div{flex:1;min-width:0;overflow-wrap:anywhere}.modal-list-item small{display:block;color:var(--muted);margin-top:4px}.share-url{width:100%;font-size:.8rem;word-break:break-all;min-height:75px}.inline-error{color:var(--danger);font-size:.875rem}.composer{width:850px}.composer-preview{position:relative;background:#080b0d;display:flex;justify-content:center;min-height:100px;max-height:45dvh;overflow:hidden}.composer-preview img{display:block;max-width:100%;max-height:45dvh;width:auto;height:auto;object-fit:contain}.composer-preview canvas{position:absolute;touch-action:none;cursor:crosshair}.drawing-tools{display:flex;justify-content:space-between;gap:12px;padding:10px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#1b1f23}.tool-group,.color-group{display:flex;gap:4px;align-items:center}.tool-group button{min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border-color:transparent}.tool-group button.active{background:#c5f36b16;color:var(--accent);border-color:#c5f36b50}.color-group button{width:22px;height:22px;border-radius:50%;background:var(--swatch);border:3px solid var(--surface);box-shadow:0 0 0 1px transparent}.color-group button.active{box-shadow:0 0 0 1px #f0f3f5}#composer-form{padding:16px 20px 18px}.range-form{display:flex;align-items:center;gap:12px;margin-bottom:13px;flex-wrap:wrap}.range-form>select{max-width:150px}.frame-range{display:flex;gap:7px}.frame-range label{display:flex;align-items:center;font-size:.75rem;gap:5px}.frame-range input{margin:0;width:84px;font-size:.8rem;padding:7px}.composer-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.composer-footer{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:14px}.composer-footer .muted{font-size:.75rem;flex:1}.attachments{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.attachment-chip{font-size:.75rem;display:flex;align-items:center;gap:5px;background:var(--elevated);padding:4px 7px;border-radius:5px}.attachment-chip button{border:0;background:transparent}.auth-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.auth-card{max-width:470px;width:100%;margin:auto;padding:50px}.auth-card .brand{margin-bottom:70px}.auth-card .eyebrow{margin-bottom:12px}.auth-card h1{margin-bottom:14px}.auth-card form{margin-top:30px}.auth-card form label{display:block;margin-bottom:15px}.auth-footer{font-size:.75rem;color:var(--muted);margin-top:28px}.auth-side{padding:60px;display:flex;flex-direction:column;justify-content:center;position:relative;border-left:1px solid var(--line);background:#1b2327}.auth-side h2{font-size:clamp(2.5rem,4vw,4.5rem);line-height:1.06;letter-spacing:-.06em;font-weight:550}.auth-sequence{color:var(--accent);font-size:.8rem;letter-spacing:.14em;margin-bottom:34px}.auth-side>p{position:absolute;bottom:35px;left:60px;font-size:.75rem;color:#aab5bc;letter-spacing:.18em}.film-rule{height:50px;border-top:1px solid #465c63;border-bottom:1px solid #465c63;display:flex;margin-top:40px}.film-rule i{border-right:1px solid #465c63;flex:1}.film-rule i:nth-child(3){background:var(--accent)}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#e9eee4;color:#17200f;padding:13px 20px;border-radius:8px;box-shadow:0 10px 40px #0007;z-index:2000;font-size:.9rem;max-width:calc(100vw - 30px);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}#toast.visible{opacity:1;transform:translate(-50%,0)}.player-shell.expanded{position:fixed;inset:12px;z-index:1000;display:flex;flex-direction:column;border-color:#657345}.player-shell.expanded .stage{flex:1;min-height:0;aspect-ratio:auto}.player-shell.expanded .video-frame{max-height:100%;width:auto;height:100%}.player-shell.expanded .player-head{min-height:44px}.player-shell.expanded .timeline-wrap{padding-bottom:max(12px,env(safe-area-inset-bottom))}.player-shell.expanded .player-controls{flex-wrap:nowrap}.busy-label{color:var(--accent)}.help-copy{font-size:.8rem;color:var(--muted);margin-top:10px}.print-only{display:none}.checkbox-row{display:flex;align-items:center;gap:8px}.checkbox-row input{display:inline-block;width:auto!important;margin:0!important}.empty-state-inline{color:var(--muted);font-size:.875rem;padding:10px 0}
@media(min-width:1700px){.review-layout{grid-template-columns:minmax(0,1fr) 420px;gap:26px}.sidebar{width:235px}main{padding:28px 30px}.player-controls{padding:13px 18px}.comment-trigger{padding:8px 14px}}
@media(max-width:1250px){.sidebar{width:170px}.review-layout{grid-template-columns:minmax(0,1fr) 315px;gap:14px}main{padding:18px}.player-controls{flex-wrap:wrap}.transport{flex:1}.play-options{flex:1;justify-content:flex-end}.topbar{gap:18px;padding:0 18px}.top-title>span:last-child{display:none}.version-pick>label{display:none}.workspace-actions .button{font-size:.8rem;padding:7px 9px}.time-divider,#duration-code{display:none}.comment-trigger{font-size:.8rem}}
@media(max-width:1000px){.sidebar{display:none}.topbar{height:65px}.app-body{min-height:calc(100dvh - 65px)}.top-title{display:none}.top-actions{margin-left:auto}.review-layout{grid-template-columns:minmax(0,1fr) 310px}.notes-panel{max-height:calc(100dvh - 150px);min-height:520px}.workspace-top{margin-bottom:14px}.workspace-actions{gap:3px}.workspace-actions .button{border:0;padding:6px}.version-pick select{max-width:205px}.player-head #video-specs{display:none}.shot-bar{flex-wrap:wrap}.shot-bar .text-button{font-size:.75rem}.shot{min-width:100px;width:100px}.auth-card{padding:35px}.auth-side{padding:35px}.auth-side>p{left:35px}.auth-card .brand{margin-bottom:50px}}
@media(max-width:760px){.topbar{padding:0 14px;gap:12px;height:62px}.brand{font-size:.72rem;gap:8px}.brand-mark{width:28px;height:28px}.brand b{margin-left:1px}.top-actions{gap:5px}.top-actions .button{min-height:34px;padding:6px 9px;font-size:.75rem}.top-actions #share-btn{font-size:0;gap:0}.top-actions #share-btn svg{font-size:1rem}.avatar{width:30px;min-width:30px;height:30px;font-size:.65rem}main{padding:13px 12px}.workspace-top{gap:8px;align-items:flex-start}.version-pick{gap:6px;flex-wrap:wrap}.version-pick select{max-width:180px;min-height:34px;padding:6px;font-size:.8rem}.version-pick .badge{font-size:.65rem}.workspace-actions{flex-direction:column;gap:0;align-items:flex-end}.workspace-actions .button{font-size:.7rem;min-height:25px;padding:3px 5px}.review-layout{display:flex;flex-direction:column;gap:18px}.video-column{width:100%}.player-controls{padding:10px 9px;gap:5px;flex-wrap:nowrap}.transport{gap:3px}.transport .icon-button{min-width:29px;min-height:34px}.play-button{width:34px;height:34px}.timecode{font-size:.75rem}.transport .timecode{margin-left:4px}.play-options{gap:4px;flex:0}.play-options #mute-btn{display:none}.play-options #speed{display:none}.comment-trigger{font-size:.75rem;min-height:34px;padding:6px 8px}.player-head{padding:7px 10px;font-size:.75rem;min-height:34px}.stage{min-height:140px}.timeline-wrap{padding:0 13px 10px}.timeline-top,.timeline-top .text-button{font-size:.7rem}.shot-bar{margin-top:15px;margin-bottom:9px;gap:8px}.shot{width:92px;min-width:92px}.shots{min-height:67px}.shot span{font-size:.625rem;padding:4px}.version-note{display:none}.notes-panel{width:100%;min-height:300px;max-height:none}.notes-list{max-height:none;overflow:visible}.filter-row{padding-top:10px}.notes-tools{padding-bottom:10px}.notes-tabs{padding:0 14px}.notes-tabs .tab{min-height:47px}.note-body{font-size:1rem}.note-author{font-size:.875rem}.note-time,.note-footer .department{font-size:.8rem}.note-actions button{min-height:36px}.notes-empty{padding:35px 15px}.welcome{margin:15px 0}.welcome h1{font-size:1.7rem}.project-grid{grid-template-columns:1fr 1fr;gap:12px}.project-card-info{padding:12px}.project-card-info h3{font-size:.9rem}.project-card-info>div{font-size:.7rem;flex-wrap:wrap}.auth-screen{display:block}.auth-card{max-width:430px;padding:35px 26px}.auth-card .brand{margin-bottom:65px}.auth-side{display:none}.modal-header{padding:14px 16px}.modal-header h2{font-size:1.2rem}#modal-body{padding:17px}.composer{max-width:100vw;width:100vw;max-height:100dvh;border-radius:0;margin:0;margin-left:auto;min-height:100dvh}.composer .modal-header{padding:10px 15px}.composer-preview,.composer-preview img{max-height:32dvh}.drawing-tools{padding:7px 10px;gap:4px;flex-wrap:wrap}.tool-group button{min-width:34px;min-height:38px}.color-group{gap:6px}.color-group button{width:21px;height:21px}#composer-form{padding:13px 14px max(16px,env(safe-area-inset-bottom))}.range-form{gap:8px;margin-bottom:10px}.range-form>select{max-width:125px;min-height:35px;padding:6px;font-size:.8rem}.frame-range label{font-size:.65rem}.frame-range input{width:62px;font-size:.8rem;padding:6px}.range-form>.timecode{font-size:.7rem}.composer-fields{gap:9px;margin-top:10px}.composer-fields label{font-size:.8rem}.composer-fields select{font-size:.8rem;padding:8px}.composer-footer{gap:7px;flex-wrap:wrap}.composer-footer .muted{order:3;flex-basis:100%;text-align:right}.composer-footer .attach-button{margin-right:auto}.composer #comment-text{font-size:1rem;min-height:90px}.player-shell.expanded{inset:0;border-radius:0}.player-shell.expanded .stage{min-height:0}.player-shell.expanded .video-frame{max-width:100%;height:auto;width:100%;max-height:100%}.player-shell.expanded .video-frame video{max-height:calc(100dvh - 165px)}.player-shell.expanded .play-options #speed,.player-shell.expanded .play-options #mute-btn{display:block}}
@media(max-width:420px){.topbar .brand b{display:none}.top-actions #upload-btn{max-width:110px}.timecode{font-size:.68rem}.transport .icon-button{min-width:25px}.play-button{width:30px;height:32px}.comment-trigger{padding:5px 6px;font-size:.7rem}.workspace-top .badge{display:none}.tool-group{gap:1px}.tool-group button{min-width:32px}.color-group{gap:3px}.color-group button{width:19px;height:19px}}
@media(orientation:landscape) and (max-height:550px){.composer{width:100%;max-width:100%;height:100dvh;max-height:100dvh;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto 1fr auto;margin:0;border-radius:0}.composer .modal-header{grid-column:1/-1;padding:5px 14px}.composer-preview{grid-column:1;grid-row:2;max-height:calc(100dvh - 108px);min-height:0}.composer-preview img{max-height:calc(100dvh - 108px)}.drawing-tools{grid-column:1;grid-row:3;padding:5px;flex-wrap:nowrap}.tool-group button{min-height:31px;min-width:30px}.composer #composer-form{grid-column:2;grid-row:2/4;overflow-y:auto;padding:9px 12px}.composer #comment-text{min-height:60px}.composer .range-form{gap:5px}.composer .composer-fields{margin-top:6px}.composer .composer-footer{margin-top:8px}.composer .attachments{margin-top:0}.composer .composer-footer .muted{display:none}.composer .color-group{gap:2px}.composer .color-group button{width:16px;height:16px}}
@media print{body{background:#fff!important;color:#111!important;font-size:11pt}#app,#auth,#toast,dialog{display:none!important}.print-only{display:block!important}.print-header{border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:20px}.print-task{break-inside:avoid;page-break-inside:avoid;border-bottom:1px solid #ccc;margin-bottom:18px;padding-bottom:18px}.print-task img{max-width:100%;max-height:280px}.print-task p{white-space:pre-wrap}.print-task .print-meta{font-size:9pt;color:#444}.print-task a{color:#24588a;overflow-wrap:anywhere}}

/* Project entry and review workspace */
:root{--surface-soft:#171b1e;--text-soft:#cbd2d7}
body{min-width:320px}button,input,select,textarea{touch-action:manipulation}.button,.icon-button{min-height:44px}.icon-button{min-width:44px}input,select,textarea{font-size:1rem}input:not([type=checkbox]):not([type=range]),select{min-height:44px}.text-button{min-height:36px}.topbar{height:76px;gap:24px;padding-inline:28px;border-color:#2b3035}.topbar .brand-mark{border-radius:9px}.top-title{gap:10px}.top-actions{gap:10px}.top-actions .avatar{width:40px;height:40px;min-width:40px}.app-body{min-height:calc(100dvh - 76px)}main{padding:26px 28px 40px}.sidebar{display:none}#back-projects{display:inline-flex;align-items:center;gap:7px;color:var(--muted);background:transparent;border-color:transparent;font-size:.8rem;white-space:nowrap;padding:8px 10px}#back-projects:hover{background:var(--surface);color:var(--text)}#back-projects svg{width:17px;height:17px}body[data-view=catalog] .top-title{font-size:.8rem}body[data-view=catalog] #back-projects{display:none}.catalog-page{max-width:1180px;margin:38px auto 60px}.catalog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.catalog-heading .eyebrow{font-size:.68rem;letter-spacing:.16em;color:var(--accent);margin-bottom:13px}.catalog-heading h1{font-size:clamp(2rem,3.5vw,3rem);font-weight:600;letter-spacing:-.055em;margin-bottom:12px}.catalog-heading p:last-child{margin:0;max-width:590px;font-size:.95rem;line-height:1.6}.catalog-heading>.button{min-height:46px;padding:10px 18px;flex-shrink:0;margin-bottom:2px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 22px;margin-bottom:6px}.catalog-toolbar input{width:330px;max-width:65%;background:var(--surface);border-color:#333b41;border-radius:9px;padding:11px 14px}.catalog-toolbar input::placeholder{color:#86919b}.catalog-toolbar label{display:flex;align-items:center;gap:8px;max-width:70%;flex:1}.catalog-toolbar label input{max-width:100%;width:330px}.catalog-toolbar #catalog-count{font-size:.8rem;color:var(--muted);white-space:nowrap}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}.project-card{border-color:#343b40;border-radius:12px;transition:border-color .16s,background .16s,transform .16s}.project-card:hover{border-color:#788c54;background:#1f2526;transform:translateY(-2px)}.project-card:focus-visible{outline-offset:5px}.project-card-image{aspect-ratio:16/9;position:relative;background:linear-gradient(135deg,#242d33,#151b1e)}.project-card-image>svg{width:36px;height:36px;color:#718189}.project-card-info{padding:20px}.project-card-kicker{font-size:.65rem!important;letter-spacing:.09em;text-transform:uppercase;color:#9ba8ae!important;line-height:1.5;margin-bottom:8px}.project-card-kicker .badge{font-size:.65rem;letter-spacing:0;text-transform:none;padding:4px 7px}.project-card-info h3{font-size:1.08rem;letter-spacing:-.02em;font-weight:580;line-height:1.35;margin-bottom:10px;overflow-wrap:anywhere}.project-card-info p{font-size:.825rem;color:var(--muted);line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;margin-top:14px;border-top:1px solid #343b40;font-size:.75rem!important;color:#aab5bc!important}.project-card-bottom>span:last-child{color:var(--accent)}.project-lock{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:.75rem}.project-lock svg{width:14px;height:14px}.catalog-empty{grid-column:1/-1;min-height:310px;background:var(--surface-soft);border:1px dashed #46504d;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px}.catalog-empty-symbol{width:58px;height:58px;border:1px solid #68764955;background:#c5f36b0b;border-radius:15px;display:grid;place-items:center;color:var(--accent);font-size:1.5rem;margin-bottom:22px}.catalog-empty-symbol svg{width:26px;height:26px}.catalog-empty h2{font-size:1.2rem;margin-bottom:10px}.catalog-empty p{color:var(--muted);font-size:.9rem;max-width:370px;line-height:1.6;margin:0}.catalog-empty .button{margin-top:24px}.workspace-top{margin-bottom:20px;gap:20px}.workspace-heading{min-width:0;display:flex;flex-direction:column;gap:9px}.workspace-heading h1,.workspace-heading h2,#workspace-title{font-size:1.35rem;font-weight:580;letter-spacing:-.035em;line-height:1.3;margin:0;overflow-wrap:anywhere}.workspace-heading .version-pick{gap:9px}.workspace-heading .version-pick label{font-size:.75rem}.workspace-heading .version-pick select{background:var(--surface);min-height:38px;padding:6px 9px;font-size:.8rem}.workspace-actions{align-items:center;gap:7px;flex-shrink:0}.workspace-actions .button{font-size:.8rem}.review-layout{grid-template-columns:minmax(0,1fr) 372px;gap:22px}.player-shell{border-color:#373e44;border-radius:11px}.player-head{background:#1a1e22;min-height:45px;padding:6px 14px;color:#c3cdd4}.player-head .icon-button{min-width:36px;min-height:36px}.player-controls{padding:10px 12px;gap:12px}.transport .icon-button,.play-options .icon-button{min-width:38px;min-height:44px}.transport{gap:2px}.play-button{height:42px;width:42px;border-radius:8px;flex-shrink:0}.play-options{gap:6px}.play-options select{min-height:44px;font-size:.85rem}.comment-trigger{min-height:42px;padding:9px 12px;font-size:.8rem}.timecode{font-size:.8rem}.timeline-wrap{padding:0 20px 16px}.timeline-top{min-height:35px;margin:0}.timeline-top .text-button{font-size:.75rem;min-height:36px}.timeline{height:40px;background:linear-gradient(transparent 18px,#3c454d 18px,#3c454d 21px,transparent 21px)}.timeline input{height:40px}.timeline-cut{top:16px}.timeline #range-highlight{top:14px}.timeline-ticks{font-size:.67rem;color:#86939c;gap:8px}.timeline-overview-markers{position:relative;height:44px;margin:3px 0 0;overflow:visible}.timeline-overview-markers:empty{display:none}.timeline-bubble{position:absolute;top:0;transform:translateX(-50%);width:44px;min-height:44px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--role,var(--accent));font-size:.67rem;font-variant-numeric:tabular-nums;font-weight:650;z-index:1}.timeline-bubble>span{min-width:23px;height:23px;display:flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:7px;padding:0 4px;background:#151a1e}.timeline-bubble:hover,.timeline-bubble.selected{z-index:3}.timeline-bubble:hover>span,.timeline-bubble.selected>span{color:#101517;background:var(--role,var(--accent));border-color:var(--role,var(--accent));box-shadow:0 0 0 3px #ffffff12}.timeline-bubble:focus-visible{z-index:4}.role-lanes-wrapper{border:1px solid var(--line);border-radius:10px;margin-top:17px;background:#15191c;overflow:hidden}.role-lanes-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 15px;border-bottom:1px solid #30373d;min-height:46px}.role-lanes-head .eyebrow{font-size:.65rem;letter-spacing:.1em}.role-lanes-head .muted,.role-lanes-head small{font-size:.72rem;color:var(--muted)}#role-lanes{padding:6px 12px 9px;max-height:248px;overflow-y:auto;scrollbar-color:#40494f transparent}.role-lane{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:14px;min-height:44px}.role-lane+.role-lane{border-top:1px solid #ffffff06}.lane-label{display:flex;align-items:center;gap:7px;width:100%;min-height:44px;background:transparent;border:0;text-align:left;color:var(--role,var(--muted));font-size:.72rem;line-height:1.3;padding:5px 2px;min-width:0}.lane-label:before{content:"";width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor}.lane-label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane-label small{margin-left:auto;font-size:.65rem;color:#7f8d96}.lane-label:hover{color:var(--text)}.lane-track{height:44px;position:relative;margin:0 11px}.lane-track:before{content:"";position:absolute;inset:21px 0 auto;height:1px;background:#343e45}.lane-guide{position:absolute;top:5px;bottom:5px;width:1px;background:#d2edbb50;pointer-events:none;z-index:2}.lane-marker{position:absolute;top:0;transform:translateX(-50%);height:44px;width:44px;border:0;background:transparent;padding:0;display:grid;place-items:center;color:var(--role,var(--accent));z-index:3}.marker-dot{display:flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:5px;background:var(--role,var(--accent));color:#101517;border:1px solid #ffffff14;font-size:.6rem;font-weight:750;box-shadow:0 0 0 3px #15191c}.lane-marker:hover,.lane-marker.selected{z-index:5}.lane-marker:hover .marker-dot,.lane-marker.selected .marker-dot{box-shadow:0 0 0 2px #15191c,0 0 0 4px var(--role,var(--accent))}.lane-marker:focus-visible{z-index:6}.annotation-pins{position:absolute;inset:0;pointer-events:none;z-index:4}.annotation-pin{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border:0;background:transparent;padding:0;pointer-events:auto;display:grid;place-items:center;color:var(--role,var(--accent));filter:drop-shadow(0 2px 5px #0008)}.annotation-pin>span{display:grid;place-items:center;min-width:27px;height:27px;padding:0 5px;border-radius:50%;background:var(--role,var(--accent));color:#111710;font-size:.72rem;font-weight:750;border:2px solid #111710;box-shadow:0 0 0 1px #ffffffb0}.annotation-pin:hover>span,.annotation-pin.selected>span{box-shadow:0 0 0 2px #f5f7f8;transform:scale(1.08)}.annotation-pin:focus-visible{outline-offset:0;border-radius:50%}.notes-panel{border-color:#373e44;border-radius:11px;min-height:min(630px,calc(100dvh - 199px));max-height:calc(100dvh - 199px);position:sticky;top:98px}.notes-tabs{padding:0 17px;gap:25px}.tab{min-height:52px;font-size:.86rem;font-weight:550}.tab span{font-weight:450}.role-filters{padding:10px 14px 13px;border-bottom:1px solid #323940}.role-filter-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:.7rem;margin-bottom:5px}.role-filter-head .eyebrow{font-size:.65rem;letter-spacing:.08em}.role-filter-head button{background:transparent;border:0;color:var(--muted);font-size:.72rem;padding:5px 0;min-height:32px}.role-filter-head button:hover{color:var(--accent)}.role-chip-grid{display:flex;flex-wrap:wrap;gap:6px}.role-chip{display:inline-flex!important;align-items:center;gap:6px;min-height:36px;max-width:100%;padding:6px 9px;border:1px solid #3b4248;border-radius:7px;background:#1b2024;color:#819099;font-size:.7rem;line-height:1.3;cursor:pointer;user-select:none;transition:background .12s,border-color .12s}.role-chip input{width:13px!important;height:13px!important;margin:0!important;accent-color:var(--role,var(--accent));flex-shrink:0}.role-chip.on{color:var(--role,var(--text));border-color:color-mix(in srgb,var(--role,var(--accent)) 42%,#343b40);background:color-mix(in srgb,var(--role,var(--accent)) 7%,#1b2024)}.role-chip:focus-within{outline:2px solid var(--accent);outline-offset:2px}.role-chip input:focus-visible{outline:none}.chip-count{font-size:.65rem;opacity:.75;min-width:9px;text-align:right;margin-left:2px}.notes-navigation{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:4px;padding:7px 12px;border-bottom:1px solid #30373d}.notes-navigation button{min-height:44px;min-width:44px;border:0;background:transparent;display:grid;place-items:center;font-size:1rem}.notes-navigation button:hover{background:#ffffff08}.notes-navigation>span,.notes-navigation .muted{text-align:center;font-size:.73rem;color:var(--muted);font-variant-numeric:tabular-nums}.notes-navigation label{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--muted);min-height:32px;padding:0 2px 3px}.notes-navigation input{margin:0}.notes-tools{padding:8px 14px 10px}.notes-tools .checkbox{min-height:36px}.filter-row{padding-top:10px}.filter-row select{font-size:.76rem;min-height:38px}.notes-list{padding:10px 12px 12px}.note{padding:14px 13px 13px 15px;border-color:#38424a;border-left:3px solid var(--role,#63737f);background:#20262b;border-radius:8px;margin-bottom:10px;scroll-margin-top:115px}.note.selected{border-color:var(--role,var(--accent));background:#252e31;box-shadow:0 0 0 1px color-mix(in srgb,var(--role,var(--accent)) 22%,transparent)}.note-head{gap:7px;margin-bottom:5px}.note-number{display:grid;place-items:center;min-width:22px;height:22px;border-radius:5px;background:color-mix(in srgb,var(--role,var(--accent)) 16%,#20262b);color:var(--role,var(--accent));font-size:.65rem;font-weight:650;flex-shrink:0}.note-author{font-size:.79rem}.note-role{font-size:.7rem;line-height:1.4;color:var(--role,var(--muted));margin:0 0 10px 29px;overflow-wrap:anywhere}.note-time{min-height:32px;font-size:.72rem;padding:4px 7px;color:#d1ddcb;margin:2px 0 9px;background:#b0cca20c}.note-body{font-size:.875rem;line-height:1.55}.note-actions button{min-height:36px}.entry-screen{display:flex;min-height:100dvh;align-items:center;justify-content:center;padding:40px 24px;background:radial-gradient(ellipse at 50% 0,#24302755,transparent 60%),var(--bg)}.entry-card{width:100%;max-width:440px;padding:30px 32px 28px;border:1px solid #3b4348;background:#1b2023;border-radius:15px;box-shadow:0 20px 65px #0002}.entry-card .brand{margin:0 0 35px}.entry-card .eyebrow{font-size:.64rem;letter-spacing:.12em;color:var(--accent);margin:0 0 11px}.entry-card h1{font-size:1.8rem;font-weight:580;letter-spacing:-.04em;line-height:1.25;margin:0 0 12px}.entry-card p.muted{font-size:.9rem;line-height:1.55}.entry-card form{margin-top:26px}.entry-card form label{display:block;margin-bottom:17px;font-size:.8rem;color:#bec8cf}.entry-card input,.entry-card select{font-size:1rem;border-color:#465158;background:#13191d;min-height:46px}.entry-card form>.button{margin-top:8px;min-height:46px}.entry-card .auth-footer{line-height:1.6;margin:22px 0 0}.entry-card .back-link,.entry-card #join-back,.entry-card>button.text-button{display:inline-flex;align-items:center;gap:6px;margin:21px 0 0;padding:5px 0;font-size:.8rem;color:var(--muted);min-height:44px}.entry-project-name{color:var(--text);font-size:1.45rem;font-weight:580;letter-spacing:-.035em;line-height:1.3;overflow-wrap:anywhere}.role-select-preview{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:.76rem;color:var(--muted)}.role-select-preview .dot,.role-select-preview>span:first-child{width:9px;height:9px;display:inline-block;border-radius:50%;background:var(--role,var(--accent));flex-shrink:0}.custom-role-fields{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:12px;padding:13px;background:#151b1f;border:1px solid #364249;border-radius:8px;margin-top:12px}.custom-role-fields label{margin:0!important;font-size:.76rem!important}.custom-role-fields input[type=color]{width:100%;height:46px;padding:6px;border-radius:6px;cursor:pointer}.password-field{display:flex;align-items:stretch;position:relative;gap:0}.password-field input{width:100%;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-top:5px}.password-field button{margin-top:5px;flex-shrink:0;min-height:46px;min-width:46px;padding:8px 10px;background:var(--elevated);border-radius:0 7px 7px 0;border-left:0;color:var(--muted)}.password-field button:hover{color:var(--text)}.password-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;font-size:.75rem;color:var(--muted)}.password-actions button{display:inline-flex;align-items:center;gap:6px;min-height:40px;background:transparent;border:0;padding:4px 0;color:var(--accent);font-size:.78rem}.password-actions button svg{width:15px;height:15px}.management-linkbox{padding:14px;background:#151b1f;border:1px solid #465840;border-radius:8px;margin-top:12px}.management-linkbox p{font-size:.8rem;line-height:1.5;margin:0 0 12px;color:var(--muted)}.management-linkbox input,.management-linkbox textarea{font-size:.8rem;width:100%;margin-bottom:10px;background:#101619}.management-linkbox .button{width:100%}.processing-meter{margin-top:16px;display:flex;flex-direction:column;gap:8px;max-width:310px;width:100%;font-size:.8rem;color:var(--muted)}.processing-meter progress{height:6px;margin:3px 0}.processing-meter>div{display:flex;justify-content:space-between;gap:10px}.processing-meter small{font-size:.72rem;line-height:1.5}.upload-progress{border-color:#729e465c;background:#1b2420}.modal-list-item .role-select-preview{margin-top:4px}.form-stack input,.form-stack select,.composer-fields select,.range-form>select{font-size:1rem}.composer-fields select,.range-form>select{min-height:44px}.drawing-tools{gap:10px}.tool-group button{min-width:40px;min-height:44px}.color-group button{position:relative;width:28px;height:28px}.color-group button:after{content:"";position:absolute;inset:-10px}.frame-range input{font-size:1rem;min-height:44px}.frame-range label{gap:7px}.notes-tools .text-button{min-height:36px}.player-shell.expanded .role-lanes-wrapper{display:none}.player-shell.expanded .annotation-pins{z-index:4}
@media(min-width:1700px){.review-layout{grid-template-columns:minmax(0,1fr) 410px;gap:26px}main{padding-inline:38px}.topbar{padding-inline:38px}.notes-panel{max-height:calc(100dvh - 200px)}.catalog-page{margin-top:55px}.role-lane{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:1240px){.review-layout{grid-template-columns:minmax(0,1fr) 340px;gap:18px}.topbar{padding-inline:22px;gap:16px}main{padding:22px}.player-controls{flex-wrap:wrap;gap:5px}.transport{flex:1}.play-options{flex:1;justify-content:flex-end}.catalog-page{margin-top:27px}.project-grid{gap:16px}.project-card-info{padding:17px}.notes-panel{max-height:calc(100dvh - 196px)}.role-lane{grid-template-columns:108px minmax(0,1fr);gap:8px}.role-lanes-head{padding-inline:12px}.lane-label{font-size:.68rem}.top-actions .button{font-size:.8rem;padding-inline:11px}.workspace-actions .button{padding-inline:10px}}
@media(max-width:1000px){.topbar{height:68px;padding-inline:18px}.app-body{min-height:calc(100dvh - 68px)}main{padding:20px 18px 32px}.top-title{display:flex;flex:1;min-width:0}.top-title #project-crumb,.top-title #project-subtitle{display:none}#back-projects{padding-inline:5px}.review-layout{grid-template-columns:minmax(0,1fr) 305px;gap:14px}.notes-panel{top:87px;max-height:calc(100dvh - 182px);min-height:min(580px,calc(100dvh - 182px))}.notes-tabs{gap:18px;padding-inline:12px}.role-filters{padding-inline:11px}.role-chip-grid{gap:5px}.role-chip{padding-inline:7px;font-size:.68rem;gap:5px}.notes-navigation{padding-inline:9px}.notes-list{padding-inline:9px}.note{padding-left:12px;padding-right:11px}.workspace-actions{gap:2px}.workspace-actions .button{min-height:44px;font-size:.75rem;border:1px solid var(--line);padding-inline:8px}.workspace-heading h1,.workspace-heading h2,#workspace-title{font-size:1.2rem}.catalog-heading{gap:20px;margin-bottom:28px}.catalog-heading h1{font-size:2.35rem}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.catalog-page{margin:26px auto 45px;max-width:850px}.catalog-toolbar{padding-bottom:20px}.lane-label{font-size:.66rem}.role-lane{grid-template-columns:90px minmax(0,1fr);gap:7px}.role-lanes-head .muted,.role-lanes-head small{font-size:.65rem}.timeline-wrap{padding-inline:17px}.play-options{justify-content:space-between}.player-controls .transport{flex-basis:100%}.player-controls .play-options{flex-basis:100%}.player-controls .comment-trigger{margin-left:auto}.player-controls{padding:7px 11px}.transport .timecode{margin-left:8px}.player-head #video-specs{display:none}.time-divider,#duration-code{display:inline}.topbar .top-actions{margin-left:0}}
@media(max-width:760px){.topbar{height:64px;padding:0 14px;gap:11px}.brand{font-size:.7rem;gap:8px}.brand-mark{width:29px;height:29px}.topbar .brand b{display:inline}.top-title{flex:1}#back-projects{font-size:.73rem;min-height:44px;gap:3px}#back-projects svg{width:14px;height:14px}.top-actions{gap:5px}.top-actions .button{min-height:44px;padding:7px 10px;font-size:.73rem}.top-actions #share-btn{font-size:0;gap:0;min-width:44px;padding:9px}.top-actions #share-btn svg{width:18px;height:18px}.top-actions .avatar{width:36px;height:36px;min-width:36px}.app-body{min-height:calc(100dvh - 64px)}main{padding:18px 12px 30px}.catalog-page{margin:24px 6px 40px}.catalog-heading{display:block;margin-bottom:25px}.catalog-heading h1{font-size:2.2rem;margin-bottom:11px}.catalog-heading p:last-child{font-size:.875rem;line-height:1.6;max-width:400px}.catalog-heading .eyebrow{font-size:.65rem;margin-bottom:13px}.catalog-heading>.button{margin-top:22px;min-height:46px;padding-inline:17px}.catalog-toolbar{gap:12px;padding-bottom:20px;margin:0}.catalog-toolbar input{width:100%;max-width:70%;font-size:1rem}.catalog-toolbar #catalog-count{font-size:.7rem}.catalog-toolbar label{max-width:75%}.project-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-card-info{padding:14px}.project-card-info h3{font-size:1rem;margin-bottom:8px}.project-card-info p{font-size:.76rem;margin-bottom:10px}.project-card-info>div{flex-wrap:nowrap}.project-card-kicker{font-size:.58rem!important;letter-spacing:.05em;gap:5px!important}.project-card-kicker .badge{font-size:.58rem;padding:3px 5px}.project-card-bottom{font-size:.67rem!important;gap:6px;flex-wrap:wrap!important;margin-top:11px;padding-top:11px}.project-lock{font-size:.68rem}.project-card-image>svg{width:29px;height:29px}.catalog-empty{min-height:290px;padding:34px 21px}.workspace-top{gap:14px;align-items:flex-start;margin-bottom:16px}.workspace-heading{gap:8px;flex:1}.workspace-heading h1,.workspace-heading h2,#workspace-title{font-size:1.24rem}.workspace-heading .version-pick{gap:7px;flex-wrap:wrap}.workspace-heading .version-pick select{min-height:44px;font-size:1rem;max-width:190px}.workspace-heading .version-pick label{display:none}.workspace-actions{flex-direction:column;gap:3px;align-items:flex-end}.workspace-actions .button{min-height:35px;font-size:.71rem;padding:6px 7px;border-color:transparent;background:transparent}.review-layout{display:flex;flex-direction:column;gap:20px}.video-column{width:100%}.player-head{font-size:.7rem;min-height:42px;padding:4px 9px}.player-head .icon-button{min-height:34px;min-width:34px}.player-controls{padding:6px 9px;display:flex;flex-wrap:wrap;gap:2px}.player-controls .transport{flex-basis:auto;flex:1;justify-content:flex-start}.transport .icon-button,.play-options .icon-button{min-height:44px;min-width:39px}.play-button{width:40px;height:40px}.transport .timecode{font-size:.75rem;margin-left:7px}.player-controls .play-options{flex-basis:auto;flex:0;justify-content:flex-end;gap:3px}.player-controls .play-options #mute-btn,.player-controls .play-options #speed{display:none}.player-controls .comment-trigger{min-height:42px;font-size:.73rem;padding:9px 10px;margin-left:0}.time-divider,#duration-code{display:none}.timeline-wrap{padding:0 17px 14px}.timeline-top,.timeline-top .text-button{font-size:.7rem}.timeline-top .text-button{min-height:44px}.timeline-ticks{font-size:.65rem}.timeline-overview-markers{margin-top:0}.stage{min-height:140px}.role-lanes-wrapper{margin-top:13px}.role-lanes-head{min-height:45px;padding:8px 12px;gap:8px}.role-lanes-head .eyebrow{font-size:.61rem}.role-lanes-head .muted,.role-lanes-head small{font-size:.65rem}.role-lane{grid-template-columns:105px minmax(0,1fr);gap:6px}.lane-label{font-size:.68rem}.lane-track{margin-inline:9px}#role-lanes{max-height:225px;padding:4px 9px 7px}.role-lane,.lane-label,.lane-track,.lane-marker{min-height:44px}.marker-dot{min-width:17px;height:17px}.shot-bar{margin-top:18px;gap:8px}.shot-bar .text-button{min-height:44px;font-size:.71rem}.shot-bar .muted{font-size:.72rem}.shots{gap:7px}.shot{min-width:105px;width:105px}.shot span{font-size:.65rem;padding:6px}.notes-panel{position:static;top:auto;width:100%;max-height:none;min-height:340px}.notes-tabs{padding-inline:15px;gap:25px}.tab{font-size:.86rem;min-height:51px}.role-filters{padding:9px 14px 13px}.role-filter-head button{min-height:44px;font-size:.75rem}.role-chip{min-height:44px;padding:8px 10px;font-size:.75rem;gap:7px}.role-chip input{width:14px!important;height:14px!important}.role-chip-grid{gap:6px}.chip-count{font-size:.68rem}.filter-row{padding:10px 14px 5px;gap:8px}.filter-row select{font-size:1rem;min-height:44px;padding:8px}.notes-tools{padding:5px 14px 8px}.notes-tools .checkbox,.notes-tools .text-button{min-height:44px;font-size:.78rem}.notes-navigation{padding:4px 12px;grid-template-columns:44px 1fr 44px;gap:4px}.notes-navigation>span,.notes-navigation .muted{font-size:.75rem}.notes-navigation label{min-height:40px;font-size:.75rem;padding-bottom:4px}.notes-list{padding:10px 12px 12px;overflow:visible;max-height:none}.note{padding:15px 14px 12px;scroll-margin-top:80px}.note-head{gap:8px}.note-author{font-size:.86rem}.note-date{font-size:.7rem}.note-role{font-size:.73rem;margin-left:30px}.note-body{font-size:.95rem;line-height:1.6}.note-number{width:23px;min-width:23px;height:23px;font-size:.66rem}.note-time{min-height:40px;font-size:.77rem;margin-bottom:9px}.note-actions button{min-height:44px;font-size:.79rem}.note-footer .department{font-size:.76rem}.note-attachments img{width:68px;height:50px}.notes-empty{padding:42px 20px}.entry-screen{padding:28px 18px;align-items:flex-start}.entry-card{max-width:440px;margin:20px auto;padding:27px 24px 24px;border-radius:13px}.entry-card .brand{margin-bottom:36px}.entry-card h1{font-size:1.85rem}.entry-card p.muted{font-size:.9rem}.entry-card form{margin-top:25px}.entry-card form label{font-size:.85rem}.entry-card .auth-footer{font-size:.76rem}.entry-project-name{font-size:1.45rem}.password-actions{align-items:flex-start;flex-wrap:wrap;gap:4px}.password-actions button{min-height:44px}.custom-role-fields{grid-template-columns:minmax(0,1fr) 78px;gap:10px;padding:11px}.modal-header .icon-button{min-height:44px;min-width:44px}.modal-header{padding:11px 15px}.form-actions{gap:8px}.form-actions .button{min-height:44px}.form-stack input,.form-stack select,.composer-fields select,.range-form>select{font-size:1rem;min-height:44px}.drawing-tools{padding:7px 10px;gap:8px}.tool-group{gap:1px}.tool-group button{min-width:40px;min-height:44px}.color-group{gap:9px;padding:5px 8px;min-height:40px}.color-group button{width:24px;height:24px}.color-group button:after{inset:-10px}.frame-range{gap:8px}.frame-range label{font-size:.71rem;gap:6px}.frame-range input{font-size:1rem;padding:7px;min-height:44px;width:76px}.range-form{gap:9px}.range-form>select{max-width:160px}.composer-fields label{font-size:.8rem}.composer-footer .button{min-height:44px}.composer-preview,.composer-preview img{max-height:34dvh}.player-shell.expanded .player-controls{flex-wrap:wrap}.player-shell.expanded .play-options #speed,.player-shell.expanded .play-options #mute-btn{display:block}.player-shell.expanded .player-controls .play-options{flex:1}.player-shell.expanded .transport .timecode{font-size:.8rem}.player-shell.expanded .video-frame video{max-height:calc(100dvh - 230px)}}
@media(max-width:480px){.project-grid{grid-template-columns:1fr}.project-card-image{aspect-ratio:1.9}.project-card-info{padding:17px}.project-card-info h3{font-size:1.12rem}.project-card-info p{font-size:.85rem}.project-card-kicker{font-size:.63rem!important}.project-card-kicker .badge{font-size:.63rem}.project-card-bottom{font-size:.73rem!important;flex-wrap:nowrap!important}.project-lock{font-size:.73rem}.catalog-heading h1{font-size:2rem}.catalog-page{margin-top:20px}.catalog-toolbar input{max-width:70%;font-size:1rem}.catalog-toolbar #catalog-count{font-size:.69rem}.topbar{gap:7px;padding-inline:11px}.topbar .brand b{display:none}.topbar .brand{font-size:.66rem;gap:6px}.top-title{gap:0}#back-projects{font-size:.7rem;padding-inline:3px}.top-actions{gap:3px}.top-actions #upload-btn{max-width:115px;white-space:normal;line-height:1.2;text-align:center;padding:7px 8px}.top-actions .avatar{width:32px;height:32px;min-width:32px;font-size:.65rem}.top-actions #share-btn{min-width:37px;padding:8px}.workspace-heading .version-pick select{max-width:175px}.workspace-heading .version-pick .badge{font-size:.6rem}.transport .icon-button{min-width:37px;min-height:44px}.transport .timecode{font-size:.69rem;margin-left:4px}.play-button{width:38px;height:40px}.player-controls{gap:2px;padding-inline:7px}.player-controls .comment-trigger{font-size:.7rem;padding-inline:8px}.role-lane{grid-template-columns:90px minmax(0,1fr);gap:5px}.lane-label{font-size:.65rem}.role-lanes-head .muted{font-size:.6rem}.timeline-wrap{padding-inline:16px}.workspace-actions .button{font-size:.67rem}.note{scroll-margin-top:76px}.entry-screen{padding:18px 12px}.entry-card{padding:26px 21px;margin-top:8px}.entry-card .brand{margin-bottom:34px}.entry-card h1{font-size:1.72rem}.tool-group button{min-width:39px}.composer-fields{grid-template-columns:1fr}.composer-fields label:empty{display:none}.modal{max-width:calc(100vw - 20px)}}
@media(max-width:374px){.topbar .brand>span:last-child{display:none}.topbar .brand-mark{width:27px;height:27px}.top-actions #upload-btn{max-width:102px;font-size:.69rem}.top-actions #share-btn{min-width:36px}.player-controls .transport{flex-basis:100%}.player-controls .play-options{flex:1;justify-content:flex-end}.player-controls .play-options #speed{display:block;min-height:44px;font-size:1rem;margin-right:auto}.player-controls .comment-trigger{font-size:.76rem;padding-inline:12px}.transport .timecode{font-size:.8rem;margin-left:8px}.workspace-actions .button{font-size:.65rem;padding:5px}.workspace-heading .version-pick select{max-width:155px}.tool-group button{min-width:35px}.entry-card{padding-inline:18px}.frame-range input{width:70px}}
@media(orientation:landscape) and (max-height:550px){.topbar{position:relative;height:58px}.app-body{min-height:calc(100dvh - 58px)}main{padding-top:14px}.catalog-page{margin-top:12px}.catalog-heading{display:flex;align-items:center}.catalog-heading h1{font-size:2rem}.catalog-heading>.button{margin-top:0}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-card-info{padding:13px}.project-card-info h3{font-size:.96rem}.project-card-kicker{font-size:.56rem!important}.project-card-info p{font-size:.72rem}.project-card-bottom{font-size:.63rem!important}.catalog-heading p:last-child{font-size:.8rem}.catalog-toolbar{padding-bottom:16px}.review-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:13px}.notes-panel{position:static;min-height:450px;max-height:none}.stage{min-height:0}.workspace-top{margin-bottom:12px}.workspace-heading h1,.workspace-heading h2,#workspace-title{font-size:1.13rem}.workspace-actions{flex-direction:row}.player-controls .transport{flex-basis:100%}.player-controls .play-options{flex:1}.role-lanes-head .muted{display:none}.role-lane{grid-template-columns:85px minmax(0,1fr)}.role-chip{font-size:.7rem;padding:7px;min-height:40px}.notes-tabs{gap:15px;padding-inline:11px}.notes-tabs .tab{font-size:.8rem}.notes-list{padding-inline:9px}.note{padding-inline:11px}.note-body{font-size:.84rem}.note-author{font-size:.76rem}.note-role{font-size:.67rem}.filter-row{padding-inline:10px}.filter-row select{font-size:1rem}.notes-tools{padding-inline:10px}.notes-tools .checkbox,.notes-tools .text-button{font-size:.71rem}.entry-screen{align-items:flex-start;padding:20px}.entry-card{margin:0;max-width:520px}.entry-card .brand{margin-bottom:22px}.entry-card form{margin-top:20px}.composer .modal-header{min-height:49px;padding:2px 12px}.composer .modal-header .icon-button{min-height:44px}.composer-preview,.composer-preview img{max-height:calc(100dvh - 120px)}.drawing-tools{padding:3px 5px;flex-wrap:wrap;gap:2px}.composer .tool-group{gap:0}.composer .tool-group button{min-width:34px;min-height:40px}.composer .color-group{gap:9px;padding:5px 10px;min-height:32px}.composer .color-group button{width:19px;height:19px}.composer .composer-fields{grid-template-columns:1fr}.composer .range-form>select,.composer .frame-range input,.composer .composer-fields select{font-size:1rem;min-height:44px}.composer .frame-range input{width:70px}.composer .composer-footer{flex-wrap:wrap}.composer .composer-footer .button{min-height:44px}.player-shell.expanded{inset:0}.player-shell.expanded .player-head{min-height:36px}.player-shell.expanded .stage{flex:1;min-height:0}.player-shell.expanded .player-controls{padding:3px 10px;flex-wrap:nowrap}.player-shell.expanded .player-controls .transport{flex-basis:auto;flex:1}.player-shell.expanded .player-controls .play-options{flex:1;justify-content:flex-end}.player-shell.expanded .timeline-wrap{padding-bottom:max(8px,env(safe-area-inset-bottom))}.player-shell.expanded .timeline-top{min-height:29px}.player-shell.expanded .timeline-top .text-button{min-height:29px}.player-shell.expanded .timeline-overview-markers{display:none}.player-shell.expanded .video-frame{height:100%;width:auto;max-width:100%}.player-shell.expanded .video-frame video{height:100%;max-height:calc(100dvh - 181px);width:100%;object-fit:contain}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.project-card:hover{transform:none}}
@media print{.entry-screen{display:none!important}}

/* Keep marker hit areas inside the player at both ends of the timeline. */
.timeline-wrap{padding-inline:23px}

/* Components matched to the project entry and review markup. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.catalog-toolbar .catalog-search{display:flex;flex:1;max-width:440px;margin:0}.catalog-toolbar .catalog-search input{width:100%;max-width:100%;margin:0}.project-card-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#080d1266);pointer-events:none}.project-card-monogram{font-size:clamp(2.8rem,5vw,4rem);line-height:1;font-weight:500;letter-spacing:-.07em;color:#91a392;opacity:.7;transform:translateY(-3px)}.project-card-image .project-card-kicker{position:absolute;top:15px;left:16px;z-index:1;margin:0;font:500 .7rem ui-monospace,SFMono-Regular,Consolas,monospace;color:#d0dbd0!important;letter-spacing:.06em;opacity:.75}.project-card-image .project-lock{position:absolute;bottom:14px;left:15px;z-index:1;padding:5px 8px;color:#d4ded9;background:#141c20c9;border:1px solid #8c9c9940;border-radius:5px;font-size:.67rem;line-height:1.2;backdrop-filter:blur(8px)}.workspace-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;margin-bottom:21px}.workspace-heading>div:first-child{min-width:0}.workspace-heading .eyebrow{font-size:.62rem;font-weight:500;letter-spacing:.12em;margin:0 0 8px;color:#8d9ba4}.workspace-member{display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:.8rem;color:#c7d0d6;min-width:0}.workspace-member>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.workspace-member .note-role{font-size:.7rem;white-space:nowrap}.notes-panel{min-height:min(630px,calc(100dvh - 241px));max-height:calc(100dvh - 241px)}.role-filter-head>div{display:flex;align-items:center;gap:15px}.notes-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 11px}.notes-navigation>div{display:flex;align-items:center;gap:2px;min-width:0}.notes-navigation>div>span{font-size:.71rem;text-align:center;min-width:78px;white-space:nowrap}.notes-navigation>div>button{min-width:36px;width:36px;min-height:44px}.notes-navigation>label{display:flex;align-items:center;gap:6px;min-height:44px;padding:0;font-size:.7rem;white-space:nowrap;flex-shrink:0}.notes-navigation>label input{width:15px;height:15px}.filter-row #mine-wrap{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:.72rem;min-height:38px;white-space:nowrap}.filter-row #mine-wrap input{margin:0}.notes-tools{justify-content:space-between}.notes-tools #sync-label{font-size:.67rem}.note-origin{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;margin:7px 0 10px}.note-role{display:inline-flex;align-items:center;gap:5px;margin:0;font-size:.7rem;line-height:1.35;color:var(--role,var(--muted));overflow-wrap:normal}.note-role>i{display:block;width:6px;height:6px;border-radius:50%;background:var(--role,var(--muted));flex-shrink:0}.note-origin .note-time{margin:0;min-height:30px;font-size:.69rem;padding:4px 6px}.note-footer .note-assignee{margin:0}.role-select-preview{align-items:flex-start;line-height:1.5;margin:5px 0 0}.role-select-preview>i,.role-select-preview .dot{display:block;width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:4px}.role-select-preview>span,.role-select-preview>span:first-child{display:block;width:auto;height:auto;background:none;border-radius:0;flex-shrink:1}.role-select-preview:empty{display:none}.entry-card .entry-back{display:flex;align-items:center;min-height:44px;font-size:.76rem;margin:-20px 0 22px;padding:4px 0;color:var(--muted)}.entry-card .entry-back:hover{color:var(--text);background:none}.entry-card #entry-fields .role-select-preview{margin-top:-4px}.entry-card .custom-role-fields{margin-top:14px}.marker-popover{display:flex;flex-direction:column;gap:9px}.marker-choice{display:block;width:100%;padding:14px 15px;border:1px solid #3c474e;border-left:3px solid var(--role,var(--accent));border-radius:8px;background:#171e23;color:var(--text);text-align:left}.marker-choice:hover{background:#242e33;border-color:var(--role,var(--accent))}.marker-choice>span{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.marker-choice time{font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#afbbc3;font-variant-numeric:tabular-nums;white-space:nowrap}.marker-choice strong{font-weight:550;font-size:.83rem}.marker-choice p{margin:6px 0 0;font-size:.87rem;line-height:1.55;color:#d1d8dd;white-space:pre-wrap;overflow-wrap:anywhere}.timeline-bubble>.marker-dot{min-width:23px;height:23px;background:#151a1e;color:var(--role,var(--accent));border:1px solid currentColor;border-radius:7px;font-size:.66rem;box-shadow:none}.timeline-bubble:hover>.marker-dot,.timeline-bubble.selected>.marker-dot{color:#101517;background:var(--role,var(--accent));border-color:var(--role,var(--accent));box-shadow:0 0 0 3px #ffffff12}.lane-label>i{display:none}.lane-label:hover{color:var(--role,var(--muted))}.lanes-empty{font-size:.78rem;line-height:1.5;margin:0;padding:13px 3px 8px}.role-lanes-head .text-button{font-size:.7rem;min-height:32px}.compression-info{font-size:.73rem;line-height:1.55;color:#90a498;margin-top:12px;padding-top:12px;border-top:1px solid #2e373c}.processing-meter>span{font-size:.76rem;font-variant-numeric:tabular-nums;text-align:center}.version-pick select{font-size:.83rem;background:var(--surface)}
@media(max-width:1240px){.notes-panel{min-height:min(630px,calc(100dvh - 236px));max-height:calc(100dvh - 236px)}.notes-navigation{gap:5px;padding-inline:9px}.notes-navigation>div>span{min-width:71px;font-size:.67rem}.notes-navigation>div>button{width:34px;min-width:34px}.notes-navigation>label{font-size:.67rem;gap:5px}.filter-row #mine-wrap{font-size:.67rem}}
@media(max-width:1000px){.workspace-heading{margin-bottom:19px;gap:16px}.workspace-member{font-size:.75rem}.workspace-member .note-role{font-size:.67rem}.workspace-member>span:first-child{max-width:180px}.notes-panel{min-height:min(580px,calc(100dvh - 226px));max-height:calc(100dvh - 226px)}.notes-navigation{gap:2px;padding-inline:8px}.notes-navigation>div{gap:0}.notes-navigation>div>button{width:32px;min-width:32px}.notes-navigation>div>span{min-width:66px;font-size:.64rem}.notes-navigation>label{font-size:.65rem;gap:4px}.filter-row #mine-wrap{font-size:.65rem;gap:5px}.note-origin .note-time{font-size:.64rem}.note-origin .note-role{font-size:.65rem}.catalog-toolbar .catalog-search{max-width:400px}.project-card-monogram{font-size:3.8rem}}
@media(max-width:760px){.catalog-toolbar .catalog-search{max-width:none;flex:1}.catalog-toolbar .catalog-search input{width:100%;max-width:100%;font-size:1rem;margin:0}.catalog-toolbar #catalog-count{flex-shrink:0}.project-card-image .project-card-kicker{top:12px;left:13px;font-size:.65rem!important}.project-card-image .project-lock{bottom:11px;left:12px;font-size:.63rem}.project-card-monogram{font-size:3.4rem}.workspace-heading{flex-direction:row;align-items:flex-start;margin-bottom:17px;gap:12px}.workspace-heading .eyebrow{font-size:.57rem;margin-bottom:7px}.workspace-heading h1,.workspace-heading h2,#workspace-title{font-size:1.22rem}.workspace-member{font-size:.72rem;gap:4px;padding-top:3px}.workspace-member>span:first-child{max-width:145px}.workspace-member .note-role{font-size:.66rem;max-width:145px;white-space:normal;justify-content:flex-end}.workspace-top{align-items:center}.version-pick select{font-size:1rem;min-height:44px;max-width:190px;padding:7px 8px}.notes-panel{min-height:340px;max-height:none}.notes-navigation{gap:10px;padding:5px 12px}.notes-navigation>div{gap:2px}.notes-navigation>div>button{width:44px;min-width:44px}.notes-navigation>div>span{font-size:.72rem;min-width:82px}.notes-navigation>label{font-size:.74rem;gap:7px;min-height:44px}.notes-navigation>label input{width:17px;height:17px}.filter-row #mine-wrap{font-size:.76rem;gap:7px;min-height:44px}.role-filter-head>div{gap:18px}.note-origin{margin-top:9px;gap:7px;margin-bottom:11px}.note-origin .note-role{font-size:.73rem}.note-origin .note-time{font-size:.72rem;min-height:40px;padding-inline:7px}.note-role{margin:0}.entry-card .entry-back{margin-top:-19px;margin-bottom:23px}.entry-card .role-select-preview{font-size:.75rem}.marker-choice{padding:14px 13px}.marker-choice strong{font-size:.85rem}.marker-choice p{font-size:.92rem}.marker-choice time{font-size:.7rem}.marker-choice .note-role{font-size:.72rem}.role-lanes-head .text-button{min-height:44px;font-size:.71rem}.compression-info{font-size:.7rem;padding-top:10px;margin-top:10px}}
@media(max-width:480px){.workspace-member{font-size:.68rem}.workspace-member>span:first-child{max-width:100px}.workspace-member .note-role{font-size:.61rem;max-width:100px}.workspace-heading .eyebrow{font-size:.54rem}.workspace-heading h1,.workspace-heading h2,#workspace-title{font-size:1.12rem}.version-pick select{max-width:185px}.workspace-actions .button{min-height:36px}.project-card-monogram{font-size:4.2rem}.project-card-image .project-card-kicker{font-size:.68rem!important;top:15px;left:16px}.project-card-image .project-lock{left:15px;bottom:14px;font-size:.67rem}.notes-navigation{padding-inline:10px;gap:6px}.notes-navigation>div>span{font-size:.67rem;min-width:70px}.notes-navigation>label{font-size:.7rem;gap:6px}.filter-row #mine-wrap{font-size:.71rem}.note-origin .note-role{font-size:.7rem}.note-origin .note-time{font-size:.69rem}.entry-card .entry-back{margin-top:-18px;margin-bottom:23px}.catalog-toolbar{gap:10px}}
@media(max-width:374px){.workspace-heading{gap:9px}.workspace-member>span:first-child{max-width:85px}.workspace-member .note-role{max-width:85px}.notes-navigation{flex-wrap:wrap}.notes-navigation>div{flex:1;justify-content:space-between}.notes-navigation>label{margin-left:auto}.filter-row #mine-wrap{font-size:.67rem}.version-pick select{max-width:160px}}
@media(orientation:landscape) and (max-height:550px){.notes-panel{min-height:450px;max-height:none}.workspace-heading{margin-bottom:15px}.workspace-member{font-size:.71rem}.notes-navigation{flex-wrap:wrap;gap:0}.notes-navigation>div{flex:1;justify-content:space-between}.notes-navigation>label{margin-left:auto}.notes-navigation>div>button{min-width:44px;width:44px}.note-origin .note-time{font-size:.65rem}.note-origin .note-role{font-size:.67rem}.catalog-toolbar .catalog-search{max-width:380px}.project-card-monogram{font-size:3rem}.entry-card .entry-back{margin-top:-12px;margin-bottom:20px}}