.documentation-page{--documentation-sidebar-width:248px;--documentation-toc-width:200px;--doc-header-height:52px;--documentation-toolbar-height:49px;--doc-hairline:var(--line-soft);--doc-hairline-strong:var(--line-ui);--doc-field-border:var(--line-ui);--doc-field-border-hover:var(--line-ui-strong);--doc-field-bg:var(--paper);--doc-popover-bg:var(--paper);--doc-body:var(--ink);--doc-quiet:var(--muted);--doc-marker:var(--ink);--doc-tip-icon:var(--muted);--doc-panel-border:transparent;--doc-example-bg:var(--bg);display:flex;flex-direction:column;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--sans)}[data-theme=dark] .documentation-page{--doc-hairline:var(--line-soft);--doc-hairline-strong:var(--line-ui);--doc-field-border:var(--line-ui);--doc-field-border-hover:var(--line-ui-strong);--doc-field-bg:var(--panel);--doc-popover-bg:var(--paper);--doc-body:var(--ink);--doc-quiet:var(--muted);--doc-marker:var(--focus);--doc-tip-icon:var(--focus);--doc-panel-border:var(--line-soft)}.documentation-page a{color:inherit;text-decoration:none}.documentation-page a:focus-visible,.documentation-page button:focus-visible,.documentation-page input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.documentation-eyebrow{color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.documentation-kicker{color:var(--doc-quiet);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.documentation-pill{display:inline-flex;align-items:center;border:1px solid var(--doc-hairline-strong);border-radius:var(--radius-pill);color:var(--doc-quiet);padding:1px 6px;font-size:10px;font-weight:400;line-height:1.4;white-space:nowrap}.documentation-toolbar{position:sticky;top:var(--doc-header-height);z-index:18;display:none;align-items:center;gap:12px;border-bottom:1px solid var(--doc-hairline);background:var(--bg);padding:8px 16px}.documentation-nav-toggle{display:inline-flex;height:32px;align-items:center;gap:7px;border:1px solid var(--doc-hairline-strong);border-radius:var(--ui-radius);background:transparent;color:var(--ink);padding:0 11px;font:inherit;font-size:12.5px;font-weight:500;cursor:pointer}.documentation-toolbar-title{min-width:0;overflow:hidden;color:var(--muted);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.documentation-shell{display:grid;flex:1;grid-template-columns:var(--documentation-sidebar-width) minmax(0,1fr) var(--documentation-toc-width);width:100%;max-width:1440px;margin:0 auto}.documentation-shell-hub{grid-template-columns:var(--documentation-sidebar-width) minmax(0,1fr)}.documentation-nav-backdrop{display:none}.documentation-sidebar{position:sticky;top:var(--doc-header-height);align-self:start;max-height:calc(100vh - var(--doc-header-height));overflow-y:auto;border-right:1px solid var(--doc-hairline);background:var(--bg);padding:24px 16px 40px 24px;font-size:16px;line-height:1.4}.documentation-sidebar-has-search{padding-top:20px}.documentation-sidebar nav{display:flex;flex-direction:column;gap:22px}.documentation-sidebar-group h2{margin:0 0 8px;color:var(--doc-quiet);font-size:14px;font-weight:500}.documentation-sidebar ul{margin:0;padding:0;list-style:none}.documentation-sidebar-link{display:flex;align-items:center;justify-content:flex-start;gap:10px;color:var(--muted);padding:7px 0 7px 10px;overflow-wrap:anywhere}.documentation-sidebar-link:hover{color:var(--ink)}.documentation-sidebar-link[aria-current=page]{color:var(--ink);font-weight:500;box-shadow:inset 2px 0 0 var(--doc-marker)}.documentation-sidebar-topics{display:flex;flex-direction:column;margin:2px 0 4px 19px!important;border-left:1px solid var(--doc-hairline);padding-left:19px!important;font-size:14px}.documentation-sidebar-topics a{display:block;color:var(--muted);padding:4px 0;overflow-wrap:anywhere}.documentation-sidebar-topics a:hover,.documentation-sidebar-topics a[aria-current=location]{color:var(--ink)}.documentation-sidebar-icon{flex:0 0 auto}.documentation-sidebar-link>span{min-width:0}.documentation-search{position:relative}.documentation-search-field{display:flex;align-items:center;gap:8px;height:34px;border:1px solid var(--doc-hairline-strong);border-radius:var(--ui-radius);color:var(--doc-quiet);padding:0 10px;font-size:12.5px;cursor:text}.documentation-search-field:hover{border-color:var(--doc-field-border-hover)}.documentation-search-field:focus-within{border-color:var(--focus)}.documentation-search-field>svg{flex:none}.documentation-search-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);padding:0;font:inherit}.documentation-search-field input::-moz-placeholder{color:var(--doc-quiet)}.documentation-search-field input::placeholder{color:var(--doc-quiet)}.documentation-search-field input::-webkit-search-cancel-button,.documentation-search-field input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.documentation-search-field kbd{color:var(--doc-quiet);font-family:var(--mono);font-size:10px}.documentation-search-compact{margin-bottom:22px}.documentation-search-large{max-width:600px;margin-top:28px}.documentation-search-large .documentation-search-field{gap:12px;height:48px;border-color:var(--doc-field-border);background:var(--doc-field-bg);color:var(--muted);padding:0 14px 0 16px;font-size:15px}.documentation-search-large .documentation-search-field kbd{border:1px solid var(--doc-hairline-strong);border-radius:4px;color:var(--muted);padding:2px 6px;font-size:11px}.documentation-search-popover{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:16;max-height:360px;overflow-y:auto;border:1px solid var(--doc-hairline-strong);border-radius:var(--ui-radius);background:var(--doc-popover-bg);padding:6px}.documentation-search-compact .documentation-search-popover{position:static;margin-top:6px}.documentation-search-popover ul{margin:0;padding:0;list-style:none}.documentation-search-result a{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;border-radius:4px;padding:8px 10px;font-size:13px;line-height:1.4}.documentation-search-result a:hover,.documentation-search-result.is-active a{background:var(--highlight-on-paper)}.documentation-search-result-page,.documentation-search-result-separator{color:var(--doc-quiet);font-size:12px}.documentation-search-result strong{font-weight:500}.documentation-search-result-term{flex-basis:100%;color:var(--doc-quiet);font-size:12px}.documentation-search-empty{margin:0;color:var(--muted);padding:10px;font-size:13px;line-height:1.5}.documentation-hub{min-width:0}.documentation-hub-hero{max-width:948px;padding:64px 64px 40px}.documentation-hub-hero h1{margin:14px 0 0;font-size:44px;font-weight:500;letter-spacing:-.012em;line-height:1}.documentation-hub-hero>p{max-width:560px;margin:16px 0 0;color:var(--muted);font-size:17px;line-height:1.4}.documentation-hub-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1128px;padding:0 64px 48px}.documentation-hub-card{display:flex;flex-direction:column;gap:6px;min-width:0;border:1px solid var(--doc-hairline);border-radius:var(--ui-radius);padding:18px 18px 16px}.documentation-hub-card:hover{background:var(--highlight-on-paper)}.documentation-hub-card strong{font-size:15px;font-weight:500;line-height:1.35}.documentation-hub-card-blurb{color:var(--muted);font-size:13px;line-height:1.5}.documentation-hub-index{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;max-width:1000px;margin:0 64px 72px;padding-top:28px}.documentation-hub-index section{min-width:0}.documentation-hub-index header{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--muted)}.documentation-hub-index h2{margin:0;color:var(--ink);font-size:16px;font-weight:500}.documentation-hub-index ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0;padding:0;list-style:none}.documentation-index-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title arrow" "blurb arrow";gap:4px 16px;height:100%;border:1px solid var(--line-ui);border-radius:var(--ui-radius);padding:12px 14px;font-size:13.5px;line-height:1.45}.documentation-index-row:focus-visible,.documentation-index-row:hover{border-color:var(--line-ui-strong);background:var(--highlight-on-paper)}.documentation-index-title{grid-area:title;font-weight:500;overflow-wrap:anywhere}.documentation-index-blurb{grid-area:blurb;color:var(--muted);overflow-wrap:anywhere}.documentation-index-arrow{grid-area:arrow;align-self:center;color:var(--muted)}.documentation-index-row:focus-visible .documentation-index-arrow,.documentation-index-row:hover .documentation-index-arrow{color:var(--ink)}.documentation-article{min-width:0;padding:36px 56px 64px}.documentation-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--doc-quiet);font-size:12.5px}.documentation-breadcrumb a:hover{color:var(--ink)}.documentation-page-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}.documentation-page-header h1{margin:0;font-size:36px;font-weight:500;letter-spacing:-.012em;line-height:1.05}.documentation-page-summary{max-width:62ch;margin:14px 0 0;color:var(--muted);font-size:17px;line-height:1.45}.documentation-topic{margin-top:40px;border-top:1px solid var(--doc-hairline);padding-top:32px;scroll-margin-top:calc(var(--doc-header-height) + 24px)}.documentation-page-header+.documentation-topic{margin-top:44px}.documentation-topic h2{margin:0 0 14px;font-size:22px;font-weight:500;letter-spacing:-.012em;line-height:1.2}.documentation-anchor{color:inherit}.documentation-anchor:hover:after{content:" #";color:var(--doc-quiet);font-weight:400}.documentation-topic h3{margin:22px 0 8px;font-size:15px;font-weight:500;line-height:1.3}.documentation-paragraph{max-width:68ch;margin:0 0 14px;font-size:15px;line-height:1.7}.documentation-steps-block{margin-bottom:18px}.documentation-steps{display:flex;flex-direction:column;max-width:72ch;margin:0;padding:0;list-style:none}.documentation-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;border-top:1px solid var(--doc-hairline);padding:14px 0}.documentation-steps li:last-child{border-bottom:1px solid var(--doc-hairline)}.documentation-steps li>span{color:var(--doc-quiet);padding-top:2px;font-family:var(--mono);font-size:13px}.documentation-steps p{margin:0;font-size:15px;line-height:1.65}.documentation-step-body{min-width:0}.documentation-step-visual{margin:14px 0 2px}.documentation-step-visual>div{height:clamp(220px,28vw,320px);overflow:hidden;border:1px solid var(--doc-hairline);border-radius:4px;background:var(--doc-example-bg)}.documentation-steps-result{margin:4px 0 0 46px}.documentation-step-visual figcaption{margin-top:6px;color:var(--doc-quiet);font-size:11px;line-height:1.4}.documentation-table-block{margin:0 0 18px}.documentation-table{width:100%;max-width:72ch;border-collapse:collapse;font-size:14px;line-height:1.55}.documentation-table td,.documentation-table th{vertical-align:top;text-align:left}.documentation-table thead th{border-bottom:1px solid var(--doc-hairline-strong);color:var(--doc-quiet);padding:0 0 8px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.documentation-table thead th+th{padding-left:0}.documentation-table tbody th{width:30%;border-bottom:1px solid var(--doc-hairline);padding:10px 16px 10px 0;font-weight:500}.documentation-table td{border-bottom:1px solid var(--doc-hairline);color:var(--doc-body);padding:10px 0}.documentation-note{display:flex;gap:12px;max-width:72ch;margin:20px 0 18px;border:1px solid var(--doc-panel-border);border-radius:var(--ui-radius);background:var(--panel);padding:12px 14px;font-size:14px;line-height:1.55}.documentation-note>svg{flex:none;margin-top:3px;color:var(--doc-tip-icon)}.documentation-note-warning>svg{color:var(--danger)}.documentation-note p{margin:0;color:var(--doc-body)}.documentation-note strong{color:var(--ink);font-weight:500}.documentation-figure{max-width:72ch;margin:0 0 18px;border:1px solid var(--doc-hairline);border-radius:var(--ui-radius)}.documentation-example-toggle{display:flex;width:100%;align-items:center;gap:10px;border:0;border-radius:var(--ui-radius);background:transparent;color:var(--ink);padding:11px 14px;font:inherit;font-size:13px;line-height:1.4;text-align:left;cursor:pointer}.documentation-example-toggle:hover{background:var(--highlight-on-paper)}.documentation-example-chevron{flex:none;color:var(--muted);transition:transform .15s ease-out}.documentation-figure.is-open .documentation-example-chevron{transform:rotate(90deg)}.documentation-example-caption{flex:1;min-width:0}.documentation-example-label{color:var(--muted)}.documentation-example-state{flex:none;color:var(--doc-quiet);font-size:11px}.documentation-example-panel[hidden]{display:none}.documentation-example{height:clamp(260px,32vw,380px);margin:0 8px 8px;overflow:hidden;border:1px solid var(--doc-hairline);border-radius:4px;background:var(--doc-example-bg)}.documentation-visual-frame{position:relative;isolation:isolate;width:100%;height:100%}.documentation-visual-frame.has-focus:after{position:absolute;inset:0;z-index:4;background:hsl(var(--palette-light-ink-hsl)/.08);content:"";pointer-events:none}.documentation-visual-focus-target{position:relative;z-index:6;outline:2px solid var(--focus);outline-offset:2px}.documentation-pager{display:flex;justify-content:space-between;gap:16px;max-width:72ch;margin-top:56px;border-top:1px solid var(--doc-hairline);padding-top:20px}.documentation-pager-link{display:flex;flex-direction:column;gap:4px;min-width:0;color:var(--ink)}.documentation-pager-link strong{font-size:15px;font-weight:500;line-height:1.35}.documentation-pager-label{display:flex;align-items:center;gap:6px;color:var(--doc-quiet);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.documentation-pager-next{align-items:flex-end;text-align:right}.documentation-pager-link:hover strong{color:var(--ink)}.documentation-pager-link:hover .documentation-pager-label{color:var(--muted)}.documentation-toc{position:sticky;top:var(--doc-header-height);align-self:start;max-height:calc(100vh - var(--doc-header-height));overflow-y:auto;padding:36px 24px 40px 0;font-size:12.5px;line-height:1.4}.documentation-toc nav>strong{display:block;margin-bottom:10px;color:var(--doc-quiet);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.documentation-toc ul{margin:0;border-left:1px solid var(--doc-hairline);padding:0;list-style:none}.documentation-toc a{display:block;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);padding:4px 12px;overflow-wrap:anywhere}.documentation-toc a:hover{color:var(--ink)}.documentation-toc a[aria-current=location]{border-left-color:var(--doc-marker);color:var(--ink);font-weight:500}.documentation-toc-utilities{display:flex;flex-direction:column;gap:8px;margin-top:28px;border-top:1px solid var(--doc-hairline);padding-top:16px;color:var(--doc-quiet)}.documentation-toc-utilities a{display:flex;align-items:center;gap:8px}.documentation-toc-utilities a:hover{color:var(--ink)}.documentation-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;max-width:1440px;margin:0 auto;border-top:1px solid var(--doc-hairline);color:var(--doc-quiet);padding:20px 24px 28px;font-size:12.5px}.documentation-footer nav{display:flex;flex-wrap:wrap;gap:20px}.documentation-footer a:hover{color:var(--ink)}@media (max-width:1180px){.documentation-shell{grid-template-columns:var(--documentation-sidebar-width) minmax(0,1fr)}.documentation-toc{display:none}}@media (max-width:900px){.documentation-toolbar{display:flex}.documentation-shell{display:block}.documentation-sidebar{position:fixed;align-self:auto;top:calc(var(--doc-header-height) + var(--documentation-toolbar-height));bottom:0;left:0;z-index:30;width:min(var(--documentation-sidebar-width),86vw);max-height:none;height:calc(100dvh - var(--doc-header-height) - var(--documentation-toolbar-height));transform:translateX(-100%);transition:transform .2s ease}.documentation-shell-nav-open .documentation-sidebar{transform:translateX(0)}.documentation-shell-nav-open .documentation-nav-backdrop{position:fixed;inset:calc(var(--doc-header-height) + var(--documentation-toolbar-height)) 0 0;z-index:25;display:block;border:0;background:color-mix(in srgb,var(--ink) 30%,transparent);cursor:pointer}.documentation-article{padding:28px 24px 56px}.documentation-topic{scroll-margin-top:calc(var(--doc-header-height) + var(--documentation-toolbar-height) + 24px)}.documentation-hub-hero{padding:40px 24px 28px}.documentation-hub-hero h1{font-size:36px}.documentation-hub-cards{grid-template-columns:minmax(0,1fr);padding:0 24px 40px}.documentation-hub-index{grid-template-columns:minmax(0,1fr);gap:32px;margin:0 24px 56px}}@media (max-width:560px){.documentation-page-header h1{font-size:30px}.documentation-table-scroll{overflow-x:auto}.documentation-table{min-width:480px}.documentation-example{height:240px}.documentation-step-visual>div{height:220px}.documentation-example .landing-mock-settings-nav:not(.landing-mock-settings-nav-expanded),.documentation-step-visual .landing-mock-settings-nav:not(.landing-mock-settings-nav-expanded){width:116px!important;padding:8px!important}.documentation-example .landing-mock-settings-description,.documentation-step-visual .landing-mock-settings-description{display:none}.documentation-pager{flex-direction:column}.documentation-pager>span{display:none}.documentation-pager-next{align-items:flex-start;text-align:left}.documentation-index-row{gap:2px 12px}.documentation-footer{align-items:flex-start;flex-direction:column-reverse}}@media (prefers-reduced-motion:reduce){.documentation-page{scroll-behavior:auto}.documentation-example-chevron,.documentation-sidebar{transition:none}}.documentation-example[data-example=storyboard-detail]{height:720px}.documentation-example[data-example=settings]{height:480px}.documentation-example:is([data-example=portfolio-profile],[data-example=portfolio-work],[data-example=portfolio-publication]),.documentation-step-preview:is([data-example=portfolio-profile],[data-example=portfolio-work],[data-example=portfolio-publication]){height:420px}.documentation-surface-explorer,.documentation-task-section{margin:32px 64px 48px;max-width:1000px;border-top:1px solid var(--doc-hairline);padding-top:28px}.documentation-surface-explorer h2,.documentation-task-section h2{margin:8px 0 12px;font-size:24px;font-weight:500}.documentation-surface-explorer header>p,.documentation-task-section>p{max-width:68ch;line-height:1.65;font-size:16px}.documentation-surface-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:16px 0}.documentation-surface-tabs button{padding:8px 12px;border:1px solid transparent;border-radius:var(--ui-radius);color:var(--ink);background:transparent;font:inherit;font-size:12px;cursor:pointer}.documentation-surface-tabs button[aria-selected=true]{border-color:var(--line-sheet);background:var(--select-fill)}.documentation-surface-tabs button:hover{background:var(--highlight-on-paper)}.documentation-surface-panel{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2fr);-moz-column-gap:28px;column-gap:28px;align-items:start}.documentation-surface-explanation h3{margin:0 0 12px;font-size:20px;font-weight:500}.documentation-surface-explanation p{font-size:16px;line-height:1.6;margin:0 0 16px}.documentation-lesson dl,.documentation-surface-explanation dl{display:grid;gap:16px;margin:18px 0}.documentation-lesson dt,.documentation-surface-explanation dt{font-size:12px;color:var(--muted);margin-bottom:6px}.documentation-lesson dd,.documentation-surface-explanation dd{margin:0;font-size:16px;line-height:1.6}.documentation-lesson nav a,.documentation-surface-explanation>a{display:inline-flex;gap:8px;align-items:center;font-size:12px;padding:8px 0;border-bottom:1px solid var(--line-ui)}.documentation-surface-connection{grid-column:1/-1;padding-top:16px;margin:16px 0 0;border-top:1px solid var(--doc-hairline);font-size:12px;line-height:1.6}.documentation-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:32px;column-gap:32px;margin-top:24px}.documentation-task-grid>a{display:grid;gap:8px;padding:16px 0;border-top:1px solid var(--doc-hairline)}.documentation-task-grid strong{font-size:16px;font-weight:500}.documentation-task-grid span{color:var(--muted);font-size:12px;line-height:1.6}.documentation-task-grid a:hover strong{text-decoration:underline;text-underline-offset:4px}.documentation-lesson{border-top:1px solid var(--doc-hairline);margin-top:24px;padding-top:20px}.documentation-lesson>p{font-size:16px;line-height:1.7;margin:0}.documentation-lesson dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.documentation-lesson p.documentation-lesson-connection{color:var(--muted);font-size:12px;line-height:1.65}.documentation-lesson nav{display:flex;flex-wrap:wrap;gap:24px;padding-top:10px}.documentation-article-outline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:24px;column-gap:24px;margin:28px 0;padding:20px 0;border-block:1px solid var(--doc-hairline)}.documentation-article-outline>strong{grid-column:1/-1;font-size:12px;font-weight:500;margin-bottom:12px}.documentation-article-outline>a{display:flex;gap:10px;padding:6px 0;font-size:12px;line-height:1.5}.documentation-article-outline>a:hover{text-decoration:underline}.documentation-article-outline>a span{color:var(--muted);font-family:var(--mono)}.documentation-reference-visual{min-width:0;margin:0}.documentation-visual-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px;color:var(--muted);font-size:12px;line-height:1.5}.documentation-visual-caption>span{flex:1}.documentation-visual-caption button{display:inline-flex;align-items:center;gap:6px;flex:none;padding:4px 6px;background:transparent;color:var(--ink);border:1px solid var(--line-ui);border-radius:var(--ui-radius);cursor:pointer;font:inherit;font-size:12px}.documentation-step-visual figcaption{margin:0;font-size:12px;line-height:1.5}.documentation-visual-dialog{width:min(1200px,96vw);max-width:1200px}.documentation-visual-dialog p{margin:0;font-size:16px;line-height:1.6}.documentation-visual-dialog p.documentation-visual-help{font-size:12px;color:var(--muted)}.documentation-visual-large{overflow:auto;max-height:68vh;border:1px solid var(--line-ui);border-radius:var(--ui-radius)}.documentation-visual-large>.documentation-visual-frame{width:850px;height:480px;zoom:1.25}.documentation-surface-panel .documentation-example{height:360px;margin:0}.documentation-surface-panel .documentation-reference-visual{min-width:0}.documentation-mock-root{--field:hsl(var(--palette-light-field-hsl));--ink:hsl(var(--palette-light-ink-hsl));--bg:hsl(var(--palette-light-base-hsl));--paper:var(--bg);--panel:hsl(var(--palette-light-panel-hsl));--highlight-on-panel:hsl(var(--palette-light-ink-hsl)/0.05);--line-ui:hsl(var(--palette-light-ink-hsl)/0.26);--line-ui-strong:hsl(var(--palette-light-ink-hsl)/0.46);--line-sheet:hsl(var(--palette-light-ink-hsl));--line-soft:hsl(var(--palette-light-ink-hsl)/0.16);--select-fill:hsl(var(--palette-light-ink-hsl)/0.05)}.documentation-mock-header{display:grid;grid-template-columns:minmax(20px,1fr) auto minmax(20px,1fr);align-items:center;padding:8px 10px;gap:6px}.documentation-mock-header .documentation-mock-surface-switch>[data-toggle-option]{font-size:10px;padding:4px 8px;line-height:1.4;min-height:0}.documentation-mock-header img{border-radius:50%}.documentation-mock-root b,.documentation-mock-root strong{font-weight:500}.documentation-example[data-example=studio-package-usage]{height:auto}.documentation-example[data-example=studio-usage-switcher]{height:340px}.documentation-example[data-example=team-workspace-settings]{height:600px}.documentation-team-settings,.documentation-usage-preview{--muted:hsl(var(--palette-light-muted-hsl));--danger:hsl(var(--palette-danger-light-hsl))}.documentation-usage-rail{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px;width:48px;flex:none;padding-block:16px;border-right:1px solid var(--line-ui)}.documentation-usage-rail [data-studio-open]{background:var(--select-fill);box-shadow:inset 0 0 0 1px var(--line-sheet)}.documentation-usage-preview{display:flex;align-items:flex-end;padding:20px 12px}.documentation-usage-preview .studio-allowance-group h3{margin:0;font-size:var(--font-ui-micro);font-weight:500;line-height:1.5}.documentation-team-settings{width:100%}.documentation-team-settings .settings-expanded-header h1{font-size:20px}.documentation-team-settings .settings-expanded-content{padding:24px 32px 40px}.documentation-team-settings :is(.team-settings-workspace,.team-danger-zone){background:var(--paper)}.documentation-team-settings :is(h2,h3){margin:0;font-size:var(--font-ui-small);font-weight:500;line-height:1.4}.documentation-team-settings .team-settings-workspace>h2{margin-bottom:8px}.documentation-team-settings p{margin:0;font-size:var(--font-ui-small);line-height:1.5}.documentation-team-field{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0 12px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper)}.documentation-team-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid transparent;border-radius:var(--ui-radius);white-space:nowrap}.documentation-team-action.is-primary{background:var(--ink);color:var(--bg);padding-inline:16px}.documentation-team-action.is-danger{min-height:36px;border-color:var(--danger);color:var(--danger);padding-inline:14px}.documentation-example[data-example=studio-package-usage]>[data-visual=studio-package-usage]{height:auto;min-width:0}.documentation-visual-large>[data-visual=studio-package-usage]{height:auto}[data-visual=studio-package-usage] .studio-package-settings{--field:inherit;--ink:inherit;--bg:inherit;--paper:inherit;--panel:inherit;--highlight-on-panel:inherit;--line-ui:inherit;--line-ui-strong:inherit;--line-sheet:inherit;--line-soft:inherit;--select-fill:inherit;max-width:none;gap:12px;background:var(--panel);color:var(--ink)}[data-visual=studio-package-usage] .studio-package-settings>h3,[data-visual=studio-package-usage] .studio-package-settings>p{margin:0}[data-visual=studio-package-usage] .studio-package-settings>h3{display:flex;align-items:center;gap:6px}[data-visual=studio-package-usage] .workspace-pill-toggle>span,[data-visual=studio-package-usage] .workspace-settings-row>span{display:inline-flex;align-items:center;gap:6px}.documentation-mock-timeline{display:flex;align-items:center;gap:12px;padding:8px 10px;border-bottom:1px solid var(--line-ui);flex:none;overflow:hidden;min-height:44px}.documentation-mock-timeline-label{font-size:10px;color:hsl(var(--palette-light-muted-hsl))}.documentation-mock-timeline-scenes{display:flex;align-items:center;gap:12px;position:relative;flex:1;min-width:0;overflow:hidden}.documentation-mock-timeline-scenes:before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:var(--line-ui)}.documentation-mock-timeline-scenes>div{position:relative;flex:none;font-size:9px;line-height:18px}.documentation-mock-timeline-scenes>div>span{background:var(--bg);padding-inline:4px}.documentation-mock-timeline-scenes .is-selected>span{background:hsl(var(--palette-light-active-hsl))}.documentation-mock-composer-kind{display:flex;gap:12px;justify-content:space-between;padding:7px;font-size:9px;border-top:1px solid var(--line-soft)}.documentation-mock-projects,.documentation-mock-scene-board{padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}.documentation-mock-projects header,.documentation-mock-scene-board>h3{grid-column:1/-1;margin:0 0 6px;display:flex;align-items:center;justify-content:space-between}.documentation-mock-projects h2{font-size:var(--font-ui-small);font-weight:500;line-height:1.25;margin:0}.documentation-mock-projects>div,.documentation-mock-scene-board>div{border:1px solid var(--line-ui);border-radius:var(--ui-radius);overflow:hidden}.documentation-mock-projects strong,.documentation-mock-scene-board strong{display:block;font-size:10px;padding:8px}.documentation-mock-projects>div>span,.documentation-mock-scene-board>div>span{display:block;font-size:9px;padding:0 8px 8px}@media (max-width:1100px){.documentation-surface-panel{grid-template-columns:minmax(0,1fr)}.documentation-surface-explanation dl{grid-template-columns:repeat(2,minmax(0,1fr))}.documentation-surface-explanation>a{margin-bottom:20px}}@media (max-width:640px){.documentation-article-outline,.documentation-lesson dl,.documentation-surface-explanation dl,.documentation-task-grid{grid-template-columns:minmax(0,1fr)}.documentation-visual-caption{flex-wrap:wrap}.documentation-visual-caption>span{flex-basis:100%}.documentation-example,.documentation-step-preview{overflow-x:auto}.documentation-example>.documentation-visual-frame,.documentation-step-preview>.documentation-visual-frame{min-width:600px}.documentation-example[data-example=azure-onboarding-workflow]{height:340px}.documentation-example>[data-visual=azure-agent-document-import],.documentation-example>[data-visual=azure-agent-image-review],.documentation-example>[data-visual=azure-agent-images],.documentation-example>[data-visual=azure-agent-media-review],.documentation-example>[data-visual=azure-onboarding-workflow],.documentation-example>[data-visual=projects-navigation],.documentation-step-preview>[data-visual=azure-agent-document-import],.documentation-step-preview>[data-visual=azure-agent-image-review],.documentation-step-preview>[data-visual=azure-agent-images],.documentation-step-preview>[data-visual=azure-agent-media-review],.documentation-step-preview>[data-visual=azure-onboarding-workflow],.documentation-step-preview>[data-visual=projects-navigation]{min-width:0}}@media (prefers-reduced-motion:reduce){.documentation-visual-frame *,.documentation-visual-frame :after,.documentation-visual-frame :before{animation:none!important;transition:none!important}}@media (max-width:900px){.documentation-hub .documentation-surface-explorer,.documentation-hub .documentation-task-section{margin-inline:24px}.documentation-sidebar{visibility:hidden}.documentation-shell-nav-open .documentation-sidebar{visibility:visible}}.documentation-mock-document-review{width:180px;padding:12px;flex:none;border-left:1px solid var(--line-ui);font-size:10px;background:var(--bg)}.documentation-mock-document-review>strong+span{float:right}.documentation-mock-document-review p{font-size:10px;line-height:1.6;margin:12px 0}.documentation-mock-document-review>div{display:flex;gap:8px;border-bottom:1px solid var(--line-soft);padding-bottom:8px}.documentation-mock-import{position:absolute;z-index:7;left:8%;right:8%;top:18%;max-height:78%;overflow:auto;background:var(--bg);padding:16px;border:1px solid var(--line-sheet);border-radius:var(--ui-radius);font-size:12px}.documentation-mock-import>div{display:flex;flex-wrap:wrap;gap:8px}.documentation-mock-import>div>div>span,.documentation-mock-import>span{padding:6px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);font-size:10px}.documentation-mock-image-editor{flex:1;min-width:0;display:flex;flex-direction:column}.documentation-mock-image-editor header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--line-ui)}.documentation-mock-image-editor-body{display:grid;grid-template-columns:36px 160px minmax(0,1fr);flex:1;min-height:0}.documentation-mock-image-editor-body>aside{display:flex;gap:18px;flex-direction:column;align-items:center;padding-top:12px;border-right:1px solid var(--line-ui)}.documentation-mock-image-editor-body>section{padding:12px;border-right:1px solid var(--line-ui);font-size:10px}.documentation-mock-image-editor-body>section span{display:block;margin-top:10px}.documentation-mock-image-editor-body p{font-size:10px;line-height:1.5}.documentation-mock-image-editor footer{display:flex;align-items:center;gap:12px;padding:10px;border-top:1px solid var(--line-ui);font-size:10px}.documentation-mock-command{background:var(--ink);color:var(--bg);padding:8px;border-radius:var(--ui-radius)}.documentation-visual-large>[data-visual=storyboard-detail]{height:720px}.documentation-mock-import>div>div{flex:1 1 120px;min-width:0;font-size:10px;line-height:1.4}.documentation-mock-import>div>div>span{display:block}.documentation-example[data-example=production-review],.documentation-visual-large>[data-visual=production-review]{height:680px}.documentation-example[data-example=canvas-tagging],.documentation-visual-large>[data-visual=canvas-tagging]{height:400px}.documentation-mock-comment-rail{--muted:hsl(var(--palette-light-muted-hsl));width:300px;min-height:320px;height:100%;max-height:480px;flex:none}.documentation-mock-comment-rail:not(.is-artifact){grid-template-rows:auto auto minmax(0,1fr) auto}.documentation-mock-comment-rail.is-canvas{width:328px}.documentation-mock-comment-tabs{padding:0 16px}.documentation-mock-comment-tabs>span{padding-bottom:8px;color:var(--muted);font-size:var(--font-ui-small)}.documentation-mock-comment-tabs>span.selected{color:var(--ink);box-shadow:inset 0 -1.5px 0 var(--ink)}.documentation-mock-comment-reply{border-bottom:1px solid var(--line-ui);color:var(--muted);font-size:var(--font-ui-small);padding-bottom:4px}.documentation-mock-comment-post{display:inline-flex;min-height:28px;align-items:center;padding:0 12px;border-radius:var(--ui-radius);background:var(--highlight-on-panel);color:var(--muted);font-size:var(--font-ui-small)}.documentation-mock-comment-rail>footer{color:var(--muted);font:400 var(--font-ui-micro)/1.4 var(--sans)}.documentation-mock-shot-detail-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,42%);gap:32px}@media (max-width:860px){.documentation-mock-shot-detail-columns{grid-template-columns:minmax(0,1fr);gap:16px}}.documentation-example:is([data-example=collaboration-comments],[data-example=canvas-shot-comments]),.documentation-visual-large>:is([data-visual=collaboration-comments],[data-visual=canvas-shot-comments]){height:620px}.documentation-example:has([data-visual=collaboration-comments],[data-visual=canvas-shot-comments]){overflow-x:auto}.documentation-example>:is([data-visual=collaboration-comments],[data-visual=canvas-shot-comments]){min-width:760px;width:100%;height:100%;zoom:.8}.documentation-mock-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.documentation-mock-projects .documentation-mock-project-card{position:relative;overflow:visible;align-self:start;padding-bottom:38px;background:var(--bg)}.documentation-mock-projects .documentation-mock-project-card>strong{font-size:var(--font-ui-small);font-weight:500;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.documentation-mock-project-controls{position:absolute;bottom:10px;left:10px;right:10px;display:flex;justify-content:space-between}.documentation-mock-project-controls>span{width:28px;height:28px;display:grid;place-items:center}.documentation-mock-project-members{position:absolute;bottom:44px;left:10px;width:220px;padding:12px;border:1px solid var(--line-sheet);border-radius:var(--ui-radius);background:var(--bg);font-size:var(--font-ui-small)}.documentation-mock-project-members>b{font-weight:500}.documentation-mock-project-members>span{display:flex;justify-content:space-between;gap:12px;padding-top:8px}.documentation-mock-project-members small{color:var(--muted);font-size:inherit}.documentation-mock-projects>div>.documentation-mock-project-metadata{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:var(--font-ui-small);font-weight:400}.documentation-mock-project-metadata>span:last-child{text-align:right}.documentation-mock-projects>div>.documentation-mock-project-upload{padding:0;position:absolute;top:16px;left:10px;right:10px;aspect-ratio:16/9;display:grid;place-items:center}.documentation-mock-project-upload>span{display:grid;place-items:center;padding:8px;border-radius:var(--ui-radius);background:var(--bg)}.documentation-mock-timeline.has-shot-brackets .documentation-mock-timeline-label,.documentation-mock-timeline.has-shot-brackets .documentation-mock-timeline-scenes:before{display:none}.documentation-mock-timeline.has-shot-brackets .documentation-mock-timeline-scenes>div>span{display:block;border-bottom:1px solid hsl(var(--palette-light-muted-hsl));background:transparent;padding:0 0 3px;color:hsl(var(--palette-light-muted-hsl))}.documentation-mock-timeline.has-shot-brackets .is-selected>span{color:hsl(var(--palette-light-ink-hsl));border-bottom-color:currentColor;font-weight:700}.documentation-mock-timeline-shots{display:flex;gap:5px;margin-top:3px}.documentation-mock-timeline-shot{overflow:hidden;border:1px solid hsl(var(--palette-light-ink-hsl)/.13);border-radius:var(--ui-radius)}.documentation-mock-timeline-shot>span{justify-content:space-between;padding:0 3px}.documentation-mock-timeline-bracket,.documentation-mock-timeline-shot>span{display:flex;font-size:8px;line-height:12px;color:hsl(var(--palette-light-muted-hsl))}.documentation-mock-timeline-bracket{align-items:center;gap:6px}.documentation-mock-timeline-bracket i{flex:1;height:5px;border-bottom:1px solid;transform:translateY(-2px)}.documentation-mock-timeline .is-selected .documentation-mock-timeline-bracket{color:hsl(var(--palette-light-ink-hsl));font-weight:700}.documentation-mock-timeline .is-selected .documentation-mock-timeline-bracket i:first-child{border-left:1px solid}.documentation-mock-timeline .is-selected .documentation-mock-timeline-bracket i:last-child{border-right:1px solid}.documentation-example[data-example=storyboard-insertion]{height:480px}.documentation-visual-large>[data-visual=storyboard-insertion]{height:520px}.documentation-mock-timeline{position:relative;padding-right:44px}.documentation-mock-timeline.is-creating{align-items:flex-start}.documentation-mock-timeline.is-creating .documentation-mock-timeline-scenes{overflow:visible;flex:none;gap:0}.documentation-mock-timeline [data-mock-timeline-controls]{position:absolute;right:10px;bottom:8px}.documentation-step-preview:has(>[data-visual=documents-import-tagging]){height:360px;min-height:360px}.documentation-mock-media-detail{zoom:.65;min-width:0}.documentation-mock-media-detail .media-detail-sheet{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"heading heading" "primary rail"}.documentation-mock-media-detail .media-detail-heading{padding:16px 20px 12px;flex-wrap:nowrap}.documentation-mock-media-detail .workspace-card-identity>strong{font:400 var(--font-ui-title)/1.3 var(--sans)}.documentation-mock-media-detail .media-detail-rail{border-top:0;border-left:1px solid var(--line-soft);padding:0 20px 20px}.documentation-mock-media-detail{--card-identity-ink:var(--ink);--muted:hsl(var(--palette-light-muted-hsl))}[data-mock-take-detail]{flex-direction:column}[data-mock-take-detail]>.documentation-mock-media-detail{zoom:.6}[data-mock-take-detail]>.documentation-mock-comment-rail{--muted:hsl(var(--palette-light-muted-hsl));width:100%;height:160px;min-height:160px;max-height:160px}.documentation-example[data-example=azure-agent-image-review],.documentation-step-preview:has(>[data-visual=azure-agent-image-review]),.documentation-visual-large>[data-visual=azure-agent-image-review]{height:480px}.documentation-example[data-example=azure-agent-media-review],.documentation-visual-large>[data-visual=azure-agent-media-review]{height:480px}.documentation-example[data-example=azure-agent-images],.documentation-visual-large>[data-visual=azure-agent-images]{height:400px}.documentation-mock-canvas-composer{container:mock-canvas-composer/inline-size}@container mock-canvas-composer (max-width: 400px){.documentation-mock-generate-label{display:none}}.documentation-mock-canvas-layout{container:mock-canvas-layout/inline-size}@container mock-canvas-layout (max-width: 650px){.documentation-mock-canvas-minimap{display:none}}.documentation-hub-index h2{scroll-margin-top:calc(var(--doc-header-height) + 64px)}.documentation-group-description{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 16px;max-width:680px}.documentation-sidebar-home{margin-bottom:24px}.documentation-guide-links{display:grid;gap:12px;margin:20px 0}.documentation-guide-links a{display:grid;gap:6px;padding:16px 0;border-block:1px solid var(--doc-hairline)}.documentation-guide-links a:hover{background:var(--highlight-on-paper)}.documentation-guide-links strong{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.documentation-guide-links span{color:var(--muted);font-size:13px;line-height:1.6}@media (max-width:560px){.documentation-hub-index ul{grid-template-columns:minmax(0,1fr)}}.documentation-example:has([data-visual=canvas-overview-screenshot],[data-visual=canvas-toolbar-screenshot],[data-visual=canvas-generation-screenshot],[data-visual=canvas-mentions-screenshot],[data-visual=production-view-screenshot],[data-visual=production-kanban-screenshot],[data-visual=sequence-detail-screenshot],[data-visual=downloads],[data-visual=exports],[data-visual=models],[data-visual=credits],[data-visual=collaboration-presence],[data-visual=comments-documents],[data-visual=comments-selection],[data-visual=canvas-shot-comments],[data-visual=collaboration-comments],[data-visual=aggregate-review-comments],[data-visual=project-comment-feed],[data-visual=workspace-storyboard],[data-visual=timeline-scene-kit],[data-visual=universal-scenes],[data-visual=universal-characters],[data-visual=universal-props]){height:auto}.documentation-example>:is([data-visual=canvas-overview-screenshot],[data-visual=canvas-toolbar-screenshot],[data-visual=canvas-generation-screenshot],[data-visual=canvas-mentions-screenshot],[data-visual=production-view-screenshot],[data-visual=production-kanban-screenshot],[data-visual=sequence-detail-screenshot],[data-visual=downloads],[data-visual=exports],[data-visual=models],[data-visual=credits],[data-visual=collaboration-presence],[data-visual=comments-documents],[data-visual=comments-selection],[data-visual=canvas-shot-comments],[data-visual=collaboration-comments],[data-visual=aggregate-review-comments],[data-visual=project-comment-feed],[data-visual=workspace-storyboard],[data-visual=timeline-scene-kit],[data-visual=universal-scenes],[data-visual=universal-characters],[data-visual=universal-props]),.documentation-visual-large>:is([data-visual=canvas-overview-screenshot],[data-visual=canvas-toolbar-screenshot],[data-visual=canvas-generation-screenshot],[data-visual=canvas-mentions-screenshot],[data-visual=production-view-screenshot],[data-visual=production-kanban-screenshot],[data-visual=sequence-detail-screenshot],[data-visual=downloads],[data-visual=exports],[data-visual=models],[data-visual=credits],[data-visual=collaboration-presence],[data-visual=comments-documents],[data-visual=comments-selection],[data-visual=canvas-shot-comments],[data-visual=collaboration-comments],[data-visual=aggregate-review-comments],[data-visual=project-comment-feed],[data-visual=workspace-storyboard],[data-visual=timeline-scene-kit],[data-visual=universal-scenes],[data-visual=universal-characters],[data-visual=universal-props]){width:100%;min-width:0;height:auto;zoom:1}:is([data-visual=canvas-overview-screenshot],[data-visual=canvas-toolbar-screenshot],[data-visual=canvas-generation-screenshot],[data-visual=canvas-mentions-screenshot],[data-visual=production-view-screenshot],[data-visual=production-kanban-screenshot],[data-visual=sequence-detail-screenshot],[data-visual=downloads],[data-visual=exports],[data-visual=models],[data-visual=credits],[data-visual=collaboration-presence],[data-visual=comments-documents],[data-visual=comments-selection],[data-visual=canvas-shot-comments],[data-visual=collaboration-comments],[data-visual=aggregate-review-comments],[data-visual=project-comment-feed],[data-visual=workspace-storyboard],[data-visual=timeline-scene-kit],[data-visual=universal-scenes],[data-visual=universal-characters],[data-visual=universal-props])>img{display:block;width:100%;height:auto}.documentation-example>[data-visual=collaboration-presence],.documentation-visual-large>[data-visual=collaboration-presence]{max-width:968px;margin-inline:auto}.documentation-example>:is([data-visual=workspace-storyboard],[data-visual=timeline-scene-kit],[data-visual=universal-scenes],[data-visual=universal-characters],[data-visual=universal-props]),.documentation-visual-large>:is([data-visual=workspace-storyboard],[data-visual=timeline-scene-kit],[data-visual=universal-scenes],[data-visual=universal-characters],[data-visual=universal-props]){max-width:390px;margin-inline:auto}.documentation-step-preview:has(>[data-visual^=getting-started-]){height:auto;min-width:0}.documentation-step-preview>[data-visual^=getting-started-]{width:100%;min-width:0;height:auto;zoom:1}.documentation-visual-large>[data-visual^=getting-started-]{width:100%;min-width:1109px;height:auto;zoom:1}[data-visual^=getting-started-]>img{display:block;width:100%;height:auto}.documentation-example>[data-visual=azure-agent-launcher]{min-width:0}.documentation-example[data-example=production-rough-cut]{height:320px}@media (max-width:640px){.documentation-example>[data-visual=production-rough-cut]{min-width:0}}.documentation-example[data-example=azure-agent-document-import],.documentation-visual-large>[data-visual=azure-agent-document-import]{height:280px}.documentation-example[data-example=agent-storyboard],.documentation-visual-large>[data-visual=agent-storyboard]{height:380px}.documentation-example>[data-visual=agent-storyboard]{min-width:0}.documentation-example[data-example=azure-agent-shot-image-batch],.documentation-visual-large>[data-visual=azure-agent-shot-image-batch]{height:380px}.documentation-example>[data-visual=azure-agent-shot-image-batch]{min-width:0}.documentation-mock-scene-editor{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;font-size:10px}.documentation-example[data-example^=scene-editor-],.documentation-step-preview[data-example^=scene-editor-],.documentation-visual-large>[data-visual^=scene-editor-]{height:460px}.documentation-example>[data-visual^=scene-editor-],.documentation-step-preview>[data-visual^=scene-editor-]{min-width:0}.documentation-mock-scene-editor footer,.documentation-mock-scene-editor header,.documentation-mock-scene-export{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-bottom:1px solid hsl(var(--palette-light-ink-hsl)/.16);flex:0 0 auto}.documentation-mock-scene-editor nav,.documentation-mock-scene-editor span{display:flex;align-items:center;gap:5px}.documentation-mock-scene-selection{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-bottom:1px solid hsl(var(--palette-light-ink-hsl)/.16);background:hsl(var(--palette-light-panel-hsl))}.documentation-mock-scene-selection>span:first-child{min-width:0}.documentation-mock-scene-selection>span:last-child{flex:0 0 auto}.documentation-mock-scene-body{display:grid;grid-template-columns:minmax(0,1fr) 190px;flex:1;min-height:0}.documentation-mock-scene-body>section{display:flex;flex-direction:column;min-height:0;padding:10px}.documentation-mock-scene-illustration{width:100%;height:100%}.documentation-mock-scene-body>section>svg{flex:1;min-height:0;height:0}.documentation-mock-scene-body nav{gap:8px 12px;flex-wrap:wrap;flex:0 0 auto}.documentation-mock-scene-catalog{padding-top:8px;color:hsl(var(--palette-light-muted-hsl))}.documentation-mock-scene-body>aside{padding:10px;border-left:1px solid hsl(var(--palette-light-ink-hsl)/.16);display:flex;flex-direction:column;gap:9px}.documentation-mock-scene-shot{height:94px;flex-shrink:0;border:1px solid hsl(var(--palette-light-ink-hsl)/.26)}.documentation-mock-scene-editor footer{border-top:1px solid hsl(var(--palette-light-ink-hsl)/.16)}.documentation-mock-scene-export{padding:15px 10px}@media (max-width:760px){.documentation-mock-scene-editor footer,.documentation-mock-scene-editor header,.documentation-mock-scene-export{flex-wrap:wrap}.documentation-mock-scene-editor header>span:nth-child(2){display:none}.documentation-mock-scene-body{grid-template-columns:minmax(0,1fr)}.documentation-mock-scene-body>aside,.documentation-mock-scene-editor[data-focus=camera] .documentation-mock-scene-body>section{display:none}.documentation-mock-scene-editor[data-focus=camera] .documentation-mock-scene-body>aside{display:flex}}.documentation-mock-scene-pins{display:flex;flex-direction:column;gap:7px;padding:6px 0}.documentation-mock-scene-pins>span{display:flex;align-items:center;gap:5px}.documentation-mock-scene-lane{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--line-soft);color:var(--ink);flex-wrap:wrap}