.review-demo{--demo-text:oklch(47% .016 275);background:var(--paper);color:var(--ink);border:1px solid var(--line-dark);color-scheme:light;border-radius:7px;overflow:hidden}.demo-toolbar{border-bottom:1px solid var(--line-light);justify-content:space-between;align-items:center;min-height:60px;padding:0 27px;display:flex}.demo-tabs{align-self:stretch;gap:25px;display:flex}.demo-tabs button{color:var(--demo-text);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:16px 0;font-size:11px;display:flex}.demo-tabs button[aria-selected=true]{border-bottom-color:var(--blue);color:var(--ink);font-weight:700}.demo-local{color:var(--demo-text);align-items:center;gap:7px;font-size:9px;display:flex}.demo-local .small-dot{color:var(--blue)}.demo-body{grid-template-columns:1.6fr 1fr;display:grid}.demo-message{min-width:0;padding:33px 38px 25px}.message-sender{align-items:center;gap:11px;display:flex}.sender-avatar{background:var(--ink);width:36px;height:36px;color:var(--lime);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:750;display:flex;position:relative}.sender-avatar>span{align-self:flex-start;margin-top:6px;font-size:10px}.message-sender>div{flex-direction:column;display:flex}.message-sender>div>span{color:var(--demo-text);font-size:9px}.message-time{color:var(--demo-text);margin-left:auto;font-size:9px}.demo-message h3{letter-spacing:-.05em;margin:30px 0 14px;font-size:29px;font-weight:550;line-height:1.25}.message-intro{color:var(--demo-text);max-width:420px;margin-bottom:25px;font-size:11px;line-height:1.85}.review-content{border:1px solid var(--line-light);background:var(--mist);border-radius:4px;padding:15px 18px 16px}.review-content-label{justify-content:space-between;align-items:center;gap:15px;font-size:8px;display:flex}.review-content-label>span:first-child{align-items:center;gap:6px;font-weight:650;display:flex}.revision-label{color:var(--demo-text);white-space:nowrap}.revision-label b{font-weight:500}.review-quote{letter-spacing:-.02em;max-width:340px;margin:16px 0 0;font-size:14px;font-weight:550;line-height:1.6}.demo-action-area{margin-top:24px}.demo-main-actions{flex-wrap:wrap;gap:10px;display:flex}.demo-main-actions .outline{border-color:var(--line-light);background:var(--paper)}.demo-main-actions .outline:hover{border-color:var(--ink)}.demo-main-actions .primary{gap:6px}.demo-main-actions .primary svg{margin-left:7px}.action-footnote{color:var(--demo-text);margin:13px 0 0;font-size:9px}.demo-inspector{border-left:1px solid var(--line-light);background:var(--mist);flex-direction:column;padding:28px;display:flex}.inspector-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.inspector-heading .eyebrow{letter-spacing:.1em;font-size:8px}.inspector-heading .pill{border-color:var(--line-light);color:var(--demo-text);padding:3px 7px;font-size:8px}.inspector-state{margin-top:33px}.state-symbol{width:36px;height:36px;color:var(--blue-ink);background:var(--lavender);border-radius:50%;place-items:center;margin-bottom:20px;font-size:20px;display:grid}.inspector-state .eyebrow{color:var(--demo-text);letter-spacing:.1em;font-size:8px}.inspector-state h4{letter-spacing:-.045em;margin:9px 0 12px;font-size:23px;font-weight:550}.inspector-state p{color:var(--demo-text);max-width:270px;margin-bottom:20px;font-size:11px;line-height:1.9}.demo-result{border-top:1px solid var(--line-light);margin-top:auto;padding-top:16px}.demo-result .eyebrow{color:var(--demo-text);font-size:8px}.demo-result p{min-height:36px;margin:7px 0 16px;font-size:10px;line-height:1.8}.demo-scenarios label{margin-bottom:6px;font-size:8px;font-weight:600;display:block}.demo-scenarios select{background:var(--paper);width:100%;color:var(--ink);border:1px solid var(--line-light);border-radius:4px;padding:8px;font-size:10px}.demo-utilities{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.demo-utilities button{color:var(--demo-text);background:0 0;border:0;align-items:center;gap:7px;padding:5px 0;font-size:9px;display:flex}.demo-utilities button:hover{color:var(--blue-ink)}.demo-utilities [data-reset]{justify-content:center;min-width:28px;min-height:28px}.demo-caption{border-top:1px solid var(--line-light);color:var(--demo-text);justify-content:space-between;gap:16px;padding:14px 27px;font-size:9px;display:flex}.demo-caption>span,.demo-caption a{align-items:center;gap:7px;display:flex}.interaction-title h3{margin-top:20px}.interaction-title .eyebrow{color:var(--demo-text);font-size:8px}.interaction-fields{margin:28px 0 15px;font-size:11px}.interaction-fields>div{border-bottom:1px solid var(--line-light);grid-template-columns:140px 1fr;gap:15px;padding:10px 0;display:grid}.interaction-fields dt{color:var(--demo-text)}.interaction-fields dd{margin:0;font-weight:600}.semantic-note{color:var(--demo-text);margin-bottom:0;font-size:9px}.demo-action-area form label{margin-bottom:8px;font-size:11px;font-weight:600;display:block}.demo-action-area textarea{resize:vertical;border:1px solid var(--line-light);background:var(--paper);width:100%;color:var(--ink);border-radius:4px;padding:10px;font-size:12px}.demo-action-area form>div{gap:16px;margin-top:10px;display:flex}.demo-cancel{background:0 0;border:0;font-size:11px}.demo-noscript{font-size:12px}.review-demo :focus-visible{outline-color:var(--blue-ink)}.review-demo[data-status=approved] .state-symbol{background:var(--lime);color:var(--lime-dark)}@media (width<=900px){.demo-message{padding:28px}.demo-inspector{padding:24px}.inspector-heading{flex-direction:column;align-items:flex-start;gap:6px}.demo-message h3{font-size:26px}.review-content-label{flex-wrap:wrap;gap:4px}.demo-main-actions .button{padding-inline:12px;font-size:10px}.demo-body{grid-template-columns:1.4fr 1fr}}@media (width<=600px){.demo-body{grid-template-columns:1fr}.demo-toolbar{padding:0 18px}.demo-tabs{gap:18px}.demo-tabs button{font-size:10px}.demo-local{font-size:0}.demo-local .small-dot{width:6px;height:6px}.demo-message{padding:25px 22px}.demo-message h3{font-size:29px}.message-intro{font-size:12px}.review-content{padding:14px}.review-quote{font-size:14px}.review-content-label{gap:10px}.demo-inspector{border-left:0;border-top:1px solid var(--line-light);padding:25px 22px}.inspector-heading{flex-direction:row;align-items:center}.inspector-state{margin-top:24px}.state-symbol{float:left;margin-bottom:10px;margin-right:15px}.inspector-state h4{margin-bottom:18px}.inspector-state p{clear:both;max-width:none;font-size:12px}.demo-result p{min-height:auto;font-size:11px}.demo-scenarios{grid-template-columns:1fr 1fr;align-items:center;gap:0 16px;display:grid}.demo-scenarios>label{grid-column:1/-1}.demo-utilities{margin:0}.demo-caption{flex-wrap:wrap;padding:16px 22px;font-size:9px}.interaction-fields>div{grid-template-columns:115px 1fr}}.message-intro{font-size:13px}.message-sender strong{font-size:12px}.message-sender>div>span,.message-time{font-size:10px}.inspector-state p{font-size:12px}.demo-result p{font-size:11px}.demo-tabs button,.interaction-fields{font-size:12px}.demo-scenarios label,.demo-utilities button,.action-footnote,.demo-caption{font-size:10px}.demo-scenarios select{font-size:11px}@media (width<=600px){.demo-tabs button,.demo-main-actions .button{font-size:11px}}