/* The preview is a working, clearly labelled simulation; it never calls Resolve. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.demo-hero{min-height:800px;max-height:none;height:auto;min-height:100svh;background:#0c1015;padding-bottom:36px}
.demo-backdrop{position:absolute;inset:0;overflow:hidden;z-index:-2;background:#11151a}.demo-backdrop img{position:absolute;inset:-42px;width:calc(100% + 84px);height:calc(100% + 84px);object-fit:cover;filter:blur(24px);opacity:.26}.demo-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,15,.84),rgba(8,10,15,.18))}
.demo-hero .site-header{padding-top:20px;padding-bottom:20px}.demo-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,2.2fr);align-items:center;gap:4.4vw;padding:12px var(--page-pad) 0;max-width:1900px;margin:auto}.demo-intro{padding-bottom:50px}.demo-hero h1{font-size:clamp(64px,6.7vw,112px);line-height:.94;margin:0 0 28px}.demo-hero .hero-tagline{font-size:clamp(22px,2.1vw,32px);line-height:1.2;margin-bottom:20px}.demo-hero .hero-description{font-size:16px;line-height:1.6;max-width:290px;color:#d0d7e2;margin-bottom:30px}.demo-hero .button{gap:25px;white-space:nowrap}.demo-invitation{font-size:14px;line-height:1.6;color:#d0d7e2;margin:36px 0 13px}.demo-replay{display:inline-flex;align-items:center;gap:8px;border:0;padding:8px 0;background:transparent;color:#fff;font-size:13px;text-underline-offset:4px}.demo-replay:hover{text-decoration:underline}.demo-replay svg{width:15px;height:15px}
.demo-product{min-width:0}.demo-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin:0 0 12px;color:#d1d8e2}.caption-detail{color:#aab4c2}.demo-caption button{background:transparent;border:1px solid #6c7580;color:#f5f7fb;min-width:65px;padding:5px 10px;font-size:12px;min-height:30px}.demo-caption button:hover{background:#333b46}
.resolve-demo{--demo-green:#97d9a7;--demo-coral:#ff777b;--panel-line:#3c4149;--panel-muted:#b6bec9;--pin-x:72%;--pin-y:40%;--image-origin:72% 40%;background:#202329;color:#e9edf4;border:1px solid #59606b;border-radius:6px;overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.38);font-size:12px}.resolve-demo button:focus-visible,.resolve-demo textarea:focus-visible{outline:2px solid #fff;outline-offset:3px}.resolve-titlebar{height:33px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;background:#262930;color:#dce0e8;font-size:11px;border-bottom:1px solid #101216}.resolve-window-dots{display:flex;gap:5px}.resolve-window-dots i{width:7px;height:7px;border:1px solid #858b94;border-radius:50%}.resolve-app-name{color:#aab2bf}.resolve-toolbar{display:flex;gap:25px;align-items:center;height:34px;padding:0 14px;background:#1c1f24;font-size:11px;color:#aab2bf;border-bottom:1px solid #3b4048}.resolve-toolbar span:last-child{margin-left:auto}.toolbar-edit{color:#fff}
.resolve-workspace{display:grid;grid-template-columns:minmax(0,1fr) 255px}.resolve-view{background:#13161b;min-width:0;display:flex;flex-direction:column;justify-content:center}.viewer-top{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#bcc4ce;font-size:11px}.demo-timecode,.transport-time{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:.02em}.demo-viewer{position:relative;aspect-ratio:1.6;isolation:isolate}.viewer-picture{position:absolute;inset:0;overflow:hidden;background:#07090b}.viewer-picture img{width:100%;height:100%;display:block;object-fit:cover;transform-origin:var(--image-origin);transform:scale(1);filter:grayscale(0);opacity:1;transition:transform .75s cubic-bezier(.16,1,.3,1),filter .65s ease,opacity .65s ease}.resolve-demo[data-comparison=after][data-effect=zoom] .viewer-picture img{transform:scale(1.2)}.resolve-demo[data-comparison=after][data-effect=mono] .viewer-picture img{filter:grayscale(1)}.resolve-demo[data-comparison=after][data-effect=fade] .viewer-picture img{opacity:.65}#pin-surface{position:absolute;inset:0;width:100%;height:100%;padding:0;background:none;border:0;cursor:crosshair;color:white;z-index:2}.viewer-instruction{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:90%;display:flex;align-items:center;gap:10px;background:rgba(11,15,21,.9);border:1px solid rgba(255,255,255,.45);padding:12px 16px;font-size:13px}.viewer-instruction svg{width:16px;height:24px;color:var(--coral)}.demo-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-93.75%);z-index:3;pointer-events:none;color:var(--demo-coral);display:flex;align-items:center}.demo-pin svg{width:26px;height:38px}.demo-pin>span{position:absolute;left:27px;top:0;color:#fff;background:#1d2229;font-size:11px;padding:3px 6px;border:1px solid #717986}.resolve-demo[data-phase=done] .demo-pin{color:var(--demo-green)}.viewer-badge{position:absolute;top:10px;left:10px;padding:5px 8px;font-size:11px;background:rgba(8,12,18,.83);border:1px solid #78828e;pointer-events:none;z-index:1}.viewer-transport{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;color:#aeb7c4;font-size:11px;height:37px}.transport-icons svg{width:64px;height:20px;display:block}
.note-popover{position:absolute;z-index:8;width:265px;padding:12px;background:#f0f3f9;color:#20242c;box-shadow:0 14px 38px rgba(0,0,0,.4);border-radius:4px;border:1px solid #fff}.note-popover-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;margin-bottom:10px}.note-popover-head>span>span{font-size:11px;font-weight:400;color:#535d6c;margin-left:6px}.note-popover-head button{padding:2px;border:0;background:none;color:#535d6c;width:24px;height:24px}.note-popover-head svg{width:19px;height:19px}.note-popover textarea{display:block;width:100%;min-height:65px;resize:none;border:1px solid #8f99a7;padding:10px;font:14px/1.45 Switzer,Arial,sans-serif;color:#171b22;background:#fff;border-radius:0;caret-color:var(--coral-dark)}.note-popover textarea::placeholder{color:#616c7c}.note-samples{display:flex;gap:6px;margin-top:9px}.note-samples button{font-size:11px;padding:5px 9px;min-height:29px;color:#333b47;border:1px solid #9ba5b2;background:transparent}.note-samples button[aria-pressed=true]{background:#252b34;color:#fff;border-color:#252b34}#demo-note-help{font-size:11px;line-height:1.4;color:#535d6c;margin:8px 0}.note-popover .demo-action{margin-top:9px;font-size:12px;min-height:34px}.note-popover textarea:focus-visible,.note-popover button:focus-visible{outline-color:#a52c37}
.pincut-panel{border-left:1px solid var(--panel-line);background:#272b32;display:flex;flex-direction:column;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:1px solid var(--panel-line)}.panel-heading>span:first-child{display:flex;align-items:center;gap:6px;font-size:16px;letter-spacing:-.025em}.panel-heading svg{width:14px;height:21px;color:var(--coral)}.round-label{font-size:11px;color:#b8c1ce}.panel-body{padding:16px 15px;flex:1;min-height:307px}.panel-stage{display:flex;justify-content:space-between;align-items:center;color:var(--panel-muted);font-size:11px;margin-bottom:14px}.stage-dot{width:6px;height:6px;border-radius:50%;background:#abb4c2}.resolve-demo[data-phase=applying] .stage-dot{background:var(--coral)}.resolve-demo[data-phase=done] .stage-dot{background:var(--demo-green)}.panel-body h2{font-size:21px;line-height:1.2;letter-spacing:-.025em;margin:0 0 10px;font-weight:450}.panel-body>p{font-size:12px;line-height:1.55;color:var(--panel-muted);margin:0 0 14px}.round-note{border-top:1px solid #4a515b;border-bottom:1px solid #4a515b;padding:12px 0;margin:16px 0}.round-note-top{display:flex;align-items:center;gap:7px;font-size:11px;color:#c0c8d3}.round-note-top>span:last-child{margin-left:auto;color:var(--demo-coral)}.round-note-pin{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--demo-coral);color:var(--demo-coral)}.round-note p{font-size:13px;line-height:1.5;margin:9px 0 0;overflow-wrap:anywhere}.resolve-demo[data-phase=done] .round-note-top>span:last-child{color:var(--demo-green)}.resolve-demo[data-phase=done] .round-note-pin{border-color:var(--demo-green);color:var(--demo-green)}.demo-action{border:0;display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 12px;background:#f06a6d;color:#10151b;font-size:12px;min-height:38px;font-weight:500;line-height:1.3;margin-top:14px}.demo-action:hover{background:#ff8587}.demo-action svg{width:17px;height:17px}.demo-action-outline{background:transparent;border:1px solid #7c8795;color:#edf2f9}.demo-action-outline:hover{background:#3d4551}.panel-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--panel-line);padding:10px 12px;font-size:11px;color:#b8c1ce}.panel-footer>span:last-child{font-size:11px}.agent-progress{margin:15px 0}.agent-progress p{font-size:11px;display:flex;align-items:center;gap:8px;margin:9px 0;color:var(--panel-muted)}.agent-progress p>span{width:11px;height:11px;border:1px solid #8995a4;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.agent-progress p>span.is-done{border-color:var(--demo-green);background:var(--demo-green)}.agent-progress p>span.is-done::after{content:"";width:5px;height:3px;border-left:1px solid #13241a;border-bottom:1px solid #13241a;transform:rotate(-45deg);margin-top:-2px}.edit-receipt{display:flex;justify-content:space-between;align-items:center;margin:15px 0;font-size:12px}.edit-receipt>span:last-child{display:flex;align-items:center;gap:9px}.edit-receipt svg{width:13px;height:13px}.edit-receipt strong{font-weight:500;color:var(--demo-green)}.compare-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#687383;border:1px solid #687383}.compare-buttons button{background:#272b32;color:#c8d0dc;padding:9px;font-size:12px;border:0;min-height:35px}.compare-buttons button[aria-pressed=true]{background:#e9effb;color:#16181d}.demo-text-action{border:0;background:none;color:#f3f6fc;text-align:left;padding:4px 0;text-decoration:underline;font-size:12px;line-height:1.5}.panel-body .custom-note-hint{font-size:12px;margin-top:13px}
.resolve-timeline{border-top:1px solid #414751;background:#20242b}.timeline-toolbar{padding:10px 13px;display:flex;justify-content:space-between;font-size:11px;color:#c3cbd6;gap:12px}.timeline-toolbar>span:last-child{color:#a9b6c8}.timeline-body{display:flex;padding:0 12px 12px;gap:8px}.track-headings{width:22px;flex-shrink:0;display:flex;flex-direction:column;padding-top:26px;gap:24px;font-size:11px;color:#b1bdce}.timeline-tracks{min-width:0;flex:1;position:relative}.timeline-ruler{display:flex;justify-content:space-between;align-items:center;height:21px;color:#a5afbd;font:10px/1.2 ui-monospace,monospace}.timeline-ruler span{font-size:11px}.video-track{height:42px;display:flex;gap:3px}.film-clip{position:relative;overflow:hidden;background:#304d72;border:1px solid #648ab7;min-width:0;display:flex;align-items:center}.film-clip img{width:60px;height:100%;object-fit:cover;opacity:.65}.film-clip>span{font-size:11px;white-space:nowrap;padding:4px;position:relative;text-shadow:0 1px 2px #111}.clip-one{flex:1.1}.clip-selected{flex:1.7;border:2px solid #cc9e6a}.clip-three{flex:1.1}.audio-track{height:23px;background:#224e40;border:1px solid #447961;margin-top:3px;overflow:hidden;color:#73aa89}.audio-track svg{width:100%;height:22px}.timeline-playhead{position:absolute;top:16px;bottom:0;left:44%;width:1px;background:var(--demo-coral)}.timeline-pin{position:absolute;left:-7px;bottom:calc(100% - 1.25px);width:14px;height:20px;color:var(--demo-coral)}.resolve-demo[data-phase=done] .timeline-pin{color:var(--demo-green)}.resolve-pages{display:flex;justify-content:center;gap:30px;background:#181c21;border-top:1px solid #363d47;padding:9px 8px;font-size:11px;color:#a7b2c2}.resolve-pages .is-current{color:#fff;position:relative}.resolve-pages .is-current::after{content:"";position:absolute;height:2px;background:var(--coral);bottom:-9px;left:-8px;right:-8px}.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:12px}.demo-bottom p{font-size:11px;color:#b6c0ce;line-height:1.5;text-align:right;margin:0}.demo-bottom p span{color:#a5afbd}.demo-bottom .scene-button{font-size:12px;min-height:36px;padding:7px 11px}
@media(min-width:1700px){.demo-layout{padding-top:45px}.resolve-workspace{grid-template-columns:minmax(0,1fr) 285px}.panel-body{padding:20px}.panel-body h2{font-size:24px}.panel-body>p{font-size:14px}.round-note p{font-size:14px}.demo-hero .hero-description{font-size:18px}.demo-hero h1{font-size:120px}}
@media(max-width:1200px){.demo-layout{grid-template-columns:minmax(220px,.8fr) minmax(0,2.2fr);gap:28px}.demo-hero h1{font-size:74px}.resolve-workspace{grid-template-columns:minmax(0,1fr) 220px}.panel-body{padding:13px;min-height:288px}.panel-body h2{font-size:19px}.demo-hero .hero-description{font-size:14px}.demo-hero .button{font-size:14px;padding:13px 14px}.demo-viewer{aspect-ratio:1.35}.film-clip>span{display:none}.resolve-pages{gap:22px}}
@media(max-width:1000px){.demo-layout{grid-template-columns:1fr;gap:28px;padding-top:20px}.demo-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;align-items:start;padding:0}.demo-hero h1{font-size:76px;grid-row:1/4;margin:0}.demo-hero .hero-tagline{font-size:24px;margin:0 0 12px}.demo-hero .hero-tagline br{display:none}.demo-hero .hero-description{margin:0 0 17px;max-width:440px}.demo-hero .button{justify-self:start}.demo-invitation{margin:14px 0 0;grid-column:1;font-size:13px}.demo-invitation br{display:none}.demo-replay{grid-column:2;grid-row:4;align-self:end;justify-self:start}.resolve-workspace{grid-template-columns:minmax(0,1fr) 250px}.demo-viewer{aspect-ratio:1.6}.panel-body{min-height:270px}.demo-hero{padding-bottom:30px}}
@media(max-width:600px){.demo-hero .site-header{padding:20px}.demo-layout{padding:8px 14px 0;gap:23px}.demo-intro{padding:0 6px;column-gap:16px;grid-template-columns:1fr 1fr}.demo-hero h1{font-size:56px;grid-row:1/3;margin:0;align-self:start}.demo-hero .hero-tagline{font-size:18px;line-height:1.25;margin:2px 0 8px}.demo-hero .hero-tagline br{display:block}.demo-hero .hero-description{font-size:12px;line-height:1.5;margin:0 0 14px}.demo-hero .button{grid-column:1;grid-row:3;min-height:40px;font-size:12px;padding:10px 12px;gap:10px;margin-top:12px}.demo-invitation{grid-column:1/-1;grid-row:4;font-size:12px;margin-top:17px}.demo-replay{grid-column:2;grid-row:3;font-size:12px;align-self:center;padding:8px 0;gap:5px}.demo-replay svg{width:13px;flex-shrink:0}.demo-caption{font-size:11px;margin-bottom:9px}.caption-detail{display:none}.demo-caption button{font-size:11px;min-height:28px;min-width:59px}.resolve-titlebar{padding:0 9px;gap:8px;height:30px}.resolve-app-name{display:none}.resolve-toolbar{height:27px;padding:0 10px;font-size:11px}.resolve-workspace{grid-template-columns:1fr}.viewer-top{height:29px;padding:0 10px}.demo-viewer{aspect-ratio:1.6;transition:margin-bottom .2s}.viewer-instruction{font-size:12px;padding:10px;gap:7px}.viewer-instruction svg{width:13px;height:20px}.viewer-transport{height:28px;padding:5px 10px}.pincut-panel{border-left:0;border-top:1px solid #4c535e}.panel-heading{padding:8px 12px}.panel-heading>span:first-child{font-size:15px}.panel-body{padding:12px;min-height:165px;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.panel-stage{grid-column:1/-1;margin-bottom:10px}.panel-body h2{font-size:18px;margin-bottom:8px}.panel-body>p{grid-column:1;font-size:12px;margin:0}.round-note{grid-column:2;grid-row:2/4;margin:0;padding:0;border:0}.round-note p{font-size:12px;margin-top:8px}.panel-body .demo-action{grid-column:2;grid-row:4;margin-top:12px}.agent-progress{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px 15px;margin:8px 0 0}.agent-progress p{margin:2px 0;font-size:11px}.edit-receipt{grid-column:1;grid-row:4;margin:12px 0 0;gap:7px;font-size:11px}.edit-receipt>span:last-child{gap:5px}.compare-buttons{grid-column:2;grid-row:4;margin-top:10px}.panel-body #new-note{grid-column:1/-1;grid-row:5;margin-top:11px}.panel-footer{padding:8px 12px}.panel-body .custom-note-hint{grid-column:1/-1;margin:12px 0 5px}.demo-text-action{grid-column:1/-1}.timeline-toolbar{padding:9px 10px;font-size:11px}.timeline-toolbar>span:last-child{display:none}.timeline-body{padding:0 10px 9px}.video-track{height:31px}.audio-track{height:17px}.audio-track svg{height:17px}.track-headings{font-size:11px;gap:15px}.timeline-ruler span:nth-child(3){display:none}.film-clip img{width:100%;height:100%;object-fit:cover}.resolve-pages{gap:17px;font-size:11px;padding:8px 7px}.resolve-pages span:first-child,.resolve-pages span:last-child{display:none}.note-popover{left:0!important;top:calc(100% + 1px)!important;width:100%;border-radius:0;box-shadow:none;padding:12px;min-height:222px}.demo-viewer:has(.note-popover:not([hidden])){margin-bottom:228px}.note-popover textarea{min-height:58px;max-height:65px;font-size:16px}.note-popover .demo-action{margin-top:8px}.note-samples{position:absolute;right:12px;bottom:57px}.note-samples button{font-size:11px;padding:4px 8px;min-height:28px}#demo-note-help{max-width:160px;min-height:30px;margin-top:8px}.demo-bottom{align-items:flex-start;gap:8px}.demo-bottom p{font-size:11px;max-width:165px;padding-top:4px}.demo-bottom .scene-button{font-size:11px;padding:8px;gap:5px}.demo-bottom .scene-switcher{gap:0}.demo-hero{min-height:0}.demo-hero .powered{font-size:11px}.demo-hero .wordmark{font-size:28px}}
@media(prefers-reduced-motion:reduce){.demo-viewer{transition:none}.viewer-picture img{transition:none}}

@media(max-width:600px){
 .demo-hero .site-header{padding:14px 20px}.demo-layout{padding-top:4px;gap:12px}.demo-hero h1{font-size:48px;grid-row:1;margin:0}.demo-hero .hero-tagline{display:none}.demo-hero .hero-description{grid-column:2;grid-row:1;font-size:12px;line-height:1.5;margin:0;align-self:center}.demo-hero .button{grid-row:2;margin-top:14px}.demo-replay{grid-row:2;margin-top:14px}.demo-invitation{grid-row:3;margin-top:11px}.demo-caption{margin-bottom:7px}.resolve-titlebar{height:26px}.resolve-toolbar,.viewer-transport,.resolve-pages{display:none}.viewer-top{height:25px}.demo-viewer{aspect-ratio:1.85}.panel-heading,.panel-footer{display:none}.panel-body{min-height:105px;padding:10px 12px}.panel-stage{margin-bottom:8px}.panel-body h2{font-size:17px;margin-bottom:6px}.panel-body>p:not(.custom-note-hint){display:none}.round-note{grid-row:2/3}.round-note-top{font-size:10px}.round-note p{margin-top:6px}.panel-body .demo-action,.compare-buttons,.edit-receipt{grid-row:3;margin-top:8px}.panel-body #new-note{grid-row:4;margin-top:8px;padding:7px 10px;min-height:32px}.timeline-toolbar{padding:7px 10px}.timeline-body{padding-bottom:7px}.video-track{height:26px}.audio-track,.audio-track svg{height:13px}.track-headings{gap:12px;padding-top:23px}.timeline-ruler{height:19px}.demo-bottom{padding-top:9px}.demo-bottom p{font-size:10px}.demo-hero{padding-bottom:20px}.resolve-demo[data-phase=typing] .pincut-panel,.resolve-demo[data-phase=note]:has(.note-popover:not([hidden])) .pincut-panel{display:none}.note-popover{min-height:205px;padding:10px 12px}.note-popover-head{margin-bottom:6px}.demo-viewer:has(.note-popover:not([hidden])){margin-bottom:205px}.note-samples{bottom:50px}.note-popover .demo-action{min-height:32px}
}

/* The two application windows mirror the native companion workflow. */
.demo-layout{grid-template-columns:minmax(210px,.62fr) minmax(0,2.38fr);gap:3vw}.demo-hero h1{font-size:clamp(64px,6.1vw,100px)}.resolve-demo{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:18px;align-items:center;background:none;border:0;border-radius:0;overflow:visible;box-shadow:none;--playhead:36.24%;--marker:36.24%}.resolve-window{min-width:0;background:#1c1f24;border:1px solid #59606b;border-radius:7px;overflow:hidden;box-shadow:0 18px 45px #0004}.resolve-view{display:block}.demo-viewer{aspect-ratio:16/9}.viewer-top{height:28px}.viewer-transport{display:flex;height:34px;padding:4px 12px}.viewer-transport button{min-width:55px;border:1px solid #77808e;background:#262a32;color:#eef2f8;font-size:12px;padding:3px 9px;min-height:26px}.viewer-transport button[aria-pressed=true]{background:var(--demo-coral);color:#111}.viewer-instruction{font-size:12px;padding:10px}.timeline-console{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 14px;background:#171a20;border-top:1px solid #424852}.timeline-console>div>span{font-size:11px;color:#b3bfce;display:block;margin-bottom:6px}.timeline-console output{display:block;font:clamp(27px,2.5vw,42px)/1 ui-monospace,SFMono-Regular,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.045em;color:#fff;white-space:nowrap}.timeline-console p{font-size:11px;line-height:1.5;color:#b7c3d2;margin:0;text-align:right}.timeline-body{padding-bottom:9px}.timeline-viewport{min-width:0;flex:1;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#858b96 #14171c;cursor:grab;touch-action:pan-y;user-select:none;padding-top:12px}.timeline-viewport.is-grabbing{cursor:grabbing}.timeline-viewport:focus-visible{outline:2px solid var(--demo-coral);outline-offset:2px}.timeline-viewport::-webkit-scrollbar{height:7px}.timeline-viewport::-webkit-scrollbar-track{background:#14171c}.timeline-viewport::-webkit-scrollbar-thumb{background:#858b96;border-radius:4px}.timeline-tracks{width:160%;min-width:560px;padding-bottom:4px}.timeline-ruler{height:30px;align-items:flex-start;pointer-events:none}.timeline-ruler span{font-size:10px;white-space:nowrap}.timeline-scrub{position:absolute;top:0;left:0;width:100%;height:34px;margin:0;z-index:3;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;touch-action:none}.timeline-scrub::-webkit-slider-runnable-track{height:1px;background:#707985}.timeline-scrub::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:20px;background:var(--demo-coral);border:1px solid #ffb4b4;border-radius:2px;margin-top:-10px}.timeline-scrub::-moz-range-track{height:1px;background:#707985}.timeline-scrub::-moz-range-thumb{width:14px;height:20px;background:var(--demo-coral);border:1px solid #ffb4b4;border-radius:2px}.timeline-scrub:focus-visible{outline:2px solid #fff;outline-offset:0}.timeline-playhead{left:var(--playhead);top:26px;bottom:4px;background:var(--demo-coral);pointer-events:none;z-index:2}.timeline-marker{position:absolute;left:var(--marker);top:12px;transform:translate(-50%,-93.75%);width:20px;height:29px;padding:0;border:0;background:none;color:var(--demo-coral);z-index:4;cursor:pointer}.timeline-marker svg{width:20px;height:29px}.resolve-demo[data-phase=done][data-comparison=after] .timeline-marker,.resolve-demo[data-phase=done][data-comparison=after] .demo-pin{color:var(--demo-green)}.resolve-demo[data-comparison=before] .demo-pin{color:var(--demo-coral)}.track-headings{padding-top:45px}.video-track{height:47px}.clip-one{flex:3}.clip-selected{flex:5}.clip-three{flex:4}.film-clip{pointer-events:none}.film-clip.is-at-playhead{outline:1px solid #f4ce8f;outline-offset:-2px}.resolve-pages{gap:17px}.resolve-pages span{font-size:10px}
.pincut-panel{display:flex!important;align-self:center;border:1px solid #64646b;border-radius:9px;background:#25242c;overflow:hidden;box-shadow:0 20px 45px #0005;color:#e2e1e7}.pincut-titlebar{display:flex;align-items:center;gap:14px;height:36px;padding:0 12px;background:#2b2b2d;font-size:13px;font-weight:500}.native-tabs{display:flex;gap:2px;margin:13px 11px 0;border-bottom:1px solid #5a5961}.native-tabs span{font-size:11px;padding:7px 8px;color:#c5c3cd;border:1px solid #505057;border-bottom:0;border-radius:3px 3px 0 0;white-space:nowrap}.native-tabs .active{color:#fff;background:#33323b;border-color:#93919c}.native-tabs .inactive{color:#8d8b96}.app-context{padding:13px 12px 0;font-size:11px;line-height:1.5;color:#c5c3cd}.app-context span{display:block}.app-context span:first-child{color:#ededf1}.capture-note{margin:12px 12px 0;min-height:31px;background:#292830;border:1px solid #77747f;border-radius:16px;color:#ededf1;font-size:12px}.capture-note:hover{background:#393741}.app-timecode{padding:13px 12px}.app-timecode>span{display:block;color:#c6c2cf;font-size:11px;line-height:1.5}.app-timecode output{font:23px/1.4 ui-monospace,SFMono-Regular,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.045em;color:#fff;display:block}.app-timecode #point-status{font-size:10px;color:#aaa6b6}.note-popover{position:static!important;width:auto!important;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0 12px 14px;color:#e2e1e7;min-height:0}.note-popover-head{font-size:11px;margin-bottom:7px}.note-popover-head>span>span,.note-popover-head button{color:#bbb6c7}.note-popover textarea{background:#1d1c23;border:1px solid #6f6b7b;color:#f4f0fa;min-height:115px;font-size:14px;caret-color:#ff999c}.note-popover textarea::placeholder{color:#b7b0c7}.note-samples{position:static;margin:9px 0 0}.note-samples button{color:#ddd6eb;border-color:#83798f;min-height:30px}.note-samples button[aria-pressed=true]{background:#e9e4f1;color:#28232e;border-color:#e9e4f1}.note-popover #demo-note-help{color:#bdb4cd;max-width:none;min-height:0;font-size:11px;line-height:1.5;margin:9px 0}.note-popover .demo-action{background:#37343e;border:1px solid #93899f;color:#f7f3fc;border-radius:16px;justify-content:center;min-height:34px;margin-top:10px}.note-popover .demo-action svg{display:none}.empty-composer{margin:0 12px 14px;padding:13px;border:1px solid #5e5969;background:#1d1c23;min-height:150px;font-size:12px;color:#b8afc6;line-height:1.5}.panel-body{display:block;padding:14px 12px;min-height:0}.panel-body h2{font-size:19px}.panel-body>p:not([hidden]){display:block;font-size:12px}.panel-stage{margin-bottom:10px}.round-note{margin:13px 0;padding:10px 0;border-top:1px solid #56515e;border-bottom:1px solid #56515e}.round-note p{font-size:13px}.note-jump{border:0;background:none;color:#dfd6ee;font:11px ui-monospace,monospace;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.round-note-top{gap:5px;font-size:10px}.round-note-pin{width:19px;height:19px}.round-options>span{display:block;border:1px solid #6e667b;padding:8px;font-size:11px;margin-top:6px;color:#d5ccdf}.agent-choice{display:flex;gap:6px;margin-top:10px}.agent-choice button{flex:1;border:1px solid #7d718e;background:none;color:#dfd5eb;padding:7px 8px;font-size:12px}.agent-choice button[aria-pressed=true]{background:#e9e3f0;color:#27212e}.panel-footer{display:flex;padding:11px 12px;flex-wrap:wrap;line-height:1.5;border-top:1px solid #57505f;color:#c3b8d0}.panel-footer span{font-size:10px}.resolve-demo[data-phase=ready] .panel-body,.resolve-demo[data-phase=note] .panel-body,.resolve-demo[data-phase=typing] .panel-body{display:none}.resolve-demo[data-phase=review] .capture-note,.resolve-demo[data-phase=applying] .capture-note,.resolve-demo[data-phase=done] .capture-note{display:none}.resolve-demo[data-phase=ready] .app-timecode{padding-bottom:13px}.agent-progress{display:block}.agent-progress p{margin:9px 0}.edit-receipt{margin:14px 0}.compare-buttons{margin-top:12px}.panel-body #new-note{margin-top:12px}.demo-viewer:has(.note-popover:not([hidden])){margin-bottom:0}
@media(min-width:1700px){.resolve-demo{grid-template-columns:minmax(0,1fr) 310px;gap:24px}.demo-hero h1{font-size:110px}.native-tabs span{font-size:12px;padding:8px 9px}.app-timecode output{font-size:27px}.note-popover textarea{min-height:145px}.empty-composer{min-height:170px}}
@media(max-width:1200px){.demo-layout{grid-template-columns:1fr;gap:24px}.demo-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:0}.demo-hero h1{grid-column:1;grid-row:1/4;font-size:68px;margin:0}.demo-hero .hero-tagline{font-size:23px;margin-bottom:12px}.demo-hero .hero-description{margin-bottom:14px;max-width:400px}.demo-hero .button{justify-self:start}.demo-invitation{grid-column:1;grid-row:4;margin-top:15px}.demo-replay{grid-column:2;grid-row:4;margin-top:10px}.resolve-demo{grid-template-columns:minmax(0,1fr) 280px}.demo-layout{padding-top:12px}.timeline-console output{font-size:32px}}
@media(max-width:680px){.resolve-demo{grid-template-columns:minmax(0,1fr);gap:16px}.pincut-panel{width:100%;max-width:440px;justify-self:center}.native-tabs span{font-size:12px;padding:8px 12px}.pincut-titlebar{height:34px}.demo-hero h1{font-size:48px;grid-row:1}.demo-hero .hero-tagline{display:none}.demo-hero .hero-description{grid-column:2;grid-row:1;font-size:12px;align-self:center;margin:0}.demo-hero .button{grid-column:1;grid-row:2}.demo-replay{grid-column:2;grid-row:2}.demo-invitation{grid-column:1/-1;grid-row:3}.demo-viewer{aspect-ratio:1.85}.resolve-toolbar,.resolve-pages{display:none}.resolve-titlebar{height:28px}.resolve-app-name{display:inline;font-size:10px}.resolve-window-dots{display:none}.resolve-titlebar #project-name{font-size:10px}.viewer-top{height:25px}.timeline-console{padding:13px 11px}.timeline-console output{font-size:33px}.timeline-console p{max-width:112px;font-size:10px}.timeline-console>div>span{font-size:10px}.video-track{height:32px}.audio-track,.audio-track svg{height:17px}.track-headings{padding-top:45px;gap:13px}.timeline-ruler span:nth-child(3){display:inline}.timeline-viewport{scrollbar-width:auto}.timeline-tracks{min-width:530px}.film-clip img{width:44px}.film-clip>span{display:inline;font-size:10px}.note-popover textarea{font-size:16px;min-height:100px;max-height:none}.empty-composer{min-height:100px}.note-samples{position:static}.app-timecode output{font-size:30px}.panel-body{display:block}.panel-body h2{font-size:20px}.panel-body>p:not(.custom-note-hint){display:block}.panel-heading{display:none}.panel-body .demo-action{margin-top:12px}.demo-bottom p{font-size:10px}.demo-layout{padding-left:14px;padding-right:14px}.demo-intro{gap:0 16px}.viewer-instruction{font-size:11px}.demo-hero{padding-bottom:24px}}

.resolve-window .demo-viewer{aspect-ratio:2.15}.timeline-playhead{left:calc(var(--playhead) + var(--playhead-offset,0px))}.timeline-marker{left:calc(var(--marker) + var(--marker-offset,0px))}.note-actions{display:flex;gap:7px;margin-top:10px}.note-actions .demo-action{flex:1;margin:0}.note-actions #note-close{flex:1;min-height:34px;border:1px solid #77717f;border-radius:16px;background:#29262f;color:#e4ddec;font-size:12px}.note-actions #note-close:hover{background:#403b48}.pincut-panel .note-popover-head{display:none}
@media(max-width:680px){.resolve-window .demo-viewer{aspect-ratio:1.85}}