.production-review{--app:#0b0b0d;--panel:#101012;--raised:#17171a;--raised-hover:#202024;--stage:#060607;--ink:#f5f4f0;--ink-2:#9c9da3;--ink-3:#64656b;--line:rgb(245 244 240/7%);--line-strong:rgb(245 244 240/14%);--pin:#e8a33d;--draw:#8d85f2;--voice:#58a6ff;--green:#3dd68c;--amber:#e7aa43;--gray:#7b7c82;--danger:#f2555a;--radius:10px;--sans:var(--font-geist-sans,"Geist",ui-sans-serif,system-ui,sans-serif);--mono:var(--font-geist-mono,"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace)}.production-review,.production-review *{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgb(245 244 240/16%) transparent}.production-review,body:has(.production-review),html:has(.production-review){min-height:100%;margin:0;background:var(--app)}.production-review{color:var(--ink)}.production-review button,.production-review input,.production-review textarea{font:inherit}.production-review button{color:inherit}.production-review button:not(:disabled),.production-review summary{cursor:pointer}.production-review ::selection{background:rgb(232 163 61/28%)}.production-review :focus-visible{outline:2px solid var(--pin);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon{display:block;flex:none}.detail-loading,.loading-page{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ink-2);background:var(--app)}.detail-loading{min-height:100%;flex:1}.spinner{width:16px;height:16px;border:2px solid var(--line-strong);border-top-color:var(--pin);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#1a191d 0,var(--app) 48%)}.auth-card{width:min(390px,100%);padding:28px;border:1px solid var(--line-strong);border-radius:14px;background:linear-gradient(145deg,#18181b,var(--panel));box-shadow:0 24px 80px rgb(0 0 0/42%)}.auth-card h1{margin:28px 0 7px;font-size:21px;line-height:1.2;letter-spacing:-.025em}.auth-card p{margin:0 0 22px;color:var(--ink-2)}.error-note{margin-top:12px;padding:9px 11px;border:1px solid rgb(242 85 90/25%);border-radius:7px;background:rgb(242 85 90/10%);color:#ff9a9e;font-size:12px}#clerk-captcha{display:grid;place-items:center;margin-top:12px}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.empty-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:13px;background:var(--raised);color:var(--pin);font-size:22px}.empty h2{margin:17px 0 5px;font-size:18px;letter-spacing:-.02em}.empty p{max-width:380px;margin:0;color:var(--ink-2)}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:700;letter-spacing:-.02em}.brand i{width:18px;height:18px;display:block;border:2px solid var(--ink);border-radius:4px;transform:rotate(45deg);box-shadow:inset 0 0 0 4px var(--panel)}.brand i:after{content:"";display:block;width:5px;height:5px;margin:4.5px;border-radius:50%;background:var(--pin)}.brand.compact{font-size:15px}.primary,.secondary{min-height:35px;padding:0 14px;border-radius:7px;font-size:12px;font-weight:650;transition:transform .14s ease,background .14s ease,border-color .14s ease,opacity .14s ease}.primary{border:1px solid #f1f0ec;background:var(--ink);color:#121214}.primary:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.primary:active:not(:disabled){transform:translateY(0)}.primary.wide{width:100%}.secondary{border:1px solid var(--line-strong);background:transparent;color:var(--ink-2)}.secondary:hover:not(:disabled){border-color:rgb(245 244 240/28%);background:var(--raised);color:var(--ink)}.primary:disabled,.secondary:disabled{opacity:.48;cursor:not-allowed}.app-shell{min-height:100vh;background:var(--app)}.sessions-sidebar,.workspace{min-height:100vh;display:flex}.sessions-sidebar{width:208px;flex:none;flex-direction:column;border-right:1px solid var(--line);background:var(--panel)}.sessions-brand{height:52px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--line)}.sessions-brand .version{margin-left:auto;color:var(--ink-3);font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em}.sessions-nav{min-height:0;flex:1;overflow:auto;padding:9px 8px 16px}.project-group{margin:8px 0 16px}.project-group h2{margin:0;padding:0 8px 5px;overflow:hidden;color:var(--ink-3);font:10px/1.4 var(--mono);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.run-list{display:grid;gap:2px}.run-row{position:relative;width:100%;display:flex;align-items:flex-start;gap:8px;padding:7px 8px;border:0;border-radius:6px;background:transparent;text-align:left}.run-row:hover{background:rgb(245 244 240/4%)}.run-row.active{background:var(--raised);box-shadow:inset 2px 0 var(--pin)}.session-dot{width:6px;height:6px;flex:none;margin-top:5px;border-radius:50%;background:var(--pin)}.session-approved{background:var(--green)}.session-changes-requested{background:var(--amber)}.session-uploading{background:var(--voice);box-shadow:0 0 0 3px rgb(88 166 255/12%);animation:breathe 1.7s ease-in-out infinite}.session-copy{min-width:0;flex:1;display:flex;align-items:center;gap:8px}.run-title{overflow:hidden;color:var(--ink-2);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.run-row.active .run-title,.run-row:hover .run-title{color:var(--ink)}.session-age{flex:none;color:var(--ink-3);font:10px/1.35 var(--mono)}.sessions-account{display:flex;align-items:center;gap:8px;padding:11px 13px;border-top:1px solid var(--line);color:var(--ink-2);font-size:11px}.sessions-account>span:not(.avatar){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessions-account button{padding:3px;border:0;background:transparent;color:var(--ink-3);font-size:10px}.sessions-account button:hover{color:var(--ink)}.avatar{width:23px;height:23px;display:grid;flex:none;place-items:center;border-radius:50%;background:rgb(232 163 61/14%);color:var(--pin);font:650 10px var(--mono)}.review-detail{min-width:0;flex:1;display:grid;grid-template-columns:264px minmax(0,1fr);background:var(--app)}.stories-panel{min-height:100vh;overflow:auto;padding:14px 9px 24px;border-right:1px solid var(--line);background:#0e0e10}.stories-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 7px 12px}.rail-label{color:var(--ink-3);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.lane-toggle{display:flex;padding:2px;border:1px solid var(--line-strong);border-radius:7px;background:#09090a}.lane-toggle button{min-height:30px;display:flex;align-items:center;gap:5px;padding:5px 8px;border:0;border-radius:5px;background:transparent;color:var(--ink-2);font:11px var(--mono);text-transform:capitalize}.lane-toggle button span{white-space:nowrap}.lane-toggle button.active{background:var(--raised-hover);color:var(--ink);box-shadow:0 1px 4px rgb(0 0 0/28%)}.stories-empty{padding:16px 8px;color:var(--ink-2);font-size:11px}.stories-empty strong{color:var(--ink)}.stories-empty p{margin:5px 0 0;color:var(--ink-3);line-height:1.45}.story-summary{display:grid;gap:7px;padding:0 7px 12px;color:var(--ink-3);font:10px var(--mono)}.story-summary-bar{height:3px;display:flex;gap:2px;overflow:hidden;border-radius:3px;background:var(--raised)}.story-summary-bar i{flex:1;background:var(--green)}.story-summary-count{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 9px}.couldnt-run-count{color:var(--gray)}.state-completed-with-issues{background-color:var(--amber)!important}.state-couldnt-run{background-color:var(--gray)!important}.story-list{display:grid;gap:3px;padding:0;margin:0;list-style:none}.story-card{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:start;padding:8px 7px;border:0;border-radius:7px;background:transparent;text-align:left}.story-card.current,.story-card:hover{background:var(--raised)}.story-card.current{box-shadow:inset 2px 0 var(--pin)}.story-index{padding-top:1px;color:var(--ink-3);font:10px var(--mono)}.story-card strong{min-width:0;color:var(--ink-2);font-size:11.5px;font-weight:530;line-height:1.35}.story-card.current strong,.story-card:hover strong{color:var(--ink)}.story-card>p{grid-column:2/-1;margin:0;color:var(--ink-2);font-size:11px;line-height:1.42}.story-card>time{grid-column:2;color:var(--ink-3);font:10px var(--mono)}.story-state{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:rgb(61 214 140/13%);color:var(--green)}.story-state.state-completed-with-issues{background:rgb(231 170 67/14%)!important;color:var(--amber)}.story-state.state-couldnt-run{background:rgb(123 124 130/18%)!important;color:var(--gray)}.story-minus{font-size:14px;line-height:1}.evidence-note,.story-list small{grid-column:2/-1;margin:-2px 0 3px;color:var(--amber);font-size:10px;line-height:1.35}.attempt-history{grid-column:1/-1;margin:0 7px 6px;padding-top:6px;border-top:1px solid var(--line);color:var(--ink-3);font-size:10px}.attempt-history summary{color:var(--ink-2)}.attempt{margin-top:6px;padding:7px;border-radius:6px;background:#09090a}.attempt strong{display:block;color:var(--ink-2);font-size:10px}.attempt p,.attempt small{display:block;margin:3px 0 0;color:var(--ink-3);white-space:pre-wrap}.evidence-note{margin:12px 7px;color:var(--ink-3)}.stage-column{min-width:0;padding:24px 28px 38px}.stage-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;max-width:1260px;margin:0 auto 15px}.stage-title>span{color:var(--ink-3);font:10px var(--mono)}.stage-title h1{margin:3px 0 0;font-size:clamp(18px,2vw,23px);line-height:1.22;letter-spacing:-.03em}.stage-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px 10px;max-width:360px;color:var(--ink-3);font:10px var(--mono);text-align:right}.status{display:inline-flex;align-items:center;gap:5px;color:var(--ink-2);font-size:10px}.observation-dot,.status i{width:6px;height:6px;flex:none;border-radius:50%;background:var(--gray)}.status-approved,.status-completed{color:var(--green)}.status-approved i,.status-completed i{background:var(--green)}.status-changes-requested,.status-completed-with-issues{color:var(--amber)}.status-changes-requested i,.status-completed-with-issues i{background:var(--amber)}.status-couldnt-run,.status-uploading{color:var(--ink-3)}.status-couldnt-run i,.status-uploading i{background:var(--gray)}.status.small{font:10px var(--mono)}.human-status{padding-left:9px;border-left:1px solid var(--line-strong)}.task-context{max-width:1260px;display:flex;gap:10px;margin:0 auto 16px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:rgb(245 244 240/2%)}.task-context span{flex:none;padding-top:1px;color:var(--ink-3);font:10px var(--mono);text-transform:uppercase;letter-spacing:.05em}.task-context p{margin:0;color:var(--ink-2);font-size:11.5px}.stage-layout{position:relative;max-width:1260px;margin:0 auto}.recording-area{min-width:0}.stage-frame{position:relative;aspect-ratio:16/10;min-height:300px;overflow:hidden;border:1px solid var(--line-strong);border-radius:11px 11px 0 0;background-color:var(--stage);box-shadow:0 25px 70px rgb(0 0 0/36%)}.stage-frame:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.32;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 72% at center,black,transparent)}.stage-frame video{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:contain;cursor:pointer}.recording-chrome{position:absolute;z-index:4;top:0;right:0;left:0;height:31px;display:flex;align-items:center;gap:7px;padding:0 11px;border-bottom:1px solid rgb(245 244 240/9%);background:rgb(11 11 13/84%);color:var(--ink-2);font:10px var(--mono);backdrop-filter:blur(12px)}.recording-chrome .observation-dot{background:var(--green)}.recording-chrome .state-completed-with-issues{background:var(--amber)!important}.recording-chrome .state-couldnt-run{background:var(--gray)!important}.recording-chrome time{margin-left:auto;color:var(--ink-3);font-variant-numeric:tabular-nums}.recording-chrome time i{width:6px;height:6px;display:inline-block;margin-right:5px;border-radius:50%;background:var(--ink-3)}.recording-chrome time i.live{background:var(--danger);box-shadow:0 0 0 3px rgb(242 85 90/16%)}.big-play{position:absolute;z-index:5;top:50%;left:50%;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgb(245 244 240/23%);border-radius:50%;background:rgb(6 6 7/78%);color:var(--ink);transform:translate(-50%,-50%);backdrop-filter:blur(9px)}.big-play:hover{border-color:var(--pin);color:var(--pin)}.tool-hint{position:absolute;z-index:6;bottom:12px;left:50%;padding:5px 9px;border:1px solid var(--line-strong);border-radius:5px;background:rgb(6 6 7/88%);color:var(--ink-2);font:10px var(--mono);transform:translateX(-50%);backdrop-filter:blur(8px)}.content-overlay{position:absolute;z-index:3;touch-action:none}.content-overlay.annotating{cursor:crosshair}.draw-box{position:absolute;border:2px solid var(--pin);background:rgb(232 163 61/11%);box-shadow:0 0 0 1px rgb(0 0 0/35%);pointer-events:none}.draw-box.selected{border-color:#fff0c8}.draw-arrow{position:absolute;height:2px;background:var(--draw);box-shadow:0 1px 1px rgb(0 0 0/40%);transform-origin:left center;pointer-events:none}.draw-arrow:after{content:"";position:absolute;top:-4px;right:-1px;width:8px;height:8px;border-top:2px solid var(--draw);border-right:2px solid var(--draw);transform:rotate(45deg)}.draw-arrow.selected,.draw-arrow.selected:after{filter:brightness(1.35)}.saved-annotation{position:absolute;width:18px;height:18px;padding:0;border:2px solid var(--stage);border-radius:50%;background:var(--pin);transform:translate(-50%,-50%);box-shadow:0 1px 8px rgb(0 0 0/40%)}.saved-annotation:after{content:"";width:4px;height:4px;display:block;margin:auto;border-radius:50%;background:var(--stage)}.saved-annotation.selected{outline:2px solid #fff0c8;outline-offset:2px}.annotation-composer{position:absolute;z-index:8;width:min(280px,calc(100vw - 46px));padding:10px;border:1px solid var(--line-strong);border-radius:8px;background:#17171a;box-shadow:0 16px 35px rgb(0 0 0/50%);transform:translate(10px,10px)}.annotation-composer.timestamp-composer{transform:translate(-50%,10px)}.annotation-composer footer,.annotation-composer>div{display:flex;align-items:center;justify-content:space-between;color:var(--ink-3);font:10px var(--mono);text-transform:capitalize}.annotation-composer textarea{width:100%;margin:8px 0;resize:vertical;padding:7px;border:1px solid var(--line-strong);border-radius:5px;outline:0;background:#0b0b0d;color:var(--ink);font-size:11px}.annotation-composer textarea:focus{border-color:rgb(232 163 61/65%);box-shadow:0 0 0 3px rgb(232 163 61/11%)}.annotation-composer footer{gap:7px}.annotation-composer footer span{margin-right:auto}.annotation-composer footer button{padding:3px 6px;border:0;border-radius:4px;background:transparent;color:var(--ink-2);font-size:10px}.annotation-composer footer button:last-child{background:var(--pin);color:#201707}.annotation-composer footer button:disabled{opacity:.45}.playback-toolbar{min-height:51px;display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--line-strong);border-top:0;border-radius:0 0 11px 11px;background:var(--panel)}.annotation-track{position:relative;min-width:70px;flex:1;height:22px;display:flex;align-items:center}.annotation-track input{position:relative;z-index:2;width:100%;margin:0;accent-color:var(--pin);cursor:pointer}.chapter-segments{position:absolute;z-index:0;right:5px;bottom:1px;left:5px;height:3px;overflow:hidden;border-radius:3px;background:var(--raised)}.chapter-segments i{position:absolute;top:0;height:100%;background:var(--green)}.chapter-segments .state-completed-with-issues{background:var(--amber)!important}.chapter-segments .state-couldnt-run{background:var(--gray)!important}.annotation-tick{position:absolute;z-index:3;top:15px;width:7px;height:7px;padding:0;border:1px solid var(--stage);border-radius:50%;background:var(--pin);transform:translateX(-50%)}.annotation-tick.kind-arrow{background:var(--draw)}.toolbar-controls{display:flex;align-items:center;gap:3px}.tool-button{width:27px;height:27px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--ink-3)}.tool-button.active,.tool-button:hover{border-color:var(--line-strong);background:var(--raised);color:var(--ink)}.tool-button.active{color:var(--pin)}.tool-button.play{color:var(--ink)}.toolbar-time{margin:0 3px;color:var(--ink-2);font:10px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.toolbar-time i{color:var(--ink-3);font-style:normal}.toolbar-divider{width:1px;height:16px;margin:0 3px;background:var(--line-strong)}.feedback-toggle{height:27px;display:flex;align-items:center;gap:5px;margin-left:4px;padding:0 8px;border:1px solid var(--line-strong);border-radius:5px;background:transparent;color:var(--ink-2);font-size:10px}.feedback-toggle:hover{background:var(--raised);color:var(--ink)}.recording-empty{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);text-align:center}.recording-empty h2{margin:0 0 5px;font-size:17px}.recording-empty p{max-width:560px;margin:0;color:var(--ink-2)}.recording-empty pre{max-width:100%;margin-top:18px;padding:12px;overflow:auto;border-radius:7px;background:#09090a;color:var(--ink-2);text-align:left;white-space:pre-wrap}.side-panel{position:absolute;z-index:10;top:0;right:0;width:295px;max-height:min(680px,calc(100vh - 48px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line-strong);border-radius:10px;background:var(--panel);box-shadow:0 20px 60px rgb(0 0 0/42%);animation:panel-in .18s ease-out}.stage-layout.panel-open{padding-right:313px}.side-panel-head{min-height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;border-bottom:1px solid var(--line);color:var(--ink);font-size:11px;font-weight:650}.side-panel-head .panel-count{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--raised-hover);color:var(--ink-2);font:10px var(--mono)}.side-panel-head button{width:26px;height:26px;display:grid;place-items:center;margin-left:auto;padding:0;border:0;border-radius:5px;background:transparent;color:var(--ink-3)}.side-panel-head button:hover{background:var(--raised);color:var(--ink)}.feedback-list,.transcript-panel ol{min-height:0;flex:1;overflow:auto;padding:5px 11px;margin:0}.feedback-empty{display:grid;justify-items:center;gap:7px;padding:38px 18px;color:var(--ink-3);text-align:center}.feedback-empty strong{color:var(--ink-2);font-size:11px}.feedback-empty p{margin:0;font-size:10.5px;line-height:1.45}.feedback-card{position:relative;padding:10px 25px 10px 0;border-bottom:1px solid var(--line)}.feedback-card p{margin:5px 0;color:var(--ink);font-size:11.5px;line-height:1.45}.comment-time{padding:0;border:0;background:transparent;color:var(--pin);font:10px var(--mono);text-transform:capitalize}.delete{position:absolute;top:8px;right:0;width:22px;height:22px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:var(--ink-3)}.delete:hover{background:rgb(242 85 90/12%);color:var(--danger)}.resolved-target{display:grid;gap:4px;margin:8px 0 1px;padding:7px 8px;border-radius:5px;background:rgb(245 244 240/3%)}.resolved-target div{min-width:0;display:grid;grid-template-columns:49px minmax(0,1fr);gap:6px}.resolved-target dt{color:var(--ink-3);font:9.5px/1.45 var(--mono)}.resolved-target dd{min-width:0;margin:0;overflow:hidden;color:var(--ink-2);font:10px/1.45 var(--mono);text-overflow:ellipsis;white-space:nowrap}.resolved-target code{font:inherit}.feedback-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border-top:1px solid var(--line)}.feedback-actions button{min-width:0;height:34px;padding:0 8px;border:1px solid var(--line-strong);border-radius:6px;background:transparent;font-size:10.5px}.feedback-actions .decision-request{color:var(--amber)}.feedback-actions .decision-approve{color:var(--green)}.feedback-actions button:hover{background:var(--raised);border-color:currentColor}.feedback-actions button:disabled{opacity:.5;cursor:default}.prompt-panel{margin:0 10px 10px;padding:9px;border:1px solid var(--line);border-radius:7px;background:#0b0b0d}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-head h2{margin:0;color:var(--ink-2);font-size:10px}.section-head button{padding:0;border:0;background:transparent;color:var(--pin);font-size:10px}.prompt-panel pre{max-height:120px;margin:8px 0 0;overflow:auto;color:var(--ink-3);font:9.5px/1.45 var(--mono);white-space:pre-wrap}.transcript-panel ol{list-style:none}.transcript-panel li button{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;padding:8px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink-2);text-align:left;font-size:10.5px}.transcript-panel li button.active,.transcript-panel li button:hover{color:var(--ink);background:rgb(245 244 240/3%)}.transcript-panel time{color:var(--ink-3);font:9.5px var(--mono)}.transcript-panel small{display:block;margin-bottom:2px;color:var(--voice);font:9px var(--mono);text-transform:uppercase}.toast{position:fixed;z-index:50;right:18px;bottom:18px;max-width:min(400px,calc(100vw - 36px));padding:10px 13px;border:1px solid var(--line-strong);border-radius:8px;background:#242225;color:var(--ink);box-shadow:0 14px 35px rgb(0 0 0/40%);text-align:left}.mock-stage{background:#1a1b1e}.mock-recording{position:absolute;z-index:1;inset:4.5% 5%;overflow:hidden;border-radius:7px;background:#fbfaf7;box-shadow:0 18px 55px rgb(0 0 0/45%)}.mock-browser-bar{height:7%;min-height:24px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#e8e9eb;color:#76808a;font-size:8px}.mock-browser-bar i{width:6px;height:6px;border-radius:50%;background:#b6bbc0}.mock-browser-bar span{min-width:170px;margin-left:5px;padding:3px 10px;border-radius:4px;background:#f8f8f8}.mock-shop{height:93%;overflow:hidden;color:#1e2829;font-family:Georgia,serif}.mock-shop nav{height:12%;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #e5e2dc}.mock-shop nav b{font-size:clamp(11px,1.55vw,21px);letter-spacing:-.04em}.mock-shop nav em,.mock-shop nav span{color:#697270;font:500 clamp(6px,.62vw,10px) var(--sans);font-style:normal}.mock-crumb{padding:2.3% 5% 1%;color:#8a918f;font:600 clamp(6px,.6vw,9px) var(--sans);text-transform:uppercase;letter-spacing:.07em}.mock-checkout{display:grid;grid-template-columns:1.15fr .85fr;gap:5%;padding:0 5% 4%}.mock-checkout section{padding:1% 1% 0}.mock-kicker{color:#aa7657;font:700 clamp(6px,.6vw,9px) var(--sans);letter-spacing:.08em;text-transform:uppercase}.mock-checkout h2{margin:1% 0 7%;font-size:clamp(16px,3vw,42px);font-weight:500;letter-spacing:-.05em}.mock-checkout section>p{margin:0 0 3%;font:700 clamp(7px,.75vw,11px) var(--sans)}.mock-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mock-fields span{padding:4.5% 5%;border:1px solid #dcd8d1;border-radius:3px;color:#68706f;font:500 clamp(6px,.65vw,10px) var(--sans)}.mock-fields .wide{grid-column:1/-1}.mock-checkout section>button{width:100%;margin-top:7%;padding:3.6%;border:0;border-radius:3px;background:#223b39;color:#fff;font:700 clamp(7px,.7vw,10px) var(--sans)}.mock-checkout aside{padding:7%;border-radius:4px;background:#f0eee9;font-family:var(--sans)}.mock-checkout aside h3{margin:0 0 8%;font-size:clamp(9px,1vw,15px)}.mock-product{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;margin:5% 0}.mock-product>i{width:clamp(20px,3vw,42px);aspect-ratio:1;display:grid;place-items:center;border-radius:3px;background:#c9c1b6;color:#fff;font:700 clamp(6px,.6vw,9px) var(--sans);font-style:normal}.mock-product span{display:grid;font-size:clamp(6px,.65vw,10px)}.mock-product small{color:#7a817f}.mock-product strong{font-size:clamp(6px,.7vw,10px)}.mock-promo{display:flex;gap:5px;margin:7% 0}.mock-promo span{flex:1;padding:4%;border:1px solid #d4d0c8;border-radius:3px;color:#858b89;font-size:clamp(6px,.6vw,9px)}.mock-promo button{padding:0 8%;border:0;border-radius:3px;background:#d9d5cd;font-size:clamp(6px,.6vw,9px)}.mock-checkout dl{margin:0;font-size:clamp(6px,.65vw,10px)}.mock-checkout dl div{display:flex;justify-content:space-between;margin:4% 0}.mock-checkout dd,.mock-checkout dt{margin:0}.mock-checkout .total{margin-top:7%;padding-top:6%;border-top:1px solid #d2cec6;font-weight:800}.mock-stage.lane-mobile .mock-recording{inset:3% 31%;border:7px solid #171b1d;border-radius:25px}.mock-stage.lane-mobile .mock-browser-bar{display:none}.mock-stage.lane-mobile .mock-shop{height:100%}.mock-stage.lane-mobile .mock-shop nav{padding:0 7%}.mock-stage.lane-mobile .mock-shop nav span{display:none}.mock-stage.lane-mobile .mock-crumb{padding:6% 7% 2%}.mock-stage.lane-mobile .mock-checkout{display:block;padding:0 7%}.mock-stage.lane-mobile .mock-checkout section{display:none}.mock-stage.lane-mobile .mock-checkout aside{padding:8%}@keyframes panel-in{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}@keyframes breathe{50%{opacity:.48}}@media (max-width:1180px){.sessions-sidebar{width:208px}.review-detail{grid-template-columns:218px minmax(0,1fr)}.stage-column{padding:20px}.stage-layout.panel-open{padding-right:0}.side-panel{position:fixed;top:16px;right:16px;bottom:16px;width:min(340px,calc(100vw - 32px));max-height:none}.stage-layout.panel-open:after{content:"";position:fixed;z-index:9;inset:0;background:rgb(0 0 0/30%);pointer-events:none}}@media (max-width:860px){.sessions-sidebar{width:190px}.review-detail{grid-template-columns:205px minmax(0,1fr)}.stage-column{padding:17px}.stage-header{display:block}.stage-meta{justify-content:flex-start;max-width:none;margin-top:8px;text-align:left}.task-context{margin-bottom:12px}.stage-frame{min-height:0}.feedback-toggle span{display:none}.feedback-toggle{padding:0 6px}}@media (min-width:681px) and (max-width:860px){.stories-panel-head .rail-label{display:none}}@media (max-width:680px){.workspace{display:block}.sessions-sidebar{width:100%;min-height:auto;max-height:166px;display:block;border-right:0;border-bottom:1px solid var(--line)}.sessions-brand{height:45px}.sessions-nav{overflow-x:auto;overflow-y:hidden;padding:7px 8px 10px}.project-group{display:inline-block;min-width:220px;margin:0 12px 0 0;vertical-align:top}.project-group h2{padding-left:3px}.run-list{display:flex}.run-row{width:180px;flex:none}.sessions-account{display:none}.review-detail{display:block}.stories-panel{min-height:0;max-height:192px;padding:10px 8px;border-right:0;border-bottom:1px solid var(--line)}.stories-panel-head{padding-bottom:8px}.story-list{display:flex;overflow-x:auto;padding-bottom:3px}.story-list>li{width:205px;flex:none}.story-card{min-height:62px}.evidence-note{display:none}.stage-column{padding:14px 12px 28px}.stage-title h1{font-size:19px}.task-context{display:block}.task-context p{margin-top:4px}.stage-frame{min-height:0;aspect-ratio:16/10}.playback-toolbar{gap:5px;padding:7px}.toolbar-divider,.toolbar-time{display:none}.toolbar-controls{margin-left:auto}.side-panel{top:auto;right:0;bottom:0;left:0;width:100%;height:min(68vh,560px);border-radius:12px 12px 0 0}.stage-layout.panel-open:after{background:rgb(0 0 0/50%)}.annotation-composer{transform:translate(-50%,10px)}.tool-hint{width:max-content;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (prefers-reduced-motion:reduce){.production-review *,.production-review :after,.production-review :before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}