.demo-hero{padding-bottom:50px}.demo-hero h1{font-size:clamp(62px,7vw,101px)}.demo-hero .demo-jump{color:var(--paper);border-color:#92a794;margin-top:24px;font-size:12px}.demo-section{background:radial-gradient(at 10% 20%,#fff9e7,#0000 75%)}.review-workspace{--muted:#bcc9bd;--line:#516b6459;color:var(--paper);background:#0c2227;border:1px solid #5c7060;border-radius:12px;overflow:hidden;box-shadow:0 30px 65px #142d2a2b,0 0 0 4px #d7d6bd70}.review-topbar{border-bottom:1px solid var(--line);background:linear-gradient(120deg,#253b3d80,#0000);justify-content:space-between;align-items:center;gap:20px;padding:17px 27px;font-size:12px;display:flex}.review-topbar>div{align-items:center;gap:13px;display:flex}.workspace-mark{color:var(--gold);font-size:31px}.reset-button{min-height:44px;color:var(--paper);background:0 0;border:0;align-items:center;gap:15px;font-size:12px;display:flex}.reset-button:hover{color:var(--accent)}.review-progress{border-bottom:1px solid var(--line);background:#081c20;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.review-progress li{color:#c0cec0;align-items:center;gap:13px;padding:18px 24px;font-size:11px;display:flex;position:relative}.review-progress li+li{border-left:1px solid var(--line)}.review-progress li>span{font:21px/1 var(--heading);color:#c5b995}.review-progress .is-current{color:var(--accent);background:#9dac721a}.review-progress .is-current:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:24px;right:24px}.review-progress .is-current>span{color:var(--accent)}.review-grid{grid-template-columns:1.18fr 1fr;display:grid}.review-art{background:radial-gradient(at 45% 40%,#40534c,#142c2e 65%,#0c2329);padding:28px 42px 30px}.review-art-meta{color:#d2d4bf;letter-spacing:.1em;justify-content:space-between;gap:20px;margin-bottom:25px;font-size:10px;display:flex}.review-art>img{border:1px solid #b4ac85;width:min(100%,420px);height:auto;margin:auto;box-shadow:0 15px 32px #0007}.review-art>p{color:#c4cebd;max-width:420px;margin:18px auto 0;font-size:11px;line-height:1.8}.inspect-button{min-width:185px;min-height:40px;color:var(--paper);background:#082126b3;border:1px solid #a7b29a80;border-radius:2px;justify-content:space-between;align-items:center;gap:30px;margin:19px auto 0;padding:7px 13px;font-size:11px;display:flex}.inspect-button span{font-size:17px}.inspect-button:hover{border-color:var(--gold);color:var(--gold)}.decision-panel{border-left:1px solid var(--line);background:linear-gradient(135deg,#1c3336a0,#0d242b);padding:32px 35px}.decision-meta{justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px;display:flex}.decision-meta>.mono{letter-spacing:.08em;background:#8c9d7d16;border:1px solid #72887877;border-radius:3px;padding:5px 11px;font-size:11px}.status{color:#e9edd9;white-space:nowrap;background:#28433f;border-radius:30px;align-items:center;gap:7px;padding:6px 10px;font-size:12px;display:inline-flex}.status:before{content:"●";font-size:8px}.status.approved{background:var(--accent);color:var(--night)}.status.changes_requested{color:#302a20;background:#e7c7a3}.decision-panel h2{color:var(--paper);font-size:45px;line-height:1.05}.panel-intro{color:#c5cec0;margin:15px 0 20px;font-size:12px;line-height:1.85}.demo-notice{color:#c8d3c1;background:#c7cf9f0d;border-left:2px solid #c3aa75;margin-bottom:23px;padding:13px 15px;font-size:11px}.decision-panel label{font-size:12px;font-weight:500}.field-hint{color:#bdcaba;margin:7px 0 13px;font-size:11px;line-height:1.8}.decision-panel textarea{resize:vertical;color:#122e2b;background:#f6f2e3;border:1px solid #a3b091;border-radius:3px;width:100%;min-height:115px;padding:14px;font-size:13px;line-height:1.7;display:block}.decision-panel textarea:focus-visible{outline-color:var(--accent)}.field-bottom{justify-content:space-between;align-items:center;gap:16px;margin-top:4px;display:flex}.field-bottom>.mono{color:#c7d1be;letter-spacing:.03em;white-space:nowrap;font-size:10px}.example-button{min-height:44px;color:var(--gold);text-align:left;background:0 0;border:0;padding:0;font-size:11px}.example-button:hover{text-decoration:underline}.review-workspace .button{min-height:48px;padding:13px 18px;font-size:12px}.review-workspace .button.primary{background:var(--accent);color:var(--night)}.review-workspace .button.primary:hover{background:#e2ff83}.review-workspace .button.outline{color:var(--paper);border-color:#a0b29b}.review-workspace :focus-visible{outline-color:var(--accent)}.request-button,.approve-button{justify-content:space-between;width:100%;margin-top:10px}.decision-divider{letter-spacing:.1em;color:#b4c3b5;align-items:center;gap:12px;margin:24px 0 14px;font-size:9px;display:flex}.decision-divider:before,.decision-divider:after{content:"";background:#7c95814d;flex:1;height:1px}.confirm-row{align-items:center;gap:11px;min-height:44px;display:flex}.confirm-row input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.confirm-row label{align-items:center;min-height:44px;font-size:12px;font-weight:400;display:flex}.field-error{color:#ffd1aa;margin:8px 0;font-size:11px}[aria-invalid=true]{border-color:#ffbb8a!important}.result-panel{background:#28413e;border:1px solid #73816c;margin-top:24px;padding:26px}.result-icon{color:var(--gold);font-size:37px}.result-panel h3{font:38px/1.06 var(--heading);margin-top:14px}.result-panel p{color:#cbd4c4;margin-top:17px;font-size:12px;line-height:1.9}.result-panel .button{justify-content:space-between;width:100%;margin-top:24px}.success-panel{background:var(--accent);color:var(--night);border-color:var(--accent)}.success-panel .result-icon{color:var(--night)}.success-panel p{color:#294c37}.review-workspace .success-panel .button.outline{color:var(--night);border-color:#58734d}.review-workspace .success-panel :focus-visible{outline-color:var(--night)}.review-history{border-top:1px solid var(--line);background:#081e24;padding:29px 34px}.history-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.history-heading h2{letter-spacing:-.03em;font-size:34px}.history-heading>.mono{color:#bdc9b7;font-size:10px}.history-empty{margin-top:19px;font-size:12px;line-height:1.8}.review-history ol{margin:23px 0 0;padding:0;list-style:none}.review-history li{border-top:1px solid var(--line);gap:23px;padding:20px 0;display:flex}.history-marker{color:var(--gold);padding-top:3px}.review-history li h3{letter-spacing:-.02em;color:#eae9d6;font-size:14px}.review-history li p{color:#c8d0c3;overflow-wrap:anywhere;margin-top:9px;font-size:12px}.artwork-dialog{width:min(900px,100% - 32px);max-height:94svh;color:var(--paper);background:#0e292e;border:1px solid #b2a37d;border-radius:8px;padding:24px;box-shadow:0 30px 80px #0008}.artwork-dialog::backdrop{backdrop-filter:blur(7px);background:#020d11e0}.art-dialog-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.art-dialog-top h2{font:35px/1 var(--heading)}.art-dialog-top button{color:var(--paper);border:1px solid #9fb09d;min-height:44px;padding:9px 14px;font-size:12px}.artwork-dialog>img{border:1px solid #bbb492;width:auto;max-width:100%;max-height:75svh;margin:auto}.artwork-dialog form{margin:0}[data-review-demo]:not([data-ready]){display:none}@media (width<=1100px){.review-grid{grid-template-columns:1fr 1fr}.review-art{padding:25px}.decision-panel{padding:27px}.review-progress li{gap:10px;padding:16px;font-size:10px}.review-progress .is-current:after{left:16px;right:16px}}@media (width<=760px){.demo-hero h1{font-size:clamp(49px,12vw,74px)}.demo-hero{padding-bottom:38px}.demo-hero .demo-jump{font-size:11px}.demo-section{padding:35px 0 46px}.review-workspace{border-radius:8px;box-shadow:0 20px 45px #142d2a2b,0 0 0 2px #d7d6bd70}.review-topbar{align-items:center;gap:10px;padding:10px 15px;font-size:10px}.review-topbar>div{gap:9px}.workspace-mark{font-size:22px}.review-topbar .muted{display:none}.reset-button{flex-shrink:0;gap:10px;font-size:10px}.review-progress{grid-template-columns:1fr 1fr}.review-progress li{gap:10px;padding:13px 14px;font-size:9px}.review-progress li:nth-child(3){border-left:0;border-top:1px solid var(--line)}.review-progress li:nth-child(4){border-top:1px solid var(--line)}.review-progress li>span{font-size:19px}.review-grid{grid-template-columns:1fr}.review-art{padding:23px 22px 25px}.review-art-meta{letter-spacing:.07em;gap:15px;margin-bottom:23px;font-size:9px}.review-art>img{width:100%;max-width:390px}.review-art>p{max-width:390px;margin-top:17px;font-size:10px}.inspect-button{min-height:42px;font-size:10px}.decision-panel{border-left:0;border-top:1px solid var(--line);padding:27px 22px}.decision-panel h2{font-size:43px}.decision-meta{margin-bottom:23px}.panel-intro{font-size:12px}.demo-notice,.field-hint{font-size:10px}.decision-panel label{font-size:12px}.field-bottom>.mono{font-size:9px}.example-button{font-size:10px}.confirm-row label{font-size:11px}.decision-divider{gap:9px;font-size:8px}.result-panel{padding:23px}.result-panel h3{font-size:36px}.result-panel p{font-size:11px}.review-history{padding:27px 22px}.history-heading h2{font-size:32px}.history-heading>.mono{font-size:9px}.review-history li{gap:17px}.review-history li h3{font-size:13px}.review-history li p,.history-empty{font-size:11px}.artwork-dialog{max-height:94svh;padding:17px}.art-dialog-top h2{font-size:26px}.art-dialog-top button{padding:9px 11px;font-size:10px}.art-dialog-top{gap:13px}.artwork-dialog>img{max-height:76svh}}.review-workspace .demo-notice,.review-workspace .field-hint,.review-workspace #comment-count,.review-workspace .example-button,.review-workspace .confirm-row label,.review-workspace .field-error,.review-workspace .inspect-button,.review-workspace .reset-button,.review-workspace .result-panel p,.review-workspace .history-empty,.review-workspace .review-history li p{font-size:12px}
