:root{--ink:oklch(0.16 .02 255);--muted:oklch(.47 .025 255);--paper:oklch(.99 .003 255);--soft:oklch(.955 .008 255);--line:oklch(.87 .014 255);--blue:oklch(.57 .23 258);--blue-dark:oklch(.33 .18 258);--black:oklch(.08 .01 255);--shadow:0 22px 70px oklch(.16 .02 255/.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,sans-serif;color:var(--ink);background:var(--soft)}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}.review-app{min-height:100vh}.floating-topbar{position:fixed;z-index:50;top:18px;left:18px;right:18px;height:64px;display:grid;grid-template-columns:250px minmax(220px,1fr) auto;align-items:center;gap:14px;padding:10px 12px;background:oklch(.99 .003 255/.86);border:1px solid oklch(.9 .01 255/.78);border-radius:22px;box-shadow:var(--shadow);backdrop-filter:blur(20px)}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;position:relative;border:6px solid var(--black);border-bottom:0;border-radius:4px 4px 0 0;flex:none}.brand-mark:after{content:"";position:absolute;right:-16px;top:-11px;width:9px;height:9px;background:var(--blue);border-radius:50%}.brand-mark span{position:absolute;bottom:0;left:12px;width:14px;height:19px;background:var(--blue);clip-path:polygon(0 0,100% 38%,100% 100%,0 100%)}.brand-lockup strong{display:block;font-size:16px;letter-spacing:-.04em}.brand-lockup strong span{color:var(--blue)}.brand-lockup small,.eyebrow,.kicker{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--blue-dark)}.page-address{height:42px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:0 14px}.page-address span{width:8px;height:8px;border-radius:50%;background:oklch(.66 .17 150);box-shadow:0 0 0 4px oklch(.66 .17 150/.14)}.page-address input{width:100%;border:0;outline:0;background:transparent;color:var(--muted);font-weight:700}.top-actions{display:flex;align-items:center;gap:10px}.viewport-switcher{display:flex;background:var(--soft);border:1px solid var(--line);padding:4px;border-radius:999px}.viewport-switcher button,.comment-toggle,.drawer-toggle,.ghost,.primary{border-radius:999px;font-weight:800}.viewport-switcher button{padding:8px 11px;background:transparent;color:var(--muted);font-size:12px}.viewport-switcher button.active{background:var(--ink);color:var(--paper)}.comment-toggle,.drawer-toggle{height:42px;padding:0 15px;background:var(--paper);border:1px solid var(--line);color:var(--ink)}.comment-toggle.active{background:var(--blue);color:white;border-color:transparent}.drawer-toggle b{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-right:6px;border-radius:50%;background:var(--blue);color:white;font-size:12px}.site-canvas{min-height:100vh;padding-top:0}.client-site{position:relative;min-height:100vh;background:var(--paper);margin:0 auto;box-shadow:0 0 0 1px var(--line);transition:max-width .25s}.client-site.tablet{max-width:768px}.client-site.mobile{max-width:390px}.client-nav{position:sticky;top:0;z-index:20;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,72px);color:white;background:oklch(.1 .025 255/.7);backdrop-filter:blur(12px)}.client-nav small{letter-spacing:.16em}.client-hero{min-height:760px;display:flex;align-items:center;padding:120px clamp(24px,7vw,100px);color:white;background:linear-gradient(90deg,oklch(.1 .03 255/.82),oklch(.1 .03 255/.18)),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=1800&q=86&auto=format&fit=crop') center/cover}.hero-copy{max-width:780px}.hero-copy p{letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:900}.hero-copy h1{font-family:Literata,serif;font-size:clamp(58px,8vw,112px);line-height:.88;letter-spacing:-.075em;margin:0 0 28px}.hero-copy button,.cta-section button{background:white;color:var(--ink);border-radius:999px;padding:15px 22px;font-weight:900}.intro-section,.split-section,.cards-section,.cta-section{padding:clamp(70px,8vw,120px) clamp(24px,7vw,100px)}.intro-section{display:grid;grid-template-columns:minmax(240px,.8fr) 1fr;gap:clamp(32px,7vw,100px);align-items:end}.intro-section h2,.split-section h2,.cta-section h2{font-family:Literata,serif;font-size:clamp(42px,5vw,76px);line-height:.95;letter-spacing:-.065em;margin:8px 0 0}.intro-section p,.split-section p,.cards-section p{color:var(--muted);line-height:1.7;font-size:18px}.split-section{display:grid;grid-template-columns:.9fr 1fr;gap:64px;background:var(--soft);align-items:center}.portrait{min-height:520px;border-radius:34px;background:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?w=900&q=86&auto=format&fit=crop') center/cover;box-shadow:var(--shadow)}.cards-section{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards-section article{padding:32px;border:1px solid var(--line);border-radius:28px;background:var(--paper)}.cards-section span{font-family:Literata,serif;font-size:34px;color:var(--blue)}.cards-section h3{font-family:Literata,serif;font-size:34px;margin:18px 0 8px}.cta-section{text-align:center;background:var(--ink);color:white}.cta-section h2{max-width:820px;margin:10px auto 28px}.pin{position:absolute;width:34px;height:34px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 8px oklch(.57 .23 258/.2),0 14px 30px oklch(.1 .03 255/.3);z-index:40;transform:translate(-50%,-50%)}.pin:after{content:attr(data-number);position:absolute;inset:0;display:grid;place-items:center;color:white;font-weight:900}.pin.active{background:var(--ink)}.draft-pin{background:oklch(.72 .14 72)}.comments-drawer{position:fixed;z-index:60;top:0;right:0;width:min(430px,100vw);height:100vh;background:oklch(.99 .003 255/.96);border-left:1px solid var(--line);box-shadow:-24px 0 80px oklch(.16 .02 255/.18);padding:22px;display:flex;flex-direction:column;gap:14px;transform:translateX(104%);transition:transform .28s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(20px)}.comments-drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:start;justify-content:space-between}.drawer-head h2{margin:0;font-family:Literata,serif;font-size:34px;letter-spacing:-.055em}.drawer-head button{width:38px;height:38px;border-radius:50%;background:var(--soft);color:var(--ink);font-size:24px}.feedback-list{display:grid;gap:12px;overflow:auto;padding-right:2px}.feedback-item{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--paper);text-align:left;width:100%}.feedback-item.selected{background:oklch(.95 .035 258);border-color:oklch(.75 .1 258)}.item-meta{display:flex;justify-content:space-between;gap:12px}.item-meta span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--blue-dark);font-weight:900}.feedback-item p{font-weight:750;line-height:1.42}.feedback-item small{color:var(--muted);font-size:12px}.comment-composer{padding:16px;border-radius:20px;border:1px solid var(--line);background:var(--soft);box-shadow:var(--shadow)}.comment-composer label{display:grid;gap:6px;font-weight:800;font-size:13px;color:var(--muted)}textarea,select{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:12px;color:var(--ink)}textarea{min-height:104px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.file-field{margin-top:10px;padding:12px;border:1px dashed var(--line);border-radius:14px;background:var(--paper);cursor:pointer}.file-field span{display:block;margin-top:3px;font-size:12px;color:var(--muted);font-weight:700}.file-field input{margin-top:10px;width:100%;font-size:12px}.attachment-preview,.attachment-links{display:grid;gap:4px;margin:10px 0;padding:10px 12px;border-radius:12px;background:oklch(.95 .035 258);border:1px solid oklch(.75 .1 258);font-size:12px}.attachment-preview span{color:var(--muted)}.attachment-links a{color:var(--blue-dark);font-weight:900;text-decoration:none}.composer-actions{display:flex;justify-content:flex-end;gap:10px}.ghost,.primary{padding:12px 16px}.ghost{background:var(--paper);border:1px solid var(--line);color:var(--ink)}.primary{background:var(--blue);color:white}.hidden{display:none!important}.prompt-card,.visually-hidden,.internal-only,.internal-actions,#sendSelected{display:none!important}.toast{position:fixed;right:24px;bottom:24px;z-index:80;background:var(--ink);color:var(--paper);padding:14px 18px;border-radius:16px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);transition:.22s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:980px){.floating-topbar{grid-template-columns:1fr auto;height:auto;align-items:start}.page-address{grid-column:1/-1;order:3}.top-actions{flex-wrap:wrap;justify-content:flex-end}.brand-lockup small{display:none}.intro-section,.split-section,.cards-section{grid-template-columns:1fr}.cards-section{gap:14px}.client-nav small{display:none}}@media(max-width:620px){.floating-topbar{left:10px;right:10px;top:10px;border-radius:18px}.brand-lockup strong{font-size:14px}.brand-mark{width:32px;height:32px}.viewport-switcher{display:none}.comment-toggle{display:none}.drawer-toggle{height:38px;padding:0 12px}.client-hero{min-height:680px;padding-top:140px}.client-nav{height:70px}.hero-copy h1{font-size:54px}.intro-section,.split-section,.cards-section,.cta-section{padding:64px 22px}.portrait{min-height:340px}.comments-drawer{width:100vw}.field-row{grid-template-columns:1fr}}
.comments-drawer{visibility:hidden;pointer-events:none}.comments-drawer.open{visibility:visible;pointer-events:auto}.review-app.composing-comment .comments-drawer{visibility:visible;pointer-events:none;transform:none;width:0;height:0;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.review-app.composing-comment .drawer-head,.review-app.composing-comment .filter-bar,.review-app.composing-comment .feedback-list,.review-app.composing-comment .prompt-card{display:none!important}.review-app.composing-comment .comment-composer{position:fixed;z-index:90;right:24px;top:112px;width:min(390px,calc(100vw - 32px));pointer-events:auto;padding:18px;border-radius:22px;background:oklch(.99 .003 255/.98);box-shadow:0 24px 80px oklch(.16 .02 255/.22);backdrop-filter:blur(18px)}@media(max-width:620px){.review-app.composing-comment .comment-composer{left:14px;right:14px;top:auto;bottom:94px;width:auto}}
/* Bottom navigation + comment management */
.floating-bottombar{position:fixed;z-index:50;left:50%;right:auto;top:auto;bottom:18px;width:min(1180px,calc(100vw - 36px));height:64px;display:grid;grid-template-columns:250px minmax(220px,1fr) auto;align-items:center;gap:14px;padding:10px 12px;background:oklch(.99 .003 255/.88);border:1px solid oklch(.9 .01 255/.78);border-radius:22px;box-shadow:var(--shadow);backdrop-filter:blur(20px);transform:translateX(-50%)}
.client-site{padding-bottom:96px}.filter-bar{display:flex;gap:8px;overflow:auto;padding:4px 0 8px}.filter-bar button{white-space:nowrap;border-radius:999px;padding:9px 12px;background:var(--soft);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:900}.filter-bar button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.status-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.status-actions button{border-radius:999px;padding:7px 9px;background:var(--soft);border:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:900}.status-actions button:hover{background:var(--ink);color:var(--paper)}.empty{color:var(--muted);line-height:1.5;padding:18px;border:1px dashed var(--line);border-radius:18px;background:var(--soft)}
@media(max-width:980px){.floating-bottombar{grid-template-columns:1fr auto;height:auto;align-items:start}.floating-bottombar .page-address{grid-column:1/-1;order:3}}
@media(max-width:620px){.floating-bottombar{left:10px;right:10px;bottom:10px;width:auto;transform:none;border-radius:18px}.client-site{padding-bottom:128px}.floating-bottombar .brand-lockup strong{font-size:14px}.floating-bottombar .brand-mark{width:32px;height:32px}}
.feedback-item{display:block;cursor:pointer}.status-actions button{appearance:none;font-family:Manrope,sans-serif;line-height:1;border-radius:999px!important;padding:8px 10px!important;background:var(--soft)!important;border:1px solid var(--line)!important;color:var(--muted)!important;font-size:11px!important;font-weight:900!important;box-shadow:none!important}.status-actions button:hover,.status-actions button:focus{background:var(--ink)!important;color:var(--paper)!important}.client-site.tablet{max-width:768px!important}.client-site.mobile{max-width:390px!important}.client-site.desktop{max-width:none!important}
.review-app.browse-active .draft-pin{display:none!important}.pin.ping{animation:pinPulse 1.1s ease-out 1;z-index:70}@keyframes pinPulse{0%{box-shadow:0 0 0 8px oklch(.57 .23 258/.2),0 14px 30px oklch(.1 .03 255/.3);transform:translate(-50%,-50%) scale(1)}45%{box-shadow:0 0 0 22px oklch(.57 .23 258/.28),0 18px 40px oklch(.1 .03 255/.36);transform:translate(-50%,-50%) scale(1.2)}100%{box-shadow:0 0 0 8px oklch(.57 .23 258/.2),0 14px 30px oklch(.1 .03 255/.3);transform:translate(-50%,-50%) scale(1)}}
.status-actions button,.filter-bar button,.viewport-switcher button,.comment-toggle,.drawer-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;vertical-align:middle!important}.status-actions button{min-height:30px!important}.filter-bar button{min-height:34px!important}.drawer-toggle b{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
.mode-switcher{display:flex;background:var(--soft);border:1px solid var(--line);padding:4px;border-radius:999px}.mode-switcher button{height:34px;padding:0 13px;border-radius:999px;background:transparent;color:var(--muted);font-size:12px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.mode-switcher button.active{background:var(--blue);color:white}.browse-toggle{border:0!important}.comment-toggle{height:34px!important;padding:0 13px!important;border:0!important;background:transparent;color:var(--muted)}
@media(max-width:620px){.mode-switcher{display:none}}
.capture-link{display:inline-flex;margin-top:10px;color:var(--blue-dark);font-size:12px;font-weight:900;text-decoration:none}.completion-note{margin:10px 0 0!important;padding:10px;border-radius:12px;background:oklch(.96 .018 150);color:oklch(.34 .09 150)!important;font-size:13px!important}.completion-input{margin-top:10px;min-height:60px;font-size:13px}.status-actions button{min-width:58px}.status-actions button[data-status="Resolved"]{background:oklch(.94 .035 258)!important;color:var(--blue-dark)!important}
.review-frame-wrap{position:relative;min-height:calc(100vh - 96px);background:var(--paper)}.review-frame{width:100%;height:calc(100vh - 96px);min-height:720px;border:0;display:block;background:white}.fallback-site{display:none}.client-site.proxy-failed .review-frame-wrap{display:none}.client-site.proxy-failed .fallback-site{display:block}.client-site.tablet .review-frame{height:900px}.client-site.mobile .review-frame{height:820px}.client-site.mobile .client-nav{display:none}
.review-app.comment-active .review-frame-wrap{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M6.5 5.5h11a4 4 0 0 1 4 4v5.5a4 4 0 0 1-4 4h-5.2L7 23v-4H6.5a4 4 0 0 1-4-4V9.5a4 4 0 0 1 4-4Z' fill='white' stroke='%23111111' stroke-width='1.6'/%3E%3Cpath d='M12 9v6M9 12h6' stroke='%23111111' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") 4 4, crosshair}.click-capture{display:none!important;pointer-events:none!important}.review-frame-wrap{overflow:hidden}.pin{pointer-events:auto}
.review-frame{pointer-events:auto}.review-app.browse-active .review-frame{pointer-events:auto}.review-app.browse-active .click-capture{display:none}
.studio-task-box{padding:14px 16px;margin-bottom:12px;border:1px solid rgba(25,54,90,.14);border-radius:16px;background:linear-gradient(135deg,#f8fbff,#fffaf1)}.studio-task-box p{margin:0 0 4px!important;text-transform:uppercase;letter-spacing:.12em;font-size:11px!important;color:var(--muted)!important}.studio-task-box strong{display:block;color:var(--blue-dark);font-size:16px}.studio-task-box small{display:block;margin-top:4px;color:var(--muted)}
/* Pages control + element hover targeting */
.pages-control{position:relative;height:42px;min-width:250px}.pages-toggle{width:100%;height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:0 14px;color:var(--ink);font-weight:900}.pages-toggle span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--blue-dark)}.pages-toggle b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pages-menu{position:absolute;left:0;right:0;bottom:52px;z-index:90;display:none;padding:8px;border:1px solid var(--line);border-radius:18px;background:oklch(.99 .003 255/.98);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.pages-menu.open{display:grid;gap:6px}.pages-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 12px;border-radius:12px;background:transparent;color:var(--ink);font-weight:850;text-align:left}.pages-menu button:hover,.pages-menu button.active{background:var(--soft)}.pages-menu small{color:var(--muted);font-weight:800}.hover-highlight,.hover-highlight.visible{display:none!important;pointer-events:none!important}.hover-highlight span{position:absolute;left:10px;top:-32px;max-width:260px;padding:7px 10px;border-radius:999px;background:var(--blue);color:white;font-size:11px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 8px 22px oklch(.1 .03 255/.2)}.click-capture{cursor:crosshair}.review-app.browse-active .hover-highlight{display:none!important}@media(max-width:980px){.floating-bottombar .pages-control{grid-column:1/-1;order:3;width:100%}.pages-menu{bottom:50px}}@media(max-width:620px){.pages-control{min-width:0}.pages-toggle b{max-width:170px}}
.capture-thumb{display:block;margin:-4px 0 12px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--soft)}
.capture-thumb img{display:block;width:100%;height:112px;object-fit:cover;object-position:top center;transition:transform .25s ease}.capture-thumb:hover img{transform:scale(1.025)}

/* Minimal composer + remove duplicate review shell header */
.client-nav{display:none!important}
.review-frame-wrap{min-height:calc(100vh - 96px)!important}
.review-frame{height:calc(100vh - 96px)!important;min-height:720px!important}
.review-app.composing-comment .comment-composer{right:28px!important;top:96px!important;width:min(360px,calc(100vw - 32px))!important;padding:12px!important;border-radius:14px!important;background:#fff!important;border:1px solid rgba(17,17,17,.10)!important;box-shadow:0 12px 38px rgba(17,17,17,.10)!important;backdrop-filter:none!important;display:grid!important;gap:10px!important}
.review-app.composing-comment .comment-composer .eyebrow{display:none!important}
.review-app.composing-comment .comment-composer textarea{min-height:190px!important;border:0!important;border-radius:10px!important;background:#fbfbfa!important;padding:14px!important;font-size:14px!important;line-height:1.55!important;resize:vertical!important;outline:1px solid rgba(17,17,17,.07)!important;outline-offset:0!important}
.review-app.composing-comment .comment-composer textarea:focus{outline-color:rgba(37,99,235,.35)!important;background:#fff!important}
.file-icon{display:inline-grid!important;place-items:center!important;width:38px!important;height:38px!important;border:1px solid rgba(17,17,17,.10)!important;border-radius:10px!important;background:#fbfbfa!important;color:#111!important;cursor:pointer!important;margin-right:auto!important}
.file-icon input{display:none!important}.file-icon span{font-size:21px!important;line-height:1!important;font-weight:500!important;transform:translateY(-1px)}
.composer-actions{align-items:center!important;gap:8px!important}.composer-actions .ghost,.composer-actions .primary{height:38px!important;border-radius:10px!important;padding:0 13px!important;font-size:12px!important;font-weight:800!important}.composer-actions .primary{background:#111!important;color:#fff!important}.composer-actions .ghost{background:#fff!important;color:#555!important;border:1px solid rgba(17,17,17,.10)!important}
.attachment-preview{margin:0!important;padding:8px 10px!important;border-radius:10px!important;background:#f7f6f3!important;border:1px solid rgba(17,17,17,.08)!important;font-size:11px!important}
@media(max-width:620px){.review-app.composing-comment .comment-composer{left:12px!important;right:12px!important;bottom:86px!important;top:auto!important;width:auto!important}.review-app.composing-comment .comment-composer textarea{min-height:160px!important}}
.file-icon span{font-size:0!important;transform:none!important}.file-icon span::before{content:"";width:16px;height:16px;display:block;background:currentColor;clip-path:path("M12.2 4.6 5.7 11.1c-1.5 1.5-1.5 3.9 0 5.4s3.9 1.5 5.4 0l7.3-7.3c2.2-2.2 2.2-5.8 0-8s-5.8-2.2-8 0L3.2 8.4l1.8 1.8 7.2-7.2c1.2-1.2 3.2-1.2 4.4 0s1.2 3.2 0 4.4L9.3 14.7c-.5.5-1.3.5-1.8 0s-.5-1.3 0-1.8L14 6.4z")}
.file-icon span,.file-icon span::before{display:none!important;content:none!important}.file-icon svg{width:17px!important;height:17px!important;display:block!important;stroke:#111!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important}.file-icon{padding:0!important;line-height:0!important}

/* Minimal bottom review toolbar */
.floating-bottombar{left:50%!important;right:auto!important;bottom:18px!important;top:auto!important;width:min(760px,calc(100vw - 32px))!important;height:54px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:10px!important;padding:7px!important;border-radius:18px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(17,17,17,.09)!important;box-shadow:0 12px 40px rgba(17,17,17,.12)!important;backdrop-filter:blur(18px)!important;transform:translateX(-50%)!important}.floating-bottombar .drawer-toggle{justify-self:start!important;height:40px!important;border-radius:12px!important;background:#fff!important;border:1px solid rgba(17,17,17,.08)!important;padding:0 12px!important;font-size:12px!important;color:#111!important}.floating-bottombar .drawer-toggle b{background:#111!important;color:#fff!important;margin-right:7px!important;min-width:20px!important;height:20px!important;font-size:11px!important}.mode-switcher{justify-self:center!important;display:flex!important;gap:3px!important;padding:3px!important;border-radius:14px!important;background:#f3f3f1!important;border:1px solid rgba(17,17,17,.07)!important}.mode-switcher button{height:34px!important;min-width:84px!important;border-radius:11px!important;background:transparent!important;color:#686868!important;font-size:12px!important;font-weight:850!important}.mode-switcher button.active{background:#111!important;color:#fff!important;box-shadow:0 1px 2px rgba(17,17,17,.12)!important}.toolbar-right{justify-self:end!important;display:flex!important;align-items:center!important;gap:7px!important}.pages-control{min-width:0!important;width:132px!important;height:40px!important}.pages-toggle{height:40px!important;border-radius:12px!important;padding:0 10px!important;background:#fff!important;border:1px solid rgba(17,17,17,.08)!important}.pages-toggle span{display:none!important}.pages-toggle b{max-width:96px!important;font-size:12px!important;color:#111!important;font-weight:850!important}.pages-menu{bottom:48px!important;left:auto!important;right:0!important;width:240px!important;border-radius:14px!important}.viewport-switcher{height:40px!important;padding:3px!important;border-radius:12px!important;background:#fff!important;border:1px solid rgba(17,17,17,.08)!important}.viewport-switcher button{width:30px!important;height:32px!important;padding:0!important;border-radius:9px!important;font-size:11px!important}.viewport-switcher button.active{background:#111!important;color:#fff!important}.client-site{padding-bottom:82px!important}.review-frame-wrap{min-height:calc(100vh - 82px)!important}.review-frame{height:calc(100vh - 82px)!important}
@media(max-width:620px){.floating-bottombar{left:10px!important;right:10px!important;width:auto!important;transform:none!important;grid-template-columns:auto 1fr auto!important;height:auto!important}.mode-switcher button{min-width:70px!important}.pages-control{width:104px!important}.viewport-switcher{display:none!important}.floating-bottombar .drawer-toggle{padding:0 10px!important}.floating-bottombar .drawer-toggle{font-size:0!important}.floating-bottombar .drawer-toggle b{margin-right:0!important}}

/* Viewer-friendly review bar polish */
.floating-bottombar{width:min(680px,calc(100vw - 32px))!important;height:56px!important;padding:8px!important;border-radius:20px!important;background:rgba(252,252,250,.94)!important;border:1px solid rgba(17,17,17,.08)!important;box-shadow:0 10px 34px rgba(17,17,17,.10)!important}.floating-bottombar .drawer-toggle{height:40px!important;border-radius:14px!important;background:transparent!important;border:0!important;padding:0 12px!important;color:#333!important;font-size:13px!important;font-weight:760!important}.floating-bottombar .drawer-toggle:hover{background:#f4f3f0!important}.floating-bottombar .drawer-toggle b{background:#f1efe9!important;color:#111!important;border:1px solid rgba(17,17,17,.08)!important;min-width:24px!important;height:24px!important;font-size:12px!important}.mode-switcher{height:40px!important;padding:4px!important;border-radius:16px!important;background:#efeee9!important;border:1px solid rgba(17,17,17,.06)!important}.mode-switcher button{height:32px!important;min-width:92px!important;border-radius:12px!important;color:#6c6962!important;font-size:13px!important;font-weight:760!important;letter-spacing:-.01em!important}.mode-switcher button.active{background:#fff!important;color:#111!important;box-shadow:0 2px 8px rgba(17,17,17,.08),0 0 0 1px rgba(17,17,17,.06)!important}.toolbar-right{gap:8px!important}.pages-control{width:118px!important}.pages-toggle{height:40px!important;border:0!important;background:transparent!important;border-radius:14px!important;padding:0 9px!important}.pages-toggle:hover{background:#f4f3f0!important}.pages-toggle b{max-width:86px!important;color:#4d4a45!important;font-size:13px!important;font-weight:760!important}.viewport-switcher{height:40px!important;border:0!important;background:transparent!important;padding:3px!important}.viewport-switcher button{width:28px!important;height:32px!important;color:#77736b!important;font-size:10px!important;font-weight:850!important}.viewport-switcher button.active{background:#f4f3f0!important;color:#111!important;box-shadow:inset 0 0 0 1px rgba(17,17,17,.06)!important}.pages-menu{background:#fff!important;border:1px solid rgba(17,17,17,.09)!important;box-shadow:0 16px 44px rgba(17,17,17,.12)!important}.pages-menu button{border-radius:10px!important;font-size:13px!important}.pages-menu button:hover,.pages-menu button.active{background:#f7f6f3!important}
@media(max-width:620px){.floating-bottombar{width:auto!important}.mode-switcher button{min-width:76px!important;font-size:12px!important}.pages-control{width:100px!important}}

/* HomePage.Studio branded toolbar + device icons */
.floating-bottombar{background:rgba(255,255,255,.95)!important;border-color:rgba(37,99,235,.16)!important;box-shadow:0 12px 38px rgba(10,22,40,.12),0 0 0 1px rgba(37,99,235,.04)!important}.floating-bottombar .drawer-toggle{color:#0A1628!important}.floating-bottombar .drawer-toggle b{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}.floating-bottombar .drawer-toggle:hover,.pages-toggle:hover{background:rgba(37,99,235,.06)!important}.mode-switcher{background:rgba(37,99,235,.08)!important;border-color:rgba(37,99,235,.12)!important}.mode-switcher button{color:#42526b!important}.mode-switcher button.active{background:#0A1628!important;color:#fff!important;box-shadow:0 4px 12px rgba(10,22,40,.18)!important}.pages-toggle b{color:#0A1628!important}.viewport-switcher{gap:2px!important}.viewport-switcher button{display:grid!important;place-items:center!important;width:32px!important;color:#526179!important}.viewport-switcher button svg{width:17px!important;height:17px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.viewport-switcher button.active{background:rgba(37,99,235,.10)!important;color:#2563eb!important;box-shadow:inset 0 0 0 1px rgba(37,99,235,.18)!important}.pages-menu button.active{background:rgba(37,99,235,.08)!important;color:#0A1628!important}

/* Elegant viewer comments drawer */
.comments-drawer{width:min(390px,100vw)!important;background:#fff!important;border-left:1px solid rgba(10,22,40,.08)!important;box-shadow:-18px 0 50px rgba(10,22,40,.12)!important;padding:18px!important;gap:14px!important;backdrop-filter:none!important}.drawer-head{padding:2px 0 8px!important;border-bottom:1px solid rgba(10,22,40,.07)!important;align-items:center!important}.drawer-head .eyebrow{display:none!important}.drawer-head h2{font-family:Manrope,sans-serif!important;font-size:20px!important;line-height:1.1!important;letter-spacing:-.03em!important;font-weight:850!important;color:#0A1628!important}.drawer-head button{width:34px!important;height:34px!important;border-radius:10px!important;background:#f7f8fb!important;color:#526179!important;font-size:22px!important;line-height:1!important}.drawer-head button:hover{background:rgba(37,99,235,.08)!important;color:#0A1628!important}.filter-bar{display:flex!important;gap:6px!important;padding:0 0 4px!important;overflow:auto!important}.filter-bar button{height:30px!important;padding:0 10px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(10,22,40,.09)!important;color:#637083!important;font-size:11px!important;font-weight:820!important;letter-spacing:-.01em!important}.filter-bar button.active{background:#0A1628!important;color:#fff!important;border-color:#0A1628!important}.feedback-list{gap:10px!important;padding-right:0!important}.feedback-item{position:relative!important;padding:14px!important;border-radius:16px!important;background:#fbfbfa!important;border:1px solid rgba(10,22,40,.07)!important;box-shadow:none!important;transition:background .18s ease,border-color .18s ease,transform .18s ease!important}.feedback-item:hover{background:#fff!important;border-color:rgba(37,99,235,.18)!important;transform:translateY(-1px)!important}.feedback-item.selected{background:rgba(37,99,235,.06)!important;border-color:rgba(37,99,235,.25)!important}.item-meta{align-items:center!important;margin-bottom:8px!important}.item-meta b{font-size:12px!important;font-weight:850!important;color:#0A1628!important;letter-spacing:-.01em!important;max-width:230px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.item-meta span{padding:4px 7px!important;border-radius:999px!important;background:rgba(37,99,235,.08)!important;color:#2563eb!important;font-size:9px!important;letter-spacing:.08em!important}.feedback-item p{margin:0 0 9px!important;color:#1f2937!important;font-size:14px!important;font-weight:650!important;line-height:1.45!important}.feedback-item small{display:block!important;color:#7b8494!important;font-size:11px!important;line-height:1.35!important}.capture-thumb{margin:0 0 10px!important;border-radius:12px!important;border:1px solid rgba(10,22,40,.08)!important}.capture-thumb img{height:92px!important}.capture-link{display:inline-flex!important;margin-top:9px!important;color:#2563eb!important;font-size:12px!important;font-weight:850!important;text-decoration:none!important}.attachment-links{background:#fff!important;border-color:rgba(10,22,40,.08)!important;margin:9px 0 0!important}.completion-note{margin-top:10px!important;padding:10px!important;border-radius:12px!important;background:#f7f8fb!important;color:#526179!important;font-size:12px!important;font-weight:650!important}.empty{background:#fbfbfa!important;border:1px dashed rgba(10,22,40,.14)!important;color:#7b8494!important;text-align:center!important;padding:24px 16px!important}.comments-drawer:not(.open){visibility:hidden!important;pointer-events:none!important}@media(max-width:620px){.comments-drawer{width:100vw!important;padding:16px!important}}

/* Structured comment groups */
.comment-page-group{display:grid!important;gap:8px!important}.comment-page-group+.comment-page-group{margin-top:8px!important}.comment-page-heading{position:sticky;top:0;z-index:1;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 2px 6px!important;background:#fff!important;color:#0A1628!important}.comment-page-heading span{font-size:12px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#526179!important}.comment-page-heading b{display:grid!important;place-items:center!important;min-width:22px!important;height:22px!important;border-radius:999px!important;background:rgba(37,99,235,.09)!important;color:#2563eb!important;font-size:11px!important}.comment-page-group .feedback-item{padding:12px 13px!important;border-radius:14px!important}.comment-page-group .feedback-item .item-meta{margin-bottom:6px!important}.comment-page-group .feedback-item .item-meta b{font-size:12px!important;color:#2563eb!important}.comment-page-group .feedback-item .item-meta span{background:#f2f4f7!important;color:#637083!important}.comment-page-group .feedback-item p{font-size:13px!important;line-height:1.4!important;margin-bottom:7px!important}.comment-page-group .feedback-item small{font-size:10.5px!important}.comment-page-group .feedback-item:not(.selected) .capture-thumb,.comment-page-group .feedback-item:not(.selected) .capture-link,.comment-page-group .feedback-item:not(.selected) .attachment-links{display:none!important}.comment-page-group .feedback-item.selected{padding:14px!important;background:rgba(37,99,235,.055)!important}.comment-page-group .feedback-item.selected .capture-thumb{margin-top:11px!important;margin-bottom:8px!important}.comment-page-group .feedback-item.selected .capture-thumb img{height:120px!important}.comment-page-group .feedback-item.selected p{font-size:14px!important}

/* Fix composer visibility + structured comment row metadata */
.review-app.composing-comment .comments-drawer{visibility:visible!important;pointer-events:none!important}.review-app.composing-comment .comment-composer{visibility:visible!important;pointer-events:auto!important}.comment-row-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:7px!important}.comment-author{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}.comment-author span{font-size:12px!important;font-weight:850!important;color:#0A1628!important;max-width:145px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.comment-author b{font-size:11px!important;color:#2563eb!important;background:rgba(37,99,235,.08)!important;border-radius:999px!important;padding:3px 7px!important}.status-pill{flex:none!important;border-radius:999px!important;padding:4px 8px!important;font-style:normal!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important;background:#f2f4f7!important;color:#637083!important}.status-new{background:rgba(37,99,235,.09)!important;color:#2563eb!important}.status-in-progress{background:#fbf3db!important;color:#956400!important}.status-resolved{background:#edf3ec!important;color:#346538!important}.comment-preview{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.feedback-item.selected .comment-preview{-webkit-line-clamp:unset!important;display:block!important}.comment-page-group .feedback-item .item-meta{display:none!important}

/* Consistent comment status colors */
:root{--status-new:#2563eb;--status-progress:#f59e0b;--status-resolved:#16a34a;--status-new-soft:rgba(37,99,235,.10);--status-progress-soft:rgba(245,158,11,.14);--status-resolved-soft:rgba(22,163,74,.12)}
.status-pill.status-new{background:var(--status-new-soft)!important;color:var(--status-new)!important}.status-pill.status-progress{background:var(--status-progress-soft)!important;color:#b45309!important}.status-pill.status-resolved{background:var(--status-resolved-soft)!important;color:var(--status-resolved)!important}
.pin.status-new{background:var(--status-new)!important;box-shadow:0 0 0 8px var(--status-new-soft),0 14px 30px rgba(10,22,40,.24)!important}.pin.status-progress{background:var(--status-progress)!important;box-shadow:0 0 0 8px var(--status-progress-soft),0 14px 30px rgba(10,22,40,.24)!important}.pin.status-resolved{background:var(--status-resolved)!important;box-shadow:0 0 0 8px var(--status-resolved-soft),0 14px 30px rgba(10,22,40,.24)!important}.pin.active{background:#0A1628!important}
.floating-bottombar .drawer-toggle b{background:linear-gradient(135deg,var(--status-new) 0 50%,var(--status-progress) 50% 75%,var(--status-resolved) 75% 100%)!important;border:0!important;color:#fff!important}.floating-bottombar .drawer-toggle b::after{content:attr(data-progress);display:none}.comment-page-heading b{background:var(--status-new-soft)!important;color:var(--status-new)!important}.filter-bar button[data-filter="New"].active{background:var(--status-new)!important;border-color:var(--status-new)!important}.filter-bar button[data-filter="In progress"].active{background:var(--status-progress)!important;border-color:var(--status-progress)!important;color:#fff!important}.filter-bar button[data-filter="Resolved"].active{background:var(--status-resolved)!important;border-color:var(--status-resolved)!important;color:#fff!important}

/* Composer follows draft pin */
.review-app.composing-comment .comment-composer{position:fixed!important;right:auto!important;bottom:auto!important;max-height:calc(100vh - 96px)!important}.review-app.composing-comment .comment-composer::before{content:"";position:absolute;left:-7px;top:22px;width:12px;height:12px;background:#fff;border-left:1px solid rgba(17,17,17,.10);border-bottom:1px solid rgba(17,17,17,.10);transform:rotate(45deg)}@media(max-width:620px){.review-app.composing-comment .comment-composer{max-height:calc(100vh - 120px)!important}}

/* Comment thread controls */
.comment-thread{display:grid!important;gap:8px!important;margin-top:12px!important;padding-top:10px!important;border-top:1px solid rgba(10,22,40,.08)!important}.thread-reply{padding:9px 10px!important;border-radius:12px!important;background:#fff!important;border:1px solid rgba(10,22,40,.07)!important}.thread-reply b{display:block!important;margin-bottom:3px!important;font-size:11px!important;color:#0A1628!important}.thread-reply p{margin:0!important;font-size:12px!important;line-height:1.35!important;color:#374151!important;font-weight:600!important}.thread-form{display:grid!important;grid-template-columns:1fr auto!important;gap:6px!important}.thread-form input{height:36px!important;border-radius:10px!important;border:1px solid rgba(10,22,40,.10)!important;background:#fff!important;padding:0 10px!important;font-size:12px!important;color:#111!important}.thread-form button,.resolve-comment{height:36px!important;border-radius:10px!important;border:1px solid rgba(10,22,40,.10)!important;background:#0A1628!important;color:#fff!important;padding:0 11px!important;font-size:12px!important;font-weight:850!important}.resolve-comment{background:var(--status-resolved)!important;border-color:var(--status-resolved)!important;justify-self:start!important}.feedback-item.selected.status-resolved,.feedback-item.selected:has(.status-resolved){border-color:rgba(22,163,74,.22)!important;background:rgba(22,163,74,.055)!important}

/* Remove drawer artifact while composing and tighten pin anchoring */
.review-app.composing-comment .comments-drawer{display:contents!important;visibility:visible!important;pointer-events:none!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}.review-app.composing-comment .comment-composer{width:min(340px,calc(100vw - 28px))!important;z-index:120!important}.review-app.composing-comment .comment-composer::before{left:-6px!important;right:auto!important}.review-app.composing-comment .comment-composer.composer-left::before{left:auto!important;right:-6px!important;border-left:0!important;border-bottom:0!important;border-right:1px solid rgba(17,17,17,.10)!important;border-top:1px solid rgba(17,17,17,.10)!important}
.reopen-comment{height:36px!important;border-radius:10px!important;border:1px solid rgba(245,158,11,.28)!important;background:var(--status-progress-soft)!important;color:#b45309!important;padding:0 11px!important;font-size:12px!important;font-weight:850!important;justify-self:start!important}
.review-app.composing-comment .comment-composer.composer-above::before{top:auto!important;bottom:22px!important}

@media(max-width:620px){
  .floating-bottombar{grid-template-columns:auto minmax(150px,1fr) auto!important;gap:6px!important;padding:8px!important;overflow:visible!important}
  .mode-switcher{width:100%!important;min-width:0!important}
  .mode-switcher button{min-width:0!important;flex:1 1 0!important;padding:0 8px!important;font-size:11px!important}
  .pages-control{width:66px!important;min-width:66px!important}
  .pages-toggle{padding:0 8px!important;justify-content:center!important}
  .pages-toggle b{max-width:50px!important;font-size:12px!important;text-align:center!important}
  .floating-bottombar .drawer-toggle{width:42px!important;min-width:42px!important;padding:0!important}
}

/* === Production hardening pass: viewer identity modal + final mobile toolbar guard === */
.viewer-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:rgba(10,22,40,.42);backdrop-filter:blur(10px)}
.viewer-modal.hidden{display:none!important}.viewer-card{width:min(430px,calc(100vw - 32px));display:grid;gap:14px;padding:24px;border-radius:24px;background:#fff;border:1px solid rgba(10,22,40,.10);box-shadow:0 24px 80px rgba(10,22,40,.24)}
.viewer-card h2{margin:0;font:850 28px/1.05 Manrope,sans-serif;letter-spacing:-.04em;color:#0A1628}.viewer-copy{margin:0;color:#526179;font-size:14px;line-height:1.55}.viewer-card label{display:grid;gap:7px;color:#0A1628;font-size:12px;font-weight:850}.viewer-card input{height:44px;border-radius:13px;border:1px solid rgba(10,22,40,.12);padding:0 13px;color:#111;background:#fbfbfa;outline:none}.viewer-card input:focus{border-color:rgba(37,99,235,.42);box-shadow:0 0 0 4px rgba(37,99,235,.08);background:#fff}.viewer-card .primary{height:44px;border-radius:13px;background:#0A1628;color:#fff}
@media(max-width:620px){.floating-bottombar{grid-template-columns:auto minmax(0,1fr) auto!important;width:auto!important;max-width:calc(100vw - 20px)!important}.mode-switcher{min-width:0!important}.mode-switcher button{min-width:0!important}.pages-control{width:66px!important;min-width:66px!important}.pages-toggle b{max-width:48px!important}.floating-bottombar .drawer-toggle{width:42px!important;min-width:42px!important}.viewer-card{padding:20px;border-radius:20px}.viewer-card h2{font-size:24px}}

/* === Round 2 QA improvements: attachment previews === */
.attachment-links a{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important;padding:7px!important;border-radius:10px!important;background:#fff!important;border:1px solid rgba(10,22,40,.07)!important}
.attachment-links img{width:44px!important;height:36px!important;object-fit:cover!important;border-radius:7px!important;border:1px solid rgba(10,22,40,.08)!important;background:#f7f6f3!important}
.attachment-links span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Mandatory design QA gate */
.design-qa-box{margin-top:10px;padding:12px;border-radius:14px;background:#fff;border:1px solid rgba(10,22,40,.10);display:grid;gap:8px}
.design-qa-box p{margin:0!important;color:#0A1628!important;font-size:12px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.design-qa-box label{display:flex;gap:8px;align-items:flex-start;color:#526179;font-size:12px;font-weight:750;line-height:1.35}
.design-qa-box input{margin-top:2px;accent-color:#2563eb}.qa-critique-input{min-height:82px;font-size:12px!important;line-height:1.45!important}.design-qa-box small{color:#7b8494;font-size:11px;line-height:1.35}
.status-actions button.is-blocked{opacity:.58!important;border-style:dashed!important;cursor:not-allowed!important}
.design-qa-box textarea{resize:vertical}.design-qa-box label,.design-qa-box small{overflow-wrap:anywhere}
.finish-review{height:40px;padding:0 14px;border-radius:13px;background:#16a34a!important;color:#fff!important;font-weight:900!important;box-shadow:0 8px 24px rgba(22,163,74,.22)!important;white-space:nowrap}.finish-review:hover{background:#15803d!important}.status-pending{background:#fff7ed!important;color:#c2410c!important}.filter-bar button[data-filter="Pending"].active{background:#f97316!important;border-color:#f97316!important;color:#fff!important}.status-actions button[data-status="Pending"]{background:#fff7ed!important;color:#c2410c!important}.status-actions button[data-status="Resolved"]{background:#edf3ec!important;color:#346538!important}@media(max-width:980px){.floating-bottombar{grid-template-columns:auto auto 1fr!important}.finish-review{font-size:12px;padding:0 10px}}@media(max-width:620px){.finish-review{position:fixed;right:12px;bottom:78px;z-index:55;height:42px;border-radius:999px}.floating-bottombar{width:min(640px,calc(100vw - 20px))!important}}
.review-app.studio-mode .finish-review{display:none!important}
/* Nav fit fix: Finish Review added a fourth control, so the bottom bar must use four columns on desktop. */
.review-app:not(.studio-mode) .floating-bottombar{width:min(1040px,calc(100vw - 32px))!important;grid-template-columns:auto auto auto minmax(260px,1fr)!important;gap:10px!important}.review-app:not(.studio-mode) .floating-bottombar .toolbar-right{grid-column:auto!important;justify-self:end!important;display:flex!important}.review-app:not(.studio-mode) .finish-review{justify-self:center!important;width:auto!important}.review-app:not(.studio-mode) .viewport-switcher{display:flex!important;visibility:visible!important}.review-app:not(.studio-mode) .pages-control{width:150px!important}@media(max-width:980px){.review-app:not(.studio-mode) .floating-bottombar{width:min(900px,calc(100vw - 24px))!important;grid-template-columns:auto auto auto minmax(210px,1fr)!important}.review-app:not(.studio-mode) .mode-switcher button{min-width:74px!important}.review-app:not(.studio-mode) .pages-control{width:116px!important}.review-app:not(.studio-mode) .viewport-switcher button{width:30px!important}.review-app:not(.studio-mode) .finish-review{font-size:12px!important;padding:0 10px!important}}@media(max-width:700px){.review-app:not(.studio-mode) .floating-bottombar{grid-template-columns:auto minmax(0,1fr) auto!important}.review-app:not(.studio-mode) .toolbar-right{grid-column:1/-1!important;justify-self:stretch!important;justify-content:space-between!important}.review-app:not(.studio-mode) .finish-review{position:static!important;grid-column:auto!important}.review-app:not(.studio-mode) .viewport-switcher{display:flex!important}.review-app:not(.studio-mode) .pages-control{width:128px!important}}
@media(max-width:700px){.review-app:not(.studio-mode) .floating-bottombar{height:auto!important;grid-template-columns:auto 1fr auto!important;row-gap:8px!important;padding-bottom:8px!important}.review-app:not(.studio-mode) .finish-review{position:static!important;right:auto!important;bottom:auto!important;height:40px!important}.review-app:not(.studio-mode) .toolbar-right{grid-column:1/-1!important;grid-row:2!important;justify-self:stretch!important;justify-content:space-between!important}.review-app:not(.studio-mode) .client-site{padding-bottom:118px!important}.review-app:not(.studio-mode) .review-frame-wrap{min-height:calc(100vh - 118px)!important}.review-app:not(.studio-mode) .review-frame{height:calc(100vh - 118px)!important}}@media(max-width:420px){.review-app:not(.studio-mode) .floating-bottombar{grid-template-columns:auto 1fr!important}.review-app:not(.studio-mode) .finish-review{grid-column:1/-1!important;justify-self:stretch!important;width:100%!important}.review-app:not(.studio-mode) .toolbar-right{grid-row:3!important}.review-app:not(.studio-mode) .mode-switcher button{min-width:0!important}.review-app:not(.studio-mode) .client-site{padding-bottom:168px!important}.review-app:not(.studio-mode) .review-frame-wrap{min-height:calc(100vh - 168px)!important}.review-app:not(.studio-mode) .review-frame{height:calc(100vh - 168px)!important}}
/* Finish Review belongs at the far right of the toolbar and should read as a compact final action. */
.review-app:not(.studio-mode) .floating-bottombar{width:min(1060px,calc(100vw - 32px))!important;grid-template-columns:auto auto minmax(390px,1fr)!important}.review-app:not(.studio-mode) .toolbar-right{justify-self:end!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}.review-app:not(.studio-mode) .finish-review{height:36px!important;padding:0 11px!important;border-radius:11px!important;font-size:12px!important;letter-spacing:-.01em!important;box-shadow:0 7px 18px rgba(22,163,74,.18)!important}.review-app:not(.studio-mode) .pages-control{width:140px!important}@media(max-width:980px){.review-app:not(.studio-mode) .floating-bottombar{grid-template-columns:auto auto minmax(330px,1fr)!important}.review-app:not(.studio-mode) .finish-review{padding:0 9px!important;font-size:11.5px!important}.review-app:not(.studio-mode) .pages-control{width:108px!important}}@media(max-width:700px){.review-app:not(.studio-mode) .floating-bottombar{grid-template-columns:auto 1fr!important}.review-app:not(.studio-mode) .toolbar-right{grid-column:1/-1!important;grid-row:2!important;justify-content:space-between!important}.review-app:not(.studio-mode) .finish-review{position:static!important;width:auto!important;justify-self:auto!important}}@media(max-width:420px){.review-app:not(.studio-mode) .finish-review{width:auto!important;grid-column:auto!important}.review-app:not(.studio-mode) .toolbar-right{grid-row:2!important}.review-app:not(.studio-mode) .client-site{padding-bottom:118px!important}.review-app:not(.studio-mode) .review-frame-wrap{min-height:calc(100vh - 118px)!important}.review-app:not(.studio-mode) .review-frame{height:calc(100vh - 118px)!important}}
@media(max-width:700px){.review-app:not(.studio-mode) .toolbar-right{display:grid!important;grid-template-columns:auto auto 1fr!important;align-items:center!important;gap:8px!important}.review-app:not(.studio-mode) .toolbar-right .viewport-switcher{grid-column:1!important;grid-row:1!important}.review-app:not(.studio-mode) .toolbar-right .pages-control{grid-column:2!important;grid-row:1!important}.review-app:not(.studio-mode) .toolbar-right .finish-review{grid-column:3!important;grid-row:1!important;justify-self:end!important}}@media(max-width:420px){.review-app:not(.studio-mode) .toolbar-right{grid-template-columns:auto minmax(80px,1fr) auto!important}.review-app:not(.studio-mode) .toolbar-right .finish-review{grid-column:3!important;width:auto!important;justify-self:end!important}.review-app:not(.studio-mode) .toolbar-right .pages-control{width:88px!important}.review-app:not(.studio-mode) .toolbar-right .viewport-switcher button{width:28px!important}}
@media(max-width:420px){.review-app:not(.studio-mode) .toolbar-right{width:100%!important;grid-template-columns:auto auto auto!important;justify-content:space-between!important}.review-app:not(.studio-mode) .toolbar-right .pages-control{grid-column:1!important;grid-row:1!important}.review-app:not(.studio-mode) .toolbar-right .viewport-switcher{grid-column:2!important;grid-row:1!important}.review-app:not(.studio-mode) .toolbar-right .finish-review{grid-column:3!important;grid-row:1!important;justify-self:end!important}}
@media(max-width:420px){.review-app:not(.studio-mode) .toolbar-right{width:100%!important;grid-template-columns:auto auto auto!important;justify-content:space-between!important}.review-app:not(.studio-mode) .toolbar-right .pages-control{grid-column:1!important;grid-row:1!important;order:1!important}.review-app:not(.studio-mode) .toolbar-right .viewport-switcher{grid-column:2!important;grid-row:1!important;order:2!important}.review-app:not(.studio-mode) .toolbar-right .finish-review{grid-column:3!important;grid-row:1!important;order:3!important;justify-self:end!important}}