@font-face{font-family:Studio;src:local('Helvetica Neue')}*{box-sizing:border-box}body{margin:0;background:#f6f5f1;color:#212320;font:15px Studio,Arial,sans-serif;line-height:1.45}button,input,textarea{font:inherit}button,a,label,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:not-allowed;opacity:.44}button:not(:disabled):hover{filter:brightness(.94)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,.upload-label:focus-within{outline:3px solid #798d69;outline-offset:4px}button{transition:background .15s,color .15s,filter .15s}h1,h2,p{margin:0}.topbar{height:76px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dadbd3;background:#f6f5f1}.brand{font-size:15px;letter-spacing:.065em;font-weight:750;display:flex;align-items:center;gap:11px}.brand-mark{color:#7d925d;font-size:30px;transform:rotate(-20deg)}.brand-sub{font:10px monospace;border-left:1px solid #cdd0c5;padding-left:16px;margin-left:5px;color:#606959;letter-spacing:.08em}.top-actions{display:flex;align-items:center;gap:14px;font-size:12px}.quiet{background:transparent;color:#62685c;padding:9px 12px;border:1px solid #d6d9ce;border-radius:5px}.back-link{margin-right:7px;color:#62685c}main{max-width:1400px;margin:auto;padding:39px 40px 22px}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:600;letter-spacing:.12em;color:#5e6b51}.eyebrow span{margin:0 10px;color:#aaa}.project-heading h1{font-size:38px;letter-spacing:-1.5px;font-weight:520;line-height:1.17;margin:11px 0 8px}.project-heading p{color:#58634e;font-size:14px}.mobile-br{display:none}.status-pill{font-size:12px;color:#786143;border:1px solid #ddd5c6;border-radius:20px;background:#eee9df;padding:9px 14px;display:flex;align-items:center;gap:8px;white-space:nowrap}.status-pill>span{width:6px;height:6px;background:#a48655;border-radius:50%}.status-pill.approved{color:#325b43;background:#e5eddf;border-color:#b9c9af}.status-pill.approved>span{background:#578358}.sample-notice{display:flex;gap:9px;align-items:center;font-size:11px;color:#58634e;margin-bottom:24px}.small-dot{width:5px;height:5px;border-radius:50%;background:#91a07a}.divider{color:#bbb;margin:0 3px}.workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(370px,1fr);gap:28px;align-items:start}.screen-panel{border:1px solid #d8dacf;border-radius:9px;overflow:hidden;background:#fff}.panel-bar{height:62px;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.panel-bar>div{display:flex;gap:12px;font-size:13px;align-items:center}.panel-bar strong{font-weight:650}.muted{color:#626e58}.format{font:10px monospace;color:#66735b}.video-stage{height:470px;background:#151914;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#343c2d55,transparent 68%);pointer-events:none}.video-stage video{height:100%;max-width:100%;position:relative;display:block;object-fit:contain;background:#10130f}.frame-label{position:absolute;left:22px;top:22px;z-index:1;font:9px monospace;letter-spacing:.1em;color:#d2d7c8;writing-mode:vertical-rl}.frame-label span{color:#7d8575;margin-top:17px}#video-loading{position:absolute;top:48%;font-size:13px;color:#c3cdb6;padding:10px;background:#171b16c9;pointer-events:none}#video-loading.hidden{display:none}.version-caption{display:flex;justify-content:space-between;gap:20px;padding:19px 23px 22px;border-bottom:1px solid #e5e7df}.version-caption strong{font-size:14px;font-weight:550}.version-caption p{font-size:11px;color:#626e58;margin-top:5px;max-width:420px}.duration{font:16px monospace;color:#636c59}.versions-header{display:flex;justify-content:space-between;align-items:center;padding:20px 23px 10px}.versions-header>span:last-child{font-size:10px;color:#626e58}.versions{display:flex;padding:0 23px 17px;gap:9px;overflow:auto}.version-btn{display:flex;align-items:center;gap:12px;background:#f3f5ed;border:1px solid transparent;border-radius:6px;text-align:left;padding:11px 15px;flex:0 0 auto;color:#67705e}.version-btn.active{background:#edf1e6;border-color:#889a76;color:#354a25}.version-btn>b{font:12px monospace}.version-btn span{display:block;font-size:11px}.version-btn small{font-size:9px;color:#647358}.revision-tools{display:flex;align-items:center;gap:20px;padding:0 23px}.secondary{color:#59654a;background:#eff2e9;border:1px solid #d6ddcc;padding:9px 13px;border-radius:5px;font-size:12px}.secondary span{margin-left:16px}.upload-label{font-size:12px;cursor:pointer;position:relative;color:#6a745e;text-decoration:underline;text-underline-offset:4px}.upload-label input{position:absolute;width:1px;height:1px;opacity:0;left:0;bottom:0}.micro{font-size:10px;line-height:1.5;color:#626e58}.revision-explain{padding:10px 23px 19px}.review-panel{padding-top:1px}.assignment{padding:0 0 19px;border-bottom:1px solid #d6dacc}.assignment-row{display:flex;align-items:center;gap:12px;margin-top:11px}.avatar{width:36px;height:36px;border-radius:50%;background:#dfe6d5;color:#5d6d4e;display:grid;place-items:center;font-size:11px;flex-shrink:0}.assignment-row label{display:block;font-size:10px;color:#626e58;flex:1;min-width:0}.assignment-row input{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #d9decf;padding:5px 0;color:#4d5942;font-size:12px;border-radius:0}.assignment-row .due-label{max-width:125px}.text-button{padding:0;background:transparent;font-size:11px;color:#748063}.assignment>.text-button{display:block;margin:10px 0 0 auto;text-decoration:underline;text-underline-offset:3px}.notes-head{display:flex;justify-content:space-between;align-items:center;margin:21px 0 13px}.notes-head h2{font-size:18px;font-weight:550;letter-spacing:-.3px}.count{font:10px monospace;background:#e6e9e0;color:#66745b;border-radius:5px;padding:4px 8px}.note-form{background:white;border:1px solid #d7decc;border-radius:7px;overflow:hidden;box-shadow:0 4px 15px #27331a04}.note-toolbar{display:flex;justify-content:space-between;align-items:center;padding:11px 14px 3px}.time-input{display:flex;align-items:center;gap:5px;font-size:10px;color:#647456}.time-input input{width:50px;background:#f0f3ea;border:0;border-radius:3px;padding:4px;color:#60734a;font:11px monospace}.note-form textarea{resize:vertical;min-height:71px;width:100%;border:0;background:transparent;color:#4e5943;line-height:1.6;font-size:12px;padding:9px 14px;display:block}.note-footer{border-top:1px solid #edf0e6;padding:10px 13px;display:flex;justify-content:space-between;align-items:center;gap:8px}.check-label{display:flex;gap:6px;align-items:center;font-size:10px;color:#5f7050}.check-label input{accent-color:#718556;margin:0}.primary{background:#708354;color:#fff;padding:10px 14px;border-radius:5px;font-size:11px}.notes{margin-top:15px;display:grid;gap:9px}.empty-notes{color:#647358;font-size:11px;border-left:2px solid #d9e0cf;padding:4px 12px;margin-bottom:6px}.review-note{border:1px solid #dedace;border-radius:6px;background:#f2efe6;padding:13px 15px}.review-note.resolved{background:#edf2e7;border-color:#d2ddc8}.note-meta{display:flex;align-items:center;gap:9px;font:10px monospace;color:#9b895f;margin-bottom:7px}.note-seek{color:#846e3e;background:#e8e0cd;padding:4px 6px;border-radius:3px;font:10px monospace}.note-copy{color:#685e45;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.review-note.resolved .note-copy{color:#5a6c49}.note-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;font-size:10px;color:#647358}.resolve-note{background:transparent;border:1px solid #c6d1b9;border-radius:4px;font-size:10px;color:#60744e;padding:6px 8px}.handoff{background:#e9ede2;padding:21px 22px 18px;border:1px solid #d8dece;border-radius:7px;margin-top:23px}.handoff-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.lock-symbol{font-size:19px;line-height:1;color:#849571}.handoff h2{font-size:21px;font-weight:500;letter-spacing:-.5px}.handoff>p:not(.micro){font-size:12px;color:#586a49;margin:5px 0 17px;min-height:18px}.approve-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 15px;background:#536941;color:white;border-radius:5px;font-size:12px}.approve-button span{font-size:17px}.download-row{display:flex;gap:9px;margin-top:9px}.download-button,.sheet-button{background:#f9faf7;border:1px solid #cfd8c2;border-radius:5px;color:#536744;padding:10px 11px;font-size:11px}.download-button{flex:1}.handoff>.micro{margin-top:12px}.activity{margin-top:27px;border-top:1px solid #d9decf;padding-top:14px;color:#647358;font-size:11px}.activity summary{cursor:pointer;list-style:none;color:#6c7a60}.activity summary span{float:right;font:10px monospace}.activity ol{padding-left:18px;margin-bottom:0;line-height:1.9}.activity time{color:#68765a;margin-right:10px}footer{display:flex;justify-content:space-between;color:#657456;font-size:10px;margin-top:28px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#35432a;color:#fff;border:1px solid #738463;padding:14px 20px;border-radius:8px;z-index:10;max-width:calc(100% - 32px);font-size:13px;box-shadow:0 8px 30px #0003;transition:opacity .15s,transform .15s}#toast.show{opacity:1;transform:translateX(-50%)}#toast.error{background:#745137;border-color:#a8896b}dialog{border:1px solid #cbd6be;border-radius:10px;padding:28px;max-width:450px;background:#f6f5f1;color:#34432a}dialog::backdrop{background:#17220d80}dialog h2{font-size:22px;margin-bottom:10px}dialog p{font-size:13px;line-height:1.6;color:#77826b}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.recording .back-link,.recording .brand-sub,.recording .activity,.recording footer{display:none}.recording .topbar{height:58px}.recording main{padding-top:25px}.recording .project-heading{margin-bottom:15px}.recording .project-heading h1{font-size:32px}.recording .sample-notice{margin-bottom:15px}@media(min-width:1500px){.video-stage{height:520px}}@media(max-width:1050px){main{padding:28px 24px}.topbar{padding:0 24px}.workspace{gap:18px;grid-template-columns:minmax(0,1fr) minmax(330px,1fr)}.brand-sub{display:none}.project-heading h1{font-size:32px}.video-stage{height:450px}.panel-bar>div{display:block}.panel-bar .muted{display:block;font-size:10px;margin-top:3px}.note-footer{flex-wrap:wrap}.note-footer>.primary{margin-left:auto}}@media(max-width:760px){.topbar{height:auto;min-height:68px;padding:15px 18px;gap:14px;flex-wrap:wrap}.brand{font-size:12px}.top-actions{gap:6px}.quiet{padding:6px 8px;font-size:10px}.back-link{display:none}main{padding:26px 18px 18px}.project-heading{align-items:flex-start;gap:12px}.project-heading h1{font-size:29px;letter-spacing:-1px}.project-heading p{font-size:12px;max-width:250px}.status-pill{font-size:9px;padding:7px 9px;margin-top:24px}.project-heading .eyebrow{font-size:8px}.mobile-br{display:block}.sample-notice{font-size:9px;flex-wrap:wrap;gap:6px}.workspace{grid-template-columns:1fr;gap:26px}.video-stage{height:420px}.panel-bar{padding:0 18px}.review-panel{padding:0 2px}.note-footer{flex-wrap:nowrap}footer{display:block;line-height:1.9}.frame-label{left:14px}.recording .project-heading h1{font-size:27px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media(min-width:761px) and (max-height:900px){.video-stage{height:350px}.project-heading h1{font-size:32px}main{padding-top:26px}}.recording .video-stage{height:350px}.recording.has-notes .note-form{display:none}.recording .project-heading p{display:none}.recording .assignment{padding-bottom:12px}.recording .handoff{margin-top:16px}