/* 演示控制台：手机右侧常驻一列，批注面板挪到最右 */
.workspace{max-width:1080px}
.stage{gap:32px}
.demo-console{width:252px;flex:none;align-self:start;color:#4e3c5d}
.console-title{font-size:17px;font-weight:600;margin:2px 0 14px}
.demo-console section{padding:14px 0 16px;border-top:1px solid #e7dfed}
.demo-console h3{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px;font-size:13px;font-weight:600;color:#7a5aa0}
.console-date{font-size:12px;font-weight:400;color:#a596b3}
.demo-console label{display:block;margin:10px 0 6px;font-size:12px;line-height:1.4;color:#988aa6}
.demo-console h3+label{margin-top:0}
.demo-console select{width:100%;height:38px;padding:0 30px 0 11px;border:1px solid #e1d9e9;border-radius:9px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239a8eaa' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;font:inherit;font-size:13px;color:#4e3c5d;cursor:pointer}
.demo-console select:focus-visible,.demo-console button:focus-visible{outline:2px solid #8553ec;outline-offset:2px}
.console-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.demo-console button{height:34px;border:1px solid #e1d9e9;border-radius:8px;background:#fff;font:inherit;font-size:12px;color:#6c5683;cursor:pointer}
.demo-console button:hover{border-color:#c9b6dc;color:#4e3c5d}
.demo-console .console-reset{width:100%;height:38px;margin-top:2px;background:#f0ebf6;border-color:transparent;font-size:13px}
@media(max-width:600px){.demo-console{display:none}}