@font-face {font-family:AaStateFeedback;src:url("assets/fonts/AaSFSSSCS-state.woff2") format("woff2");font-weight:400;font-display:swap;}
.project-two-state-feedback {position:relative;width:868.164px;height:340px;margin-left:calc(var(--portfolio-content-left) + 16px);color:rgba(25,22,24,.9);}
.project-two-state-feedback>header {position:absolute;left:0;top:10px;width:868.164px;}
.project-two-state-feedback h2 {margin:0;font:700 24px/31px DouyinSans,sans-serif;}
.project-two-state-feedback header p {margin:8px 0 0;font:400 12px/27px "PingFang SC",sans-serif;color:#666;}
.state-feedback-panel {position:absolute;left:0;top:95px;width:868px;height:197px;border:1px solid rgba(12,19,27,.1);border-radius:16px;overflow:hidden;}
/* Intentionally empty until the user supplies the state demos. */
.state-feedback-reserved {position:absolute;left:59.164px;top:67px;width:735.6px;height:46.08px;}
.state-feedback-label {position:absolute;top:133.007px;width:44.526px;margin:0;font:400 12px/25px AaStateFeedback,sans-serif;color:rgba(25,22,24,.75);}
.state-feedback-scroll {left:61.164px;}.state-feedback-default {left:216.674px;}.state-feedback-answer {left:407.644px;}.state-feedback-action {left:654.338px;width:58.742px;}
@media(max-width:1279.98px) {.project-two-state-feedback {margin-left:280px;}}

/* Isolated source demos at the Figma 0.96 scale; padding preserves their glow. */
.state-demo {position:absolute;top:43.96px;height:116px;border:0;background:transparent;transform:scale(.96);transform-origin:top left;}
.state-demo-scroll {left:36.124px;width:88px;transform:scale(.95);top:44.2px;}
.state-demo-default {left:168.124px;width:150px;}
.state-demo-answer {left:347.124px;width:180px;}
.state-demo-action {left:544.124px;width:290px;}
.state-feedback-default,.state-feedback-action {display:flex;align-items:center;gap:3px;width:auto;white-space:nowrap;}
.state-replay {display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:#999;font:16px/1 Arial,sans-serif;cursor:pointer;transition:color .15s,background .15s;}
.state-replay:hover {color:#7f6cf6;background:rgba(127,108,246,.07);}.state-replay:focus-visible {outline:1px solid #7f6cf6;outline-offset:2px;}