.visual-review-shell{display:flex;min-width:0;flex-direction:column;gap:14px}.visual-review-header{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:22px;padding:20px 22px}.visual-review-header>div:first-child{min-width:0;max-width:760px}.visual-review-header p:not(.eyebrow){color:var(--muted);line-height:var(--leading-body)}.visual-review-title{display:flex;align-items:center;gap:10px;margin:4px 0 6px}.visual-review-title h2{font-size:var(--text-title)}.visual-review-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.review-select,.zoom-control{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface)}.review-select select,.zoom-control select{min-width:0;appearance:none;padding:0 22px 0 0;border:0;outline:0;background:transparent;font-weight:var(--weight-semibold)}.review-select>svg{position:absolute;right:9px;pointer-events:none}.inline-error,.inline-notice{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 13px;border-radius:var(--radius-control);font-weight:var(--weight-semibold)}.inline-notice{color:var(--green);background:var(--green-soft)}.inline-error{color:var(--red);background:var(--red-soft)}.inline-notice button{display:inline-flex;margin-left:auto;padding:4px;border:0;background:transparent}.create-review-panel{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(210px,.75fr) minmax(300px,1.5fr) auto;align-items:end;gap:14px;padding:16px}.create-review-panel label,.create-review-panel>div{display:flex;min-width:0;flex-direction:column;gap:5px}.create-review-panel label>span,.create-review-panel>div span{color:var(--muted);font-size:var(--text-label)}.create-review-panel input,.create-review-panel textarea{width:100%;min-height:40px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface)}.create-review-panel textarea{height:68px;resize:vertical}.create-review-panel footer{display:flex;gap:7px}.visual-review-workspace{display:grid;min-width:0;min-height:min(820px,calc(100vh - 220px));grid-template-columns:minmax(190px,.5fr) minmax(520px,2.4fr) minmax(300px,.8fr);gap:12px}.visual-canvas-panel,.visual-screen-list{min-width:0;overflow:hidden}.visual-screen-list{display:flex;flex-direction:column}.visual-canvas-toolbar,.visual-pane-heading{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid var(--line)}.visual-canvas-toolbar>div,.visual-pane-heading>div{display:flex;min-width:0;flex-direction:column}.visual-canvas-toolbar span,.visual-pane-heading span{color:var(--muted);font-size:var(--text-label)}.visual-screen-items{display:flex;overflow-y:auto;flex-direction:column;gap:6px;padding:9px}.visual-screen-item{display:grid;width:100%;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:9px;padding:7px;border:1px solid transparent;border-radius:var(--radius-control);background:transparent;text-align:left}.visual-screen-item:hover{background:var(--surface-soft)}.visual-screen-item.active{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:var(--accent-soft)}.visual-screen-thumb{display:block;height:64px;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--accent-soft)}.visual-screen-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.visual-screen-item>span:last-child{display:flex;min-width:0;flex-direction:column;gap:3px}.visual-screen-item small,.visual-screen-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visual-screen-item small{color:var(--muted);font-size:var(--text-meta)}.screenshot-uploader{position:relative}.screenshot-uploader input,.visual-comment-composer input[type=file]{display:none}.screenshot-uploader .upload-error{position:absolute;z-index:3;top:calc(100% + 5px);right:0;width:220px;padding:7px 9px;border-radius:var(--radius-control);color:var(--red);background:var(--red-soft);box-shadow:var(--shadow-md);font-size:var(--text-label)}.visual-canvas-panel{display:flex;flex-direction:column;background:var(--chrome-surface)}.visual-canvas-toolbar{color:color-mix(in srgb,white 84%,transparent);border-color:rgba(255,255,255,.12);background:var(--chrome-surface)}.visual-canvas-toolbar span{color:var(--on-chrome-muted)}.visual-canvas-toolbar .zoom-control{color:var(--on-chrome);border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08)}.visual-canvas-scroll{overflow:auto;flex:1;padding:22px;overscroll-behavior:auto}.visual-canvas{position:relative;min-width:420px;max-width:none;margin:0 auto;box-shadow:0 18px 54px rgba(0,0,0,.34)}.visual-canvas-commentable{cursor:none}.visual-cursor{position:absolute;top:0;left:0;z-index:7;width:26px;height:26px;margin:-13px 0 0 -13px;pointer-events:none;mix-blend-mode:difference;transition:opacity .12s ease;will-change:transform}.visual-cursor:after,.visual-cursor:before{position:absolute;background:#fff;content:""}.visual-cursor:before{top:12px;left:0;width:26px;height:2px}.visual-cursor:after{top:0;left:12px;width:2px;height:26px}.visual-canvas>img{display:block;width:100%;height:auto;user-select:none}.visual-markup-layer{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none}.visual-markup-layer.drawing{z-index:6;pointer-events:auto;touch-action:none;cursor:crosshair}.visual-pin{position:absolute;z-index:2;display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;translate:-50% -50%;border:3px solid var(--surface);border-radius:50%;color:var(--surface);background:var(--accent);box-shadow:0 4px 13px rgba(0,0,0,.36);font-size:var(--text-label);font-weight:var(--weight-bold)}.visual-pin.active,.visual-pin:hover{scale:1.15;background:var(--accent-strong)}.visual-pin.resolved{color:var(--surface);background:var(--green)}.visual-pin.pending{pointer-events:none;background:var(--amber);animation:visual-pin-pulse 1.3s ease-in-out infinite}.visual-floating-composer{position:fixed;z-index:100;width:min(420px,calc(100vw - 48px));max-height:calc(100vh - 32px);overflow-y:auto;cursor:default;filter:drop-shadow(0 18px 48px rgba(0,0,0,.32))}.visual-floating-composer .visual-comment-composer{margin:0;background:var(--surface);box-shadow:none}.visual-markup-tools{display:flex;width:fit-content;margin-bottom:6px;padding:5px;border-radius:var(--radius-control);background:var(--surface);box-shadow:0 10px 28px rgba(0,0,0,.3)}.visual-markup-tools button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:var(--radius-control);background:transparent;color:var(--ink)}.visual-markup-tools button.active,.visual-markup-tools button:hover{background:var(--accent-soft);color:var(--focus)}@keyframes visual-pin-pulse{50%{scale:1.13;box-shadow:0 0 0 7px rgba(166,100,20,.18)}}.visual-canvas-empty,.visual-review-empty{display:flex;min-height:360px;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:30px;text-align:center}.visual-canvas-empty{flex:1;color:var(--on-chrome)}.visual-canvas-empty p,.visual-review-empty p{max-width:470px;color:var(--muted)}.visual-canvas-empty p{color:var(--on-chrome-muted)}.visual-comment-panel{display:flex;min-width:0;max-height:var(--visual-comment-max-height,min(820px,calc(100vh - 220px)));overflow:hidden;flex-direction:column}.visual-comment-heading{padding-inline:8px}.visual-pane-heading .visual-comment-filters{display:flex;flex-direction:row;align-items:center;gap:2px}.visual-comment-filters button{min-height:38px;padding:8px 10px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--muted);font-size:var(--text-label)}.visual-comment-filters button.active{background:var(--surface-soft);color:var(--ink)}.visual-comment-filters button strong{margin-right:3px;font-variant-numeric:tabular-nums}.visual-comment-list{overflow-y:auto;flex:1;padding:8px}.visual-comment-thread{padding:11px;border:1px solid transparent;border-bottom:1px solid var(--line);border-radius:var(--radius-control);scroll-margin:12px}.visual-comment-thread.active{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--accent-soft)}.visual-comment-thread.resolved:not(.active){opacity:.78}.visual-comment-focus{display:block;width:100%;padding:0;border:0;border-radius:var(--radius-control);color:inherit;background:transparent;text-align:left;cursor:pointer}.visual-comment-focus:focus-visible .comment-screen-link,.visual-comment-focus:hover .comment-screen-link{color:var(--accent-strong);text-decoration:underline}.visual-comment-focus:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.visual-comment-focus-head{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px}.comment-number{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;color:var(--surface);background:var(--accent);font-size:var(--text-label);font-weight:var(--weight-bold)}.visual-comment-thread.resolved .comment-number{background:var(--green)}.visual-comment-author,.visual-replies header{display:flex;min-width:0;flex-direction:column}.visual-comment-author>span,.visual-replies header span{color:var(--muted);font-size:var(--text-label)}.visual-comment-body,.visual-replies p{display:block;margin:9px 0 0 35px;color:var(--ink);line-height:var(--leading-body)}.visual-comment-focus .comment-priority{margin-left:35px}.visual-comment-focus .comment-screen-link{margin:8px 0 0 35px}.visual-comment-thread>footer{display:flex;gap:4px;margin:8px 0 0 28px}.visual-comment-thread>footer .quiet-button{min-height:32px;padding:5px 7px;font-size:var(--text-label)}.visual-replies{display:flex;margin:10px 0 0 34px;padding-left:11px;border-left:2px solid var(--line);flex-direction:column;gap:9px}.visual-replies>div{padding:8px 0}.visual-replies p{margin-left:0}.visual-comment-composer{display:flex;margin:9px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:var(--radius-control);background:var(--accent-soft);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px}.visual-comment-composer>footer,.visual-comment-composer>header{display:flex;align-items:center;justify-content:space-between;gap:7px}.visual-comment-composer>header button{display:inline-flex;padding:4px;border:0;background:transparent}.visual-comment-composer textarea{min-height:94px;padding:9px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);resize:vertical}.visual-comment-composer>footer{justify-content:flex-end}.comment-priority-control select{min-height:34px;max-width:132px;padding:5px 28px 5px 8px;font-size:var(--text-label)}.comment-priority{display:inline-flex;width:fit-content;margin:7px 0 0 35px;padding:3px 7px;border-radius:var(--radius-pill);font-size:var(--text-label);font-weight:var(--weight-bold);text-transform:capitalize}.comment-priority-low{color:var(--green);background:var(--green-soft)}.comment-priority-medium{color:var(--amber);background:var(--amber-soft)}.comment-priority-high{color:var(--red);background:var(--red-soft)}.visual-comment-composer>footer button{min-height:34px;padding:6px 9px}.composer-files{display:flex;flex-wrap:wrap;gap:5px}.composer-files>span{display:inline-flex;max-width:100%;align-items:center;gap:4px;padding:4px 6px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:var(--text-label)}.composer-files>span button{display:inline-flex;padding:1px;border:0;background:transparent}.visual-attachments{display:grid;margin:10px 0 0 34px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.visual-attachment-file,.visual-attachment-preview,.visual-attachment-video{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-soft)}.visual-attachment-preview img,.visual-attachment-video video{display:block;width:100%;max-height:150px;object-fit:cover}.visual-attachment-preview span,.visual-attachment-video span{display:flex;align-items:center;gap:4px;padding:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-label)}.visual-attachment-file{display:flex;align-items:center;gap:7px;padding:8px}.visual-attachment-file>span{display:flex;min-width:0;flex-direction:column}.visual-attachment-file small{color:var(--muted);font-size:var(--text-meta)}.visual-empty-small,.visual-review-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:28px 14px;color:var(--muted);text-align:center}.visual-review-state{min-height:180px;flex-direction:row;gap:12px}.visual-review-state>div{display:flex;flex-direction:column}.visual-review-state .secondary-button{margin-left:12px}.visual-empty-small span{max-width:190px;font-size:var(--text-meta)}.form-error,.upload-error{color:var(--red);font-size:var(--text-label)}.spin{animation:spin .8s linear infinite}@media (max-width:1279px){.visual-review-workspace{grid-template-columns:170px minmax(450px,1fr) 290px}}@media (max-width:1023px){.visual-review-workspace{min-height:0;grid-template-columns:minmax(0,1fr)}.visual-screen-items{overflow-x:auto;overflow-y:hidden;flex-direction:row}.visual-screen-item{min-width:210px}.visual-canvas-panel{min-height:680px}:root{--visual-comment-max-height:none}.visual-comment-list{max-height:600px}.create-review-panel{grid-template-columns:1fr 1fr}}@media (max-width:767px){.visual-review-header{flex-direction:column}.visual-review-actions{width:100%;justify-content:flex-start}.visual-review-actions .review-select,.visual-review-actions>button{flex:1 1 auto}.create-review-panel{grid-template-columns:1fr}.create-review-panel footer{justify-content:flex-end}.visual-canvas-panel{min-height:560px}.visual-canvas-scroll{padding:12px}.visual-canvas{min-width:340px}.visual-attachments{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.visual-pin.pending{animation:none}}.visual-canvas-controls{display:flex!important;min-width:0;align-items:center;flex-direction:row!important;justify-content:flex-end;gap:7px}.visual-mode-switch{display:inline-flex;padding:3px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-control);background:rgba(255,255,255,.06)}.visual-mode-switch button{display:inline-flex;min-height:30px;align-items:center;gap:6px;padding:4px 8px;border:0;border-radius:5px;background:transparent;color:var(--on-chrome-muted);font-size:var(--text-label);font-weight:var(--weight-medium)}.visual-mode-switch button.active{background:var(--surface);color:var(--accent)}.visual-mode-switch button:disabled{opacity:.48}.visual-pin-visibility{display:grid;width:36px;height:36px;flex:0 0 36px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-control);background:rgba(255,255,255,.06);color:var(--on-chrome-muted)}.visual-pin-visibility[aria-pressed=true]{color:var(--on-chrome)}.visual-comment-heading{min-height:76px;align-items:center}.visual-comment-heading-controls{display:grid!important;gap:3px}.visual-comment-scope{display:flex;gap:2px}.visual-comment-scope button{min-height:24px;padding:3px 7px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:var(--text-micro)}.visual-comment-scope button.active{background:var(--accent-soft);color:var(--accent)}@media (max-width:767px){.visual-canvas-toolbar{align-items:flex-start;flex-direction:column}.visual-canvas-controls{width:100%;justify-content:flex-start;flex-wrap:wrap}.visual-mode-switch{flex:1}.visual-mode-switch button{flex:1;justify-content:center}}