:root{color:#1f2328;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#edf0f4;font-family:Avenir Next,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}html,#root{height:100%}button{font:inherit}.app-shell{grid-template-columns:minmax(420px,1fr) minmax(360px,520px);height:100vh;display:grid;overflow:hidden}.stage-shell{background-color:#f8fafc;background-image:linear-gradient(90deg,#1f23280f 1px,#0000 1px),linear-gradient(#1f23280f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-right:1px solid #d0d7de;grid-template-rows:auto 1fr;height:100vh;min-height:0;display:grid;position:sticky;top:0}.stage-toolbar{color:#57606a;border-bottom:1px solid #d0d7de;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:13px;display:flex}.stage-canvas{min-height:0;position:relative;overflow:hidden}.control-rail{overscroll-behavior:contain;background:#fff;flex-direction:column;gap:14px;height:100vh;min-height:0;padding:22px;display:flex;overflow-y:auto}.app-header h1,.panel-heading h2{letter-spacing:0;margin:0}.app-header h1{font-size:28px;line-height:1.15}.eyebrow{color:#8b3a3a;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:800}.panel{background:#f6f8fa;border:1px solid #d0d7de;border-radius:8px;padding:16px}.panel-heading{margin-bottom:14px}.panel-heading h2{font-size:17px}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.event-button{color:#1f2328;text-align:left;cursor:pointer;background:#fff;border:1px solid #d0d7de;border-radius:8px;min-height:78px;padding:12px;transition:border-color .16s,background .16s,transform .16s}.event-button:hover:not(:disabled),.event-button[data-active=true]{background:#fff7f5;border-color:#8b3a3a;transform:translateY(-1px)}.event-button:disabled{cursor:wait;opacity:.72}.event-button span{margin-bottom:7px;font-weight:800;display:block}.event-button small{color:#57606a;line-height:1.35;display:block}.response-card{background:#fff;border:1px solid #d8dee4;border-radius:8px;padding:14px}.reply-text{margin:0 0 14px;font-size:18px;font-weight:800;line-height:1.45}.response-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.response-meta div{background:#f6f8fa;border-radius:6px;padding:10px}.response-meta dt{color:#57606a;margin-bottom:5px;font-size:12px}.response-meta dd{overflow-wrap:anywhere;margin:0;font-weight:800}.muted,.error-text{margin:0;line-height:1.5}.muted{color:#57606a}.error-text{color:#b42318;font-weight:700}.debug-panel{gap:16px;display:grid}.debug-group{gap:9px;display:grid}.debug-group h3{color:#57606a;letter-spacing:0;margin:0;font-size:13px}.debug-button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.debug-button,.reset-button{color:#1f2328;cursor:pointer;text-align:left;background:#fff;border:1px solid #d0d7de;border-radius:8px;transition:border-color .16s,background .16s,transform .16s}.debug-button{min-height:58px;padding:10px}.debug-button:hover,.reset-button:hover{background:#fff7f5;border-color:#8b3a3a;transform:translateY(-1px)}.debug-button span{margin-bottom:5px;font-weight:800;display:block}.debug-button small{color:#57606a;font-size:12px}.reset-button{text-align:center;min-height:42px;padding:0 12px;font-weight:800}.face-panel{gap:16px;display:grid}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.preset-button{color:#1f2328;cursor:pointer;background:#fff;border:1px solid #d0d7de;border-radius:8px;min-height:40px;font-weight:800;transition:border-color .16s,background .16s,transform .16s}.preset-button:hover{background:#fff7f5;border-color:#8b3a3a;transform:translateY(-1px)}.reset-face{color:#8b3a3a}.face-group{gap:9px;display:grid}.face-group h3{color:#57606a;letter-spacing:0;margin:0;font-size:13px}.face-control-list{gap:12px;display:grid}.face-control{background:#fff;border:1px solid #d8dee4;border-radius:8px;gap:8px;padding:10px;display:grid}.face-control-label{grid-template-columns:minmax(72px,1fr) minmax(120px,1.3fr) 48px;align-items:center;gap:8px;font-size:12px;display:grid}.face-control-label strong{font-size:13px}.face-control-label code{color:#57606a;overflow-wrap:anywhere}.face-control-label em{color:#8b3a3a;text-align:right;font-style:normal;font-weight:800}.face-control input[type=range]{accent-color:#8b3a3a;width:100%}@media (width<=900px){body{overflow:auto}.app-shell{grid-template-columns:1fr;height:auto;overflow:visible}.stage-shell{border-bottom:1px solid #d0d7de;border-right:0;height:58vh;min-height:420px}.stage-canvas{min-height:430px}.control-rail{height:auto;min-height:auto;overflow:visible}}@media (width<=560px){.control-rail{padding:14px}.event-grid,.response-meta,.debug-button-grid,.preset-grid{grid-template-columns:1fr}.face-control-label{grid-template-columns:1fr 44px}.face-control-label code{grid-column:1/-1}}