@font-face{font-family:Newsreader;src:url('fonts/newsreader-latin-standard-italic.woff2') format('woff2');font-style:italic;font-display:swap}@font-face{font-family:Inter;src:url('fonts/public-sans-latin-wght-normal.woff2') format('woff2');font-display:swap}@font-face{font-family:Newsreader;src:url('fonts/newsreader-latin-standard-normal.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f2efe9;color:#202421;font:14px/1.5 Inter,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #5a6e45}button{cursor:pointer;background:transparent;color:inherit;border:1px solid #c9cbc3;padding:10px 14px;min-height:40px}button:disabled{opacity:.45;cursor:wait}button:hover{background:#e7e8dd}a{color:inherit}.primary{background:#29392d;color:#f7f5ea;border-color:#29392d}.primary:hover{background:#43583e}header{height:86px;padding:0 4vw;display:flex;align-items:center;gap:50px;border-bottom:1px solid #c9cbc3}.wordmark{font-size:30px;letter-spacing:-2px;font-weight:600;text-decoration:none}nav{display:flex;gap:26px}nav a{text-decoration:none}nav a[aria-current]{text-decoration:underline;text-underline-offset:9px}.local{margin-left:auto;font-size:11px;color:#59634f}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:100;background:white;padding:15px}main{max-width:1600px;margin:auto;padding:40px 4vw 90px}h1,h2,p{margin-top:0}h1{font-family:Newsreader,Georgia,serif;font-size:clamp(44px,5.5vw,80px);font-weight:400;line-height:1.05;letter-spacing:-2px;margin-bottom:22px}h2{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:30px;line-height:1.15;margin-bottom:14px}.eyebrow{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:#68715d;font-weight:600}.intro{max-width:760px;padding:25px 0 28px}.intro>p:last-child{max-width:460px;font-size:17px}.intro em{color:#687c53}.create{padding:24px;border:1px solid #c9cbc3;margin-bottom:40px}.create label{display:block;margin-bottom:12px}.create>div{display:flex;gap:12px}.create input{flex:1;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:32px 0 20px}.section-head h2{margin:0}.reviews,.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.review-card{padding:24px;text-align:left;display:block}.review-card h2{font-size:27px}.review-card p{margin-bottom:0}.small,.privacy{font-size:12px;color:#62695d;line-height:1.6}.privacy{max-width:80ch;margin-top:20px}.mono{font-family:ui-monospace,monospace;font-size:12px}input,select,textarea{border:1px solid #c9cbc3;border-radius:0;padding:11px;background:#fafaf4;color:#202421}textarea{resize:vertical;min-height:200px;width:100%;line-height:1.6}select{max-width:100%}.workspace-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:28px}.workspace-head h1{font-size:44px;margin:8px 0 8px;overflow-wrap:anywhere}.save-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.save-tools>span{width:100%;text-align:right;font-size:11px}.text-button{padding:0;border:0;min-height:30px;text-align:left;font-size:12px}.version-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #c9cbc3;border-bottom:1px solid #c9cbc3;padding:15px 0;margin-bottom:26px}.version-bar>label{font-size:11px;text-transform:uppercase;letter-spacing:1px}.version-bar select{max-width:300px}.review-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(270px,1fr);gap:32px;align-items:start}.viewer{background:#1e2721;min-height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #26382d}.viewer video,.viewer canvas{display:block;width:100%;height:auto;max-height:70vh}.viewer video{object-fit:contain}.viewer canvas{touch-action:none;max-height:none}.viewer [hidden]{display:none!important}#video-empty{color:#efeedd;text-align:center;padding:60px 20px}#video-empty .eyebrow{color:#bdcaa9}#video-empty .primary{background:#d8e4bc;color:#29392d}#video-empty p{font-size:12px;color:#c3c9bc}.transport{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:12px}.transport button{font-size:12px;padding:8px 11px}.push{margin-left:auto}.transport .mono{margin:0 8px}.direction-panel{border-left:1px solid #c9cbc3;padding-left:30px}.direction-panel h2{font-size:38px}.note-options{display:flex;gap:14px;margin:12px 0}.note-options label{width:50%;font-size:11px;color:#62695d}.note-options select{display:block;width:100%;margin-top:6px}.wide{width:100%;margin-bottom:12px}.workflow-note{border-top:1px solid #c9cbc3;margin-top:25px;padding-top:20px}.workflow-note>p:last-child{font-size:13px}.markup-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0}.markup-tools .eyebrow{width:100%}.markup-tools button{font-size:12px;padding:6px 10px}.tools{display:flex;gap:4px}.tools button[aria-pressed=true]{background:#29392d;color:#fff}.markup-tools select{padding:7px}.check{font-size:12px;display:flex;align-items:center;gap:7px}.queue-head>div:last-child{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.note-card{border:1px solid #c9cbc3;background:#f7f5ef;min-width:0}.note-image{display:block;padding:0;border:0;width:100%;position:relative;background:#202421}.note-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.note-image span{position:absolute;left:10px;bottom:10px;background:#17231d;color:#f4f4df;padding:3px 7px;font-family:ui-monospace,monospace;font-size:11px}.note-body{padding:18px}.note-labels{display:flex;gap:7px;flex-wrap:wrap;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#62695d;margin-bottom:10px}.high{color:#9b402c}.note-text{white-space:pre-wrap;overflow-wrap:anywhere}.note-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.note-actions select{font-size:11px;padding:8px;flex:1}.note-actions button{font-size:11px;padding:6px 10px}.note-card details{border-top:1px solid #ddd;margin-top:14px;padding-top:10px}.note-card summary{font-size:11px;cursor:pointer}.note-card textarea{min-height:100px;font-size:12px;margin:12px 0}.empty-queue{border:1px dashed #c9cbc3;padding:28px;grid-column:1/-1;color:#62695d}#alert{padding:16px;border:1px solid #c29151;background:#f8e8d2;margin-bottom:20px;white-space:pre-line}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#202c22;color:#f2f3e7;padding:13px 22px;max-width:90vw;z-index:20}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}footer{border-top:1px solid #c9cbc3;padding:26px 4vw;font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;gap:20px}body [hidden]{display:none!important}@media(max-width:1050px){.reviews,.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-grid{gap:22px;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr)}.direction-panel{padding-left:20px}.workspace-head{align-items:flex-start}.workspace-head h1{font-size:38px}}@media(max-width:760px){header{gap:20px;height:74px}.wordmark{font-size:24px}nav{gap:16px;font-size:12px}.local{display:none}main{padding:24px 5vw 60px}.review-grid{grid-template-columns:1fr}.direction-panel{border-left:0;border-top:1px solid #c9cbc3;padding:24px 0 0}.direction-panel textarea{min-height:140px}.workspace-head{display:block}.save-tools{justify-content:flex-start;margin-top:16px}.save-tools>span{text-align:left}.viewer{min-height:180px}.reviews,.note-grid{grid-template-columns:1fr}.create>div{flex-direction:column}.section-head{align-items:flex-start}.queue-head{flex-direction:column}.version-bar select{max-width:65vw}footer{flex-direction:column}.transport .push{margin-left:0}.workspace-head h1{font-size:37px}.note-image img{max-height:300px}}

.drafts-panel{border:1px solid #b2bca3;background:#e9edde;padding:20px;margin-top:30px}.drafts-panel .section-head{margin:0 0 12px;flex-wrap:wrap}.drafts-panel h2{font-size:26px}.draft-row{display:flex;gap:18px;align-items:center;justify-content:space-between;border-top:1px solid #c9cbc3;padding:12px 0}.draft-row p{margin:0;min-width:0;overflow-wrap:anywhere;font-size:12px}.draft-row strong,.draft-row span{display:block}.draft-row button{flex-shrink:0;font-size:12px}@media(max-width:480px){.draft-row{align-items:flex-start;flex-direction:column}}

/* Proposed navigation update: local view state only; review schema is unchanged. */
.selected-note{margin-top:18px;padding:20px;border:1px solid #b2bca3;background:#e9edde;min-width:0}.inspector-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.inspector-heading h2{font-size:26px;margin:0 0 10px}.selected-note .note-text{max-height:15em;overflow:auto;margin-bottom:14px}.selected-note .note-labels{line-height:1.6}.note-navigation{display:flex;gap:8px;flex-wrap:wrap}.note-navigation button{font-size:12px;max-width:100%;overflow-wrap:anywhere}.queue-filters{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:0 0 10px}.queue-filters label{font-size:12px;min-width:0}.queue-filters label:first-child{flex:1 1 260px}.queue-filters input,.queue-filters select{display:block;width:100%;margin-top:6px}.queue-filters input{min-width:0}.selected-note button:disabled{cursor:default}#selected-note-title:focus,#selected-note-text:focus-visible{outline:2px solid #5a6e45;outline-offset:4px}@media(max-width:480px){.selected-note{padding:16px}.queue-filters label:first-child{flex-basis:100%}.note-navigation{align-items:stretch}.note-navigation button{flex:1 1 140px}.queue-filters>button{flex:1 1 120px}}

/* Optional recovery stays a separate, narrow-readable lane. */
.recovery-panel{border-top:1px solid var(--line,#d9d4cb)}
.recovery-panel .check{max-width:100%;align-items:flex-start}
.recovery-panel input[type=checkbox]{flex:0 0 auto}
.recovered-draft{padding:1rem 0;border-top:1px solid var(--line,#d9d4cb);min-width:0}
.recovered-draft h3{font-size:1rem;margin:.2rem 0}
.recovered-draft textarea{width:100%;max-width:100%;min-height:5rem;overflow-wrap:anywhere;resize:vertical;box-sizing:border-box}
.recovery-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.recovery-panel .small{overflow-wrap:anywhere}
.recovery-help{margin:.5rem 0 1rem}.recovery-help summary{font-size:12px;cursor:pointer;width:fit-content;max-width:100%;padding:.3rem 0}.recovery-help summary:focus-visible{outline:2px solid #5a6e45;outline-offset:4px}.recovery-help .small{margin:.6rem 0}
@media(max-width:600px){.recovery-panel .section-head{align-items:flex-start;gap:.75rem;flex-direction:column}.recovery-actions button{max-width:100%;white-space:normal;text-align:left}}

/* Keyboard marking: inset focus stays visible inside the clipped viewer. */
#frame-canvas:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: -6px;
  box-shadow: inset 0 0 0 9px #000000;
}
.markup-tools .keyboard-help,
.markup-tools .keyboard-status {
  flex: 1 1 100%;
  margin: 4px 0 0;
  max-width: 80ch;
}
.markup-tools .keyboard-status {
  color: #29392d;
  min-height: 1.6em;
}

/* Agency studio: neutral viewing stage, precise notes, visible version structure. */
body{--line:#b4c2c6;background:#edf1f0;color:#182b35}header{height:auto;min-height:92px;padding:18px 4vw;background:#f8faf8;color:#182b35;border-bottom:1px solid #6e858e;gap:40px;flex-wrap:wrap}.wordmark{font-family:Inter,Arial,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.8px}.local{color:#4f626b}nav a{display:inline-flex;align-items:center;min-height:44px}nav a[aria-current]{text-decoration-color:#bc3d2d;text-decoration-thickness:2px;text-underline-offset:10px}
h1{font-family:Inter,Arial,sans-serif;font-weight:750;font-size:clamp(44px,5.2vw,76px);letter-spacing:-3px;line-height:1.03}h2{font-family:Inter,Arial,sans-serif;font-size:29px;font-weight:600;letter-spacing:-1px;line-height:1.18}.intro em{font-family:inherit;font-style:normal;color:inherit}.intro>p:last-child{font-size:16px;line-height:1.8}.eyebrow,.small,.privacy,.note-labels,.note-options label{color:#4f626b}.intro{max-width:850px}.create{background:#f8faf8;border-color:#91a7b1;padding:26px}.review-card{background:#f8faf8;border-color:#9cb0b9;min-height:170px}.review-card:hover{background:#fff;border-color:#254654}.review-card h2{font-size:26px}
button{min-height:44px;border-color:#7f98a2}button:hover{background:#dce7e9}.primary{background:#183746;color:#f7faf8;border-color:#183746}.primary:hover{background:#2b5062}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #b43727;outline-offset:4px}input,select,textarea{background:#f9fbfa;border-color:#819aa4;color:#182b35}input:not([type=checkbox]):not([type=radio]),select{min-height:44px}
.workspace-head h1{font-family:Inter,Arial,sans-serif;font-size:42px;letter-spacing:-1.6px;line-height:1.15}.version-bar{border-color:#8ca2ad}.version-bar>label{color:#4f626b}.viewer{background:#142a36;border-color:#0d2029}#video-empty{color:#eff5f4}#video-empty .eyebrow,#video-empty p{color:#c1d3da}#video-empty .primary{background:#e5edf0;color:#183746;border-color:#b6cbd3}.viewer :focus-visible{outline-color:#fff4d8}.transport button{min-height:44px}.direction-panel{border-color:#8ca2ad}.direction-panel h2{font-family:Inter,Arial,sans-serif;font-size:34px;letter-spacing:-1.4px}.workflow-note{border-color:#9ab0b9}.tools button[aria-pressed=true]{background:#274c5b;color:#f6f9f8;border-color:#173442;box-shadow:inset 0 -3px #c24832}.markup-tools button{min-height:44px}.markup-tools .keyboard-status{color:#274c5b}.note-card{border-color:#9cb0b9;background:#f8faf8}.note-image{background:#142a36}.note-image span{background:#142a36;color:#eff5f4}.note-body{padding:20px}.high{color:#a33426}.note-actions button,.note-actions select{min-height:44px}.empty-queue{border-color:#91a7b1;color:#4f626b}.drafts-panel,.selected-note{background:#dce6e8;border-color:#91a7b1}.draft-row{border-color:#afc0c7}.selected-note h2,.drafts-panel h2{font-family:Inter,Arial,sans-serif;font-size:25px;letter-spacing:-.7px}.recovery-help summary{min-height:40px;display:flex;align-items:center}.recovery-help summary:focus-visible,#selected-note-title:focus,#selected-note-text:focus-visible{outline-color:#b43727}#toast{background:#183746;color:#f7faf8}footer{border-color:#9cb0b9;color:#4f626b}
@media(max-width:760px){header{padding:18px 5vw;gap:10px 24px}.wordmark{font-size:30px}nav{gap:22px;flex-wrap:wrap}nav a{font-size:13px}h1{font-size:clamp(42px,10.5vw,58px);letter-spacing:-2.1px;line-height:1.06}.intro{padding-top:20px}.workspace-head h1{font-size:35px;letter-spacing:-1.1px}.direction-panel h2{font-size:31px}.create{padding:20px}.review-card{padding:22px}.note-body{padding:18px}.note-options{gap:12px}.version-bar select{max-width:100%}.transport{gap:8px}.transport button{min-height:44px}.save-tools button{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(pointer:coarse){button,.text-button,.markup-tools button,.note-actions button{min-height:44px}}