.module-view.interactive{display:block}.module-view.interactive>.experience,.module-view.interactive>.explanation{display:none}.module-view.interactive>.module-heading{display:flex;margin-bottom:20px}.panel-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:23px;align-items:start}.real-panel-area{min-width:0}.panel-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.panel-toolbar button{font:inherit;font-size:.875rem;border:1px solid var(--line);border-radius:6px;background:white;padding:10px 13px;color:var(--ink)}.panel-toolbar button[aria-pressed=true]{background:var(--ink);color:white}.panel-toolbar .panel-expand{margin-left:auto}.panel-frame{display:block;width:100%;height:740px;border:1px solid #ddcec1;border-radius:10px;background:#fbf7f4}.panel-copy{max-height:805px;overflow:auto;padding-right:8px;scrollbar-width:thin}.panel-copy .explanation{display:block;margin:0;padding:0;max-height:none;overflow:visible}.panel-copy .explanation-block+.explanation-block{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;margin-top:20px}.panel-copy .explanation p{font-size:1rem;line-height:1.7}.panel-copy .scope-note{font-size:.8125rem!important}.panel-reference .real-screen{display:block!important}.panel-reference .screenshot-stage{border-radius:9px}.panel-workspace.expanded{position:fixed;inset:10px;z-index:80;padding:14px;background:var(--paper);display:block;box-shadow:0 0 0 50px #281b17da;border-radius:12px}.panel-workspace.expanded .panel-copy{display:none}.panel-workspace.expanded .panel-frame{height:calc(100dvh - 93px)}.panel-workspace.expanded .panel-reference{max-height:calc(100dvh - 100px);overflow:auto}.panel-helper{font-size:.8125rem;color:var(--muted);margin:12px 0 0;line-height:1.6}.contents-intro p{font-size:.875rem}.contents-intro h1{font-size:2.1rem}.presentation-layout{grid-template-columns:210px minmax(0,1fr)}main{padding:25px 24px}.panel-copy .power-detail{margin-top:17px}.panel-toolbar button:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
@media(max-width:1300px){.panel-workspace{grid-template-columns:minmax(0,1fr)}.panel-copy{max-height:none;overflow:visible}.panel-copy .explanation{display:grid;grid-template-columns:1fr 1fr;gap:26px}.panel-copy .explanation-block+.explanation-block{margin:0;padding:0;border:0}.panel-copy .scope-note{grid-column:1/-1}.panel-frame{height:760px}}
@media(max-width:720px){.presentation-layout{display:block}main{padding:20px 15px}.panel-copy .explanation{display:block}.panel-copy .explanation-block+.explanation-block{margin-top:22px}.panel-frame{height:730px}.panel-toolbar{gap:5px}.panel-toolbar button{font-size:.8125rem;padding:10px}.panel-toolbar .panel-expand{margin-left:0}.panel-workspace.expanded{inset:0;padding:10px;border-radius:0}}
@media print{.panel-workspace{display:none!important}.module-view.interactive>.experience,.module-view.interactive>.explanation{display:block!important}}
.panel-viewport{position:relative;width:100%;height:740px;overflow:hidden;border:1px solid #ddcec1;border-radius:10px;background:#fbf7f4}
.panel-copy .explanation>.try-it{grid-column:1/-1;font-size:.875rem;line-height:1.6;margin:0 0 20px;color:#694d3d}.panel-copy .try-it strong{display:block;margin-bottom:5px;color:var(--ink)}
.closing{background:#060608}
.panel-toolbar .panel-expand{background:var(--pink);border-color:var(--pink);font-weight:600}
.panel-viewport .panel-frame{border:0;border-radius:0;max-width:none;transform-origin:top left}
.panel-notice{font-size:.8125rem;line-height:1.5;color:var(--muted);margin:0 0 10px}
.panel-workspace.expanded .panel-notice{white-space:normal;overflow:visible}
.panel-loading{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;text-align:center;background:var(--paper);font:400 1.6rem var(--display)}.panel-loading span{font:400 .875rem/1.6 var(--sans);color:var(--muted)}
.panel-workspace.expanded .panel-helper{display:none}
.panel-expanded{overflow:hidden}
.panel-expanded #module-views{visibility:hidden}
.panel-expanded .contents{position:fixed;inset:0 auto 0 0;width:210px;z-index:90;overflow-y:auto;background:var(--paper)}
.panel-expanded .panel-workspace.expanded{left:220px;overflow:auto}
@media(max-width:720px){
 .panel-expanded .contents{inset:0 0 auto;width:auto;padding:0}
 .panel-expanded .contents-intro{display:block;padding:10px 18px 6px}
 .panel-expanded .contents-intro>.eyebrow{display:block}
 .panel-expanded .contents-intro h1,.panel-expanded .contents-intro p,.panel-expanded .ts-sidebar{display:none}
 .panel-expanded .panel-workspace.expanded{inset:104px 0 0}
}