#studio-overview.has-studio-demo .grid-2{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px}
.studio-demo{--sd-ink:#12232b;--sd-muted:#586b70;--sd-line:#d9e3df;--sd-accent:#187d79;margin:0;border:1px solid #d5dfda;border-radius:14px;background:#f3f1eb;color:var(--sd-ink);overflow:hidden;min-width:0;box-shadow:0 14px 32px #182d2210;font-family:var(--font-sans,'DM Sans',sans-serif);font-size:14px;line-height:1.5}.sd-top{display:flex;gap:10px;align-items:center;padding:18px;background:#fff;border-bottom:1px solid var(--sd-line)}.sd-top img{width:36px;height:24px;object-fit:contain}.sd-top strong{font-size:16px}.sd-top>span{margin-left:auto;font-size:10px;color:var(--sd-muted)}.sd-stage{display:grid;padding:14px}.sd-screen{grid-area:1/1;display:flex;flex-direction:column;gap:18px;min-width:0;min-height:470px;padding:24px;border:1px solid var(--sd-line);border-radius:9px;background:#fff;animation:sd-in .7s ease both;transition:opacity .7s}.sd-screen[hidden]{display:flex!important;visibility:hidden;pointer-events:none;animation:none}.is-leaving .sd-screen:not([hidden]){opacity:0;animation:none}.sd-screen h3{font-size:23px;line-height:1.2;letter-spacing:-.025em;margin:0}.sd-screen p{font-size:14px;line-height:1.6;margin:0}.sd-kicker{font-size:11px;color:var(--sd-muted)}.sd-file{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--sd-line)}.sd-file>b{font-size:25px;color:var(--sd-accent)}.sd-file>span{font-size:13px;font-weight:600;min-width:0;overflow-wrap:anywhere}.sd-file small,.sd-check small{display:block;font-size:11px;font-weight:400;color:var(--sd-muted);margin-top:5px}.sd-file em{font-style:normal;font-size:10px;color:var(--sd-accent);margin-left:auto}.sd-note{margin-top:auto;border-left:2px solid #b89149;background:#f5f2e9;padding:13px;font-size:12px;line-height:1.6}.sd-check{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--sd-line);color:var(--sd-accent)}.sd-check>span{font-size:14px;color:var(--sd-ink)}.sd-alert{padding:18px;border:1px solid #dfc991;border-radius:8px;background:#faf6e9;font-size:12px}.sd-alert strong{display:block;margin:8px 0;font-size:16px}.sd-source{border:1px solid var(--sd-line);border-radius:8px;padding:20px}.sd-source>b{font-size:12px;color:var(--sd-muted)}.sd-source p{margin-top:12px}.sd-source mark{background:#efe1b7;color:#15242b;padding:2px}.sd-paper{border:1px solid var(--sd-line);padding:22px;box-shadow:5px 5px 0 #eef1eb}.sd-paper-title{font-size:20px;font-weight:600;border-bottom:2px solid #b89149;padding-bottom:12px}.sd-paper dl{margin:0}.sd-paper dt{margin-top:18px;font-weight:600;font-size:12px}.sd-paper dd{margin:6px 0 0;font-size:13px;line-height:1.6}.sd-paper sup{color:var(--sd-accent)}.sd-controls{display:flex;gap:5px;flex-wrap:wrap;padding:0 14px}.sd-controls button{font:inherit;font-size:12px;min-height:44px;border:1px solid transparent;border-radius:6px;padding:8px 12px;background:transparent;color:var(--sd-muted);cursor:pointer}.sd-controls button[aria-pressed="true"]{background:#fff;border-color:var(--sd-line);color:var(--sd-accent);font-weight:600}.sd-controls .sd-pause{margin-left:auto}.sd-controls button:focus-visible{outline:2px solid var(--sd-accent);outline-offset:2px}.studio-demo figcaption{font-size:10px;padding:12px 18px 16px;color:var(--sd-muted)}[data-sd-reveal]{opacity:.25;transform:translateY(4px);transition:opacity .55s,transform .55s}[data-sd-reveal].is-ready{opacity:1;transform:translateY(0)}.is-paused .sd-screen{animation:none}
#studio-overview .sd-evidence{margin-top:32px;padding:24px;border:1px solid #d7dedb;border-radius:8px;background:#f5f2eb;max-width:none}#studio-overview .sd-evidence h3{font-size:20px;margin:0 0 12px}#studio-overview .sd-evidence p{font-size:14px;line-height:1.65;margin:0 0 12px}#studio-overview .sd-evidence p:last-child{margin-bottom:0}#studio-overview .bl-stats.sd-evidence{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.studio-demo--custom{--sd-ink:#f3f1e9;--sd-muted:#b6c8cc;--sd-line:#3b515a;--sd-accent:#74c7bd;background:#142730;border-color:#3b515a}.studio-demo--custom .sd-top{background:#10212a}.studio-demo--custom .sd-top img{filter:brightness(0) invert(1)}.studio-demo--custom .sd-screen{background:linear-gradient(#223c4430 1px,transparent 1px),linear-gradient(90deg,#223c4430 1px,transparent 1px),#142730;background-size:22px 22px}.studio-demo--custom .sd-controls button[aria-pressed="true"]{background:#29404a;color:#f3f1e9}.sd-foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.sd-foundation-grid>div{border:1px solid #557079;border-radius:8px;padding:20px;font-size:25px;color:#c5a360;background:#1c333d}.sd-foundation-grid b{display:block;font-size:13px;color:#f3f1e9;margin-top:10px}.sd-base{margin-top:auto;padding:18px;border:1px solid #c2a161;background:#243b40;border-radius:8px;text-align:center;font-size:15px;font-weight:600}.sd-base>span{display:block;font-size:11px;font-weight:400;color:#bbcecb;margin-top:6px}.sd-building{display:grid;gap:12px;margin:8px 0}.sd-building>div{border:1px solid #587178;background:#1e3841;border-radius:8px;padding:16px 18px}.sd-building span{float:right;color:#c6a45f;font-size:20px}.sd-building b{font-size:15px}.sd-building small{display:block;color:#b6c8cc;font-size:12px;margin-top:5px}.sd-system{border:1px solid #63818a;border-radius:8px;overflow:hidden;background:#f4f3ed;color:#172b32}.sd-system-bar{display:flex;justify-content:space-between;gap:12px;padding:14px;background:#fff;border-bottom:1px solid #d2ded9;font-size:12px}.sd-system-bar>span{font-size:10px;color:#52666a}.sd-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.sd-system-grid>div{border:1px solid #cfddd6;background:white;border-radius:6px;padding:12px}.sd-system-grid small{display:block;color:#52666a;font-size:10px}.sd-system-grid strong{font-size:14px}.sd-line{display:block;height:7px;background:#d5e6df;margin-top:15px;border-radius:3px}.sd-line:nth-last-child(1){width:65%}.sd-route{font-size:11px;line-height:1.8;color:#187d79;margin-top:16px}.sd-system-footer{padding:12px 16px;font-size:10px;border-top:1px solid #d2ded9}.sd-screen .sd-ownership{font-size:12px;color:#bfcecd}
@keyframes sd-in{from{opacity:0}to{opacity:1}}
@media(max-width:900px){#studio-overview.has-studio-demo .grid-2{grid-template-columns:1fr;gap:28px}.studio-demo{width:100%}.sd-screen{min-height:470px}}
@media(max-width:540px){.sd-top{padding:14px;gap:8px}.sd-top strong{font-size:14px}.sd-top>span{font-size:9px}.sd-stage{padding:10px}.sd-screen{padding:18px 14px;min-height:530px}.sd-screen h3{font-size:22px}.sd-screen p{font-size:14px}.sd-file{gap:8px}.sd-file em{font-size:9px}.sd-file small{font-size:11px}.sd-controls{padding:0 10px;gap:2px}.sd-controls button{padding:8px 9px;font-size:12px}.sd-foundation-grid>div{padding:16px}.sd-system-grid{padding:10px;gap:8px}.sd-system-grid>div{padding:9px}.sd-source{padding:16px}.sd-paper{padding:16px}#studio-overview .bl-stats.sd-evidence{grid-template-columns:1fr;gap:18px}}
@media(prefers-reduced-motion:reduce){.sd-screen,[data-sd-reveal]{animation:none;transition:none;transform:none}}
.studio-demo--custom .sd-top strong,.studio-demo--custom .sd-screen h3,.studio-demo--custom .sd-building b{color:#f3f1e9}.studio-demo--custom .sd-screen>p{color:#c8d6d5}

/* Shared workspace finish: the same foundation, adapted to different work. */
.studio-demo--custom{--sd-ink:#12232b;--sd-muted:#586b70;--sd-line:#d9e3df;--sd-accent:#187d79;background:#f3f1eb;border-color:#d5dfda}
.studio-demo--custom .sd-top,.studio-demo--custom .sd-screen{background:#fff}
.studio-demo--custom .sd-top img{filter:none}
.studio-demo--custom .sd-top strong,.studio-demo--custom .sd-screen h3,.studio-demo--custom .sd-building b,.sd-foundation-grid b{color:#12232b}
.studio-demo--custom .sd-screen>p,.sd-building small,.sd-screen .sd-ownership{color:#586b70}
.studio-demo--custom .sd-controls button[aria-pressed="true"]{background:#fff;color:#187d79}
.sd-foundation-grid>div,.sd-building>div{background:#f6f8f6;border-color:#d9e3df;color:#187d79}
.sd-base{background:#edf5f2;border-color:#c6dbd4;color:#187d79}.sd-base>span{color:#586b70}
.sd-workspace-context{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid #d9e3df;font-size:11px;color:#586b70;background:#fafbf9}
.sd-workspace-context strong{color:#187d79;font-size:11px}.sd-workspace-context span:last-child{margin-left:auto}
.sd-conversation{padding:14px;border:1px solid #d9e3df;border-radius:8px;background:#f6f8f6;font-size:12px;line-height:1.6}.sd-conversation b{display:block;color:#187d79;margin-bottom:6px}
@media(max-width:540px){.sd-workspace-context{padding:10px 14px;gap:10px;font-size:10px}.sd-workspace-context strong{font-size:10px}.sd-workspace-context span:last-child{display:none}}