.product-figure{scroll-margin-top:30px}.studio{--studio-bg:#f7f8fa;--studio-border:#eaecf0;--studio-muted:#5f6673;background:var(--surface);color:#16181d;border:1px solid #dedfe4;border-radius:10px;overflow:hidden;box-shadow:0 8px 32px #00000004}.studio-titlebar{background:var(--studio-bg);border-bottom:1px solid var(--studio-border);height:42px;color:var(--studio-muted);justify-content:space-between;align-items:center;gap:20px;padding-inline:18px;font-size:11px;display:flex}.window-dots{gap:6px;width:80px;display:flex}.window-dots i{border:1px solid #d0d5dd;border-radius:50%;width:8px;height:8px}.titlebar-divider{color:#b5bac3;margin-inline:12px}.studio-local{text-align:right;width:80px;font-size:10px}.studio-toolbar{border-bottom:1px solid var(--studio-border);justify-content:space-between;align-items:center;gap:15px;padding:16px 23px;display:flex}.studio-toolbar>div:first-child{align-items:center;gap:18px;display:flex}.studio-toolbar strong{font-size:15px;font-weight:600}.studio-toolbar span{color:var(--studio-muted);font-size:11px}.studio-toolbar-right{align-items:center;gap:18px;display:flex}.studio-toolbar .mock-export{background:var(--brand);color:#fff;border-radius:5px;padding:7px 12px}.studio-body{grid-template-columns:160px minmax(0,1fr) 224px;min-height:418px;display:grid}.studio-pages{border-right:1px solid var(--studio-border);padding:16px 12px}.studio-side-label{justify-content:space-between;font-size:12px;font-weight:500;display:flex}.studio-side-label>span{color:var(--studio-muted);font-size:11px}.studio-pages ol{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.studio-pages button{text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;width:100%;padding:5px}.studio-pages button[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand)}.mini-slide{aspect-ratio:16/9;background:#f2efe7;flex-direction:column;justify-content:space-between;padding:9px;display:flex}.mini-slide>span{color:#817b6f;font-size:8px}.mini-slide strong{font-family:var(--serif);font-size:10px;font-weight:500}.mini-slide i{background:#c7c0b2;width:70%;height:1px;display:block}.studio-pages li:nth-child(2) .mini-slide{background:#e8ebde}.studio-pages li:nth-child(3) .mini-slide{background:#eee4dd}.studio-pages li:nth-child(4) .mini-slide{background:#e1e6ea}.mini-caption{color:var(--studio-muted);white-space:nowrap;gap:5px;padding-top:4px;font-size:9px;display:flex}.studio-canvas{background:#f4f5f7;flex-direction:column;justify-content:center;min-width:0;padding:26px;display:flex}.canvas-label{color:var(--studio-muted);justify-content:space-between;margin-bottom:14px;font-size:10px;display:flex}.demo-slide{aspect-ratio:16/9;color:#242a26;background:#f2efe7;flex-direction:column;justify-content:space-between;width:100%;padding:5%;display:flex;container-type:inline-size}.slide-kicker,.slide-footer{letter-spacing:.07em;justify-content:space-between;gap:12px;font-size:1.8cqw;display:flex}.slide-kicker{border-bottom:1px solid #cfcbbf;padding-bottom:8px}.slide-main{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:15px;display:flex}.slide-chapter{color:#8c684b;font:italic 3.5cqw/1.5 Georgia,serif}.slide-main h3{font:500 9cqw/1.25 var(--serif);letter-spacing:-.05em}.slide-main h3 em{font-style:normal}.slide-footer{letter-spacing:0;border-top:1px solid #cfcbbf;padding-top:10px}.canvas-bottom{color:var(--studio-muted);justify-content:space-between;margin-top:16px;font-size:10px;display:flex}.canvas-bottom>span>span{margin-inline:14px}.studio-assistant{border-left:1px solid var(--studio-border);padding:18px 15px;font-size:11px}.assistant-scope{color:var(--studio-muted);justify-content:space-between;margin-top:20px;display:flex}.assistant-scope strong{color:#16181d;font-size:10px;font-weight:400}.assistant-request{border:1px solid var(--studio-border);background:#f7f8fa;border-radius:5px;margin-top:12px;padding:13px}.assistant-response{margin-top:22px}.assistant-avatar{background:var(--brand-soft);width:19px;height:19px;color:var(--brand);border-radius:4px;place-items:center;margin-right:7px;display:inline-grid}.assistant-response strong{font-weight:500}.assistant-response p{margin-top:12px}.assistant-response ul{color:var(--studio-muted);margin-block:10px;padding-left:18px;line-height:1.9}.proposal-preview{border-top:1px solid var(--studio-border);margin-top:16px;padding-top:13px}.proposal-preview span,.proposal-preview del,.proposal-preview strong{display:block}.proposal-preview span{color:var(--studio-muted);font-size:10px}.proposal-preview del{color:#8b929e;margin-top:8px;font-size:10px}.proposal-preview strong{margin-top:6px;font-weight:500}.mock-proposal-actions{justify-content:space-between;align-items:center;margin-top:20px;font-size:10px;display:flex}.mock-proposal-actions>span:last-child{background:var(--brand);color:#fff;border-radius:5px;padding:7px 12px}.studio-hint{color:var(--studio-muted);text-align:center;margin-top:14px;font-size:10px}.studio-statusbar{color:var(--studio-muted);background:var(--studio-bg);border-top:1px solid var(--studio-border);justify-content:space-between;gap:18px;padding:7px 16px;font-size:9px;display:flex}.studio-statusbar i{background:#22c55e;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.status-divider{color:#d0d5dd;margin-inline:14px}.product-figure figcaption{color:var(--muted);flex-wrap:wrap;gap:15px;padding-block:17px;font-size:12px;display:flex}.caption-index{color:var(--brand);letter-spacing:.08em}.demo-disclosure{margin-left:auto}@media (width<=1100px){.studio-body{grid-template-columns:125px minmax(0,1fr) 185px;min-height:370px}.studio-canvas{padding:18px}.studio-assistant{padding:16px 12px}.studio-toolbar>div:first-child>span{display:none}.studio-pages{padding-inline:8px}.mini-caption>span{text-overflow:ellipsis;max-width:80px;overflow:hidden}}@media (width<=760px){.studio-body{grid-template-columns:100px minmax(0,1fr);min-height:0}.studio-assistant{display:none}.studio-titlebar{padding-inline:12px}.window-dots{width:auto}.studio-titlebar>span:nth-child(2){font-size:9px}.studio-local{display:none}.studio-toolbar{padding:12px}.studio-toolbar strong{font-size:13px}.studio-toolbar-right>span:first-child{display:none}.studio-canvas{padding:14px}.studio-pages{padding:12px 7px}.studio-pages ol{gap:5px;margin-top:8px}.studio-side-label{font-size:10px}.mini-slide{padding:6px}.mini-slide strong{font-size:7px}.mini-slide>span{font-size:6px}.mini-caption{font-size:8px}.mini-caption>span{max-width:58px}.demo-disclosure{width:100%;margin:0}}@media (width<=480px){.studio-body{flex-direction:column-reverse;display:flex}.studio-pages{border:0;border-top:1px solid var(--studio-border)}.studio-pages>.studio-side-label{display:none}.studio-pages ol{grid-template-columns:repeat(4,1fr);margin:0;display:grid}.mini-caption{justify-content:center}.mini-caption>span{display:none}.studio-canvas{padding:15px}.canvas-label{margin-bottom:10px}.studio-statusbar>span:last-child{display:none}}