.reference-detail-shell{--reference-bar-height:64px;--reference-fill:color-mix(in srgb,var(--foreground)6%,transparent);--reference-fill-press:color-mix(in srgb,var(--foreground)10%,transparent)}.reference-bar{z-index:35;height:var(--reference-bar-height);background:var(--background);grid-template-columns:minmax(max-content,1fr) minmax(0,auto) minmax(max-content,1fr);align-items:center;gap:12px;transition:box-shadow .15s;display:grid;position:sticky;top:0;box-shadow:0 1px #0000}.reference-bar[data-scrolled]{box-shadow:0 1px 0 var(--border)}.reference-bar-leading{align-items:center;min-width:0;display:flex}.reference-bar-title{justify-content:center;min-width:0;display:flex}.reference-bar-actions{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.reference-back{height:36px;color:var(--muted-foreground);letter-spacing:-.01em;white-space:nowrap;border-radius:999px;outline:none;align-items:center;padding:0 12px 0 4px;font-size:17px;font-weight:500;line-height:22px;transition:background-color .1s,color .1s;display:inline-flex}.reference-back:hover{background:var(--reference-fill);color:var(--foreground)}.reference-back:active{background:var(--reference-fill-press)}.reference-back:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--ring)60%,transparent)}.reference-back-chevron{flex:none;width:20px;height:20px}.reference-back[data-entering] .reference-back-chevron{animation:reference-back-in var(--motion-sidebar,.34s)var(--ease-sidebar,cubic-bezier(.4,0,0,1))both}@keyframes reference-back-in{0%{opacity:0;transform:translate(8px)}}.reference-bar-title h1{letter-spacing:-.01em;min-width:0;max-width:100%;color:var(--foreground);align-items:center;gap:6px;font-size:17px;font-weight:600;line-height:22px;display:flex}.reference-bar-title h1>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reference-bar-title h1>svg{width:14px;height:14px;color:var(--muted-foreground);flex:none}.reference-bar-icon{width:36px;height:36px;color:var(--foreground);cursor:pointer;border-radius:999px;outline:none;flex:none;place-items:center;list-style:none;transition:background-color .1s;display:inline-grid;position:relative}.reference-bar-icon::-webkit-details-marker{display:none}.reference-bar-icon svg{stroke-width:1.9px;width:18px;height:18px}.reference-bar-icon:hover,.reference-menu[open]>.reference-bar-icon{background:var(--reference-fill)}.reference-bar-icon:active{background:var(--reference-fill-press)}.reference-bar-icon:focus-visible,.reference-bar [data-reference-save]:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--ring)60%,transparent)}.reference-bar [data-reference-save]{white-space:nowrap;border:0;border-radius:999px;outline:none;align-items:center;gap:6px;height:36px;padding:0 14px 0 12px;font-size:14px;font-weight:600;line-height:20px;transition:background-color .1s;display:inline-flex}.reference-bar [data-reference-save] svg{flex:none;width:16px;height:16px}.reference-bar [data-reference-save]>svg:last-child{opacity:.6;width:12px;height:12px;margin-left:-2px}.reference-bar [data-reference-save=unsaved]{background:var(--foreground);color:var(--background)}.reference-bar [data-reference-save=unsaved]:hover{background:color-mix(in srgb,var(--foreground)85%,var(--background))}.reference-bar [data-reference-save=saved]{background:var(--brand);color:var(--background)}.reference-bar [data-reference-save=saved]:hover{background:var(--brand-strong)}.reference-bar [data-tip]:after{content:attr(data-tip);z-index:60;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#0d0d0d;border-radius:8px;padding:4px 8px;font-size:12.5px;font-weight:500;line-height:16px;transition:opacity .1s,translate .1s;position:absolute;top:calc(100% + 6px);left:50%;translate:-50% -2px;box-shadow:0 4px 12px #0000001f}.reference-bar [data-tip]:is(:hover,:focus-visible):after{opacity:1;transition-delay:.45s;translate:-50%}.reference-menu[open]>[data-tip]:after{display:none}.dark .reference-bar [data-tip]:after{box-shadow:0 0 0 1px #ffffff1a,0 4px 12px #0000004d}.reference-menu{display:flex;position:relative}.reference-menu-popup{z-index:50;border:1px solid var(--border);background:var(--popover);transform-origin:100% 0;border-radius:16px;gap:2px;min-width:208px;padding:6px;animation:.14s cubic-bezier(.2,.8,.2,1) reference-menu-in;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 32px #0000001a}.dark .reference-menu-popup{box-shadow:0 10px 32px #00000073}@keyframes reference-menu-in{0%{opacity:0;transform:scale(.97)}}.reference-menu-item{text-align:left;white-space:nowrap;width:100%;height:36px;color:var(--foreground);border-radius:10px;outline:none;align-items:center;gap:10px;padding:0 10px;font-size:14px;line-height:20px;transition:background-color .1s;display:flex}.reference-menu-item svg{stroke-width:1.8px;flex:none;width:18px;height:18px}.reference-menu-item:hover,.reference-menu-item:focus-visible{background:var(--reference-fill)}.reference-menu-item[data-destructive]{color:var(--destructive)}.reference-menu-item[data-destructive]:hover,.reference-menu-item[data-destructive]:focus-visible{background:color-mix(in srgb,var(--destructive)10%,transparent)}.reference-menu-item:disabled{opacity:.5;cursor:default}@media (min-width:1100px){.reference-bar,.reference-workspace{--reference-context-column:clamp(320px,23vw,380px);--reference-panel-column:clamp(320px,24vw,400px)}.reference-workspace{grid-template-columns:var(--reference-context-column)minmax(0,1fr)var(--reference-panel-column)}.reference-workspace-without-discussion{grid-template-columns:var(--reference-context-column)minmax(0,1fr)}.reference-bar{box-shadow:0 1px 0 color-mix(in srgb,var(--border)65%,transparent);gap:0;padding:0 16px 0 8px}.reference-bar[data-columns="3"]{grid-template-columns:var(--reference-context-column)minmax(0,1fr)var(--reference-panel-column)}.reference-bar[data-columns="2"]{grid-template-columns:var(--reference-context-column)minmax(0,1fr)minmax(0,auto)minmax(max-content,1fr)}.reference-bar[data-columns="2"] .reference-bar-title{grid-column:3}.reference-bar-title{padding-inline:24px}.reference-bar[data-columns] .reference-bar-leading{margin-right:-8px}html .reference-detail-shell .reference-workspace{--workspace-height:calc(100dvh - var(--reference-bar-height));border-top:0}html[data-shell-animating][data-shell=rail] :is(.reference-bar,.reference-workspace)[data-entering]{width:calc(100vw - 52px)}html[data-shell-animating][data-shell=rail] body:has(.reference-workspace[data-entering]){overflow-x:hidden}}@media (min-width:1100px) and (max-height:650px){html .reference-detail-shell .reference-workspace{--workspace-height:calc(650px - var(--reference-bar-height));height:var(--workspace-height)}}@media not (min-width:1100px){.reference-bar{margin:0 calc(-1*var(--reference-bar-gutter))var(--reference-bar-gutter);padding-inline:calc(var(--reference-bar-gutter) - 12px)var(--reference-bar-gutter)}.reference-media{scroll-margin-top:calc(var(--reference-bar-height) + 16px)}}@media (768px<=width<1100px){.reference-bar{--reference-bar-gutter:24px}html .reference-detail-shell :is(.reference-media,.reference-panel){height:calc(100dvh - var(--reference-bar-height) - 48px)}html .reference-detail-shell .reference-panel{top:calc(var(--reference-bar-height) + 24px)}}@media not (min-width:768px){.reference-detail-shell{--reference-bar-height:calc(56px + env(safe-area-inset-top))}.reference-bar{--reference-bar-gutter:16px;padding-top:env(safe-area-inset-top);grid-template-columns:auto minmax(0,1fr) auto;gap:4px;margin-bottom:12px}.reference-bar-title{justify-content:flex-start}.reference-bar-title h1{font-size:15px;line-height:20px}.reference-back{justify-content:center;width:44px;height:44px;padding:0}.reference-back-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reference-bar-icon{width:44px;height:44px}.reference-bar [data-reference-save]{height:40px}}.reference-bar-slot{display:contents}.reference-bar-handoff,.reference-bar .motion-source-link,.reference-bar-slot>div{align-items:center;gap:6px;margin:0;display:flex}.reference-bar-text{height:36px;color:var(--foreground);white-space:nowrap;border-radius:999px;outline:none;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:14px;font-weight:500;line-height:20px;transition:background-color .1s;display:inline-flex;position:relative}.reference-bar-text>svg{stroke-width:1.9px;flex:none;width:16px;height:16px}.reference-bar-text .reference-pro-badge{margin-left:2px}.reference-bar .motion-source-compact,.reference-bar .reference-download{width:36px;height:36px;min-height:0;color:var(--foreground);background:0 0;border:0;border-radius:999px;outline:none;place-items:center;gap:0;margin:0;padding:0;transition:background-color .1s;display:inline-grid;position:relative}.reference-bar .motion-source-compact>:not(svg:last-child),.reference-bar .reference-download>:not(svg){display:none}.reference-bar .motion-source-compact>svg,.reference-bar .reference-download>svg{stroke-width:1.9px;width:18px;height:18px}.reference-bar :is(.reference-bar-text,.motion-source-compact,.reference-download):hover{background:var(--reference-fill)}.reference-bar :is(.reference-bar-text,.motion-source-compact,.reference-download):active{background:var(--reference-fill-press)}.reference-bar :is(.reference-bar-text,.motion-source-compact,.reference-download):focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--ring)60%,transparent)}.reference-bar .reference-download:disabled{opacity:.5;cursor:default}.reference-bar-actions>.reference-bar-handoff{margin-right:2px}.reference-detail-shell .reference-media .annotation-canvas{box-shadow:none;background:0 0;border:0}.reference-detail-shell .reference-media .annotation-frame>img,.reference-detail-shell .reference-media .motion-stage video{outline:1px solid color-mix(in srgb,var(--foreground)8%,transparent);outline-offset:-1px;border-radius:12px}.reference-detail-shell .reference-media .annotation-caption{justify-content:center;transition:opacity .15s,visibility .15s}.reference-detail-shell .reference-media .annotation-caption[data-hidden]{opacity:0;visibility:hidden}.reference-detail-shell .reference-media[data-annotating] .annotation-target{cursor:crosshair}.reference-detail-shell .reference-context :is(.reference-tool-icon,.reference-breakdown-content>.reference-tool-icon){width:20px;height:20px;color:var(--muted-foreground);background:0 0;border-radius:0}.reference-detail-shell .reference-context .reference-tool-icon svg{stroke-width:1.8px;width:18px;height:18px}.reference-detail-shell .reference-context :is(button.reference-breakdown-trigger,.reference-disclosure>summary){width:calc(100% + 16px);min-height:40px;color:var(--foreground);border-radius:10px;gap:10px;margin:0 -8px;padding:8px;font-size:14px;font-weight:500;line-height:20px;transition:background-color .1s}.reference-detail-shell .reference-context :is(button.reference-breakdown-trigger,.reference-disclosure>summary):hover{background:var(--reference-fill)}.reference-detail-shell .reference-context :is(.reference-tool-label,.reference-breakdown-content){gap:10px}.reference-detail-shell .reference-context .reference-breakdown-title{font-weight:500;line-height:20px}.reference-detail-shell .reference-context .reference-breakdown-heading small{display:none}.reference-detail-shell .reference-context .reference-insights,.reference-detail-shell .reference-context .design-breakdown{margin:0;padding:0}.reference-detail-shell .reference-context .reference-disclosure{border:0;margin:0;padding:0}.reference-detail-shell .reference-context .reference-disclosure>summary>svg:last-child,.reference-detail-shell .reference-context .reference-breakdown-trailing>svg{color:var(--muted-foreground)}.reference-section-label{letter-spacing:0;color:var(--muted-foreground);margin:0 0 4px;font-size:12px;font-weight:500;line-height:16px}.reference-detail-shell .reference-context .reference-context-meta{border:0;margin:24px 0 0;padding:0}.reference-detail-shell .reference-context .reference-context-meta .reference-savers-trigger{min-height:32px;margin:0;font-size:14px}.reference-detail-shell .reference-context .reference-facts dl{gap:0;font-size:14px;line-height:20px}.reference-detail-shell .reference-context .reference-facts dl>div{align-items:center;min-height:32px}.reference-detail-shell .reference-context .reference-related{border:0;margin-top:24px;padding-top:0}.reference-detail-shell .reference-context .reference-related>h2{color:var(--muted-foreground);margin:0 0 8px;font-size:12px;font-weight:500;line-height:16px}.reference-detail-shell{--reference-composer:color-mix(in srgb,var(--foreground)5%,transparent);--reference-composer-line:transparent;--reference-composer-focus:var(--card);--reference-composer-focus-line:var(--border)}.dark .reference-detail-shell{--reference-composer:var(--secondary);--reference-composer-line:#fff3;--reference-composer-focus:var(--secondary);--reference-composer-focus-line:#ffffff24}.reference-panel .comments-composer[data-inline-send]>div,.reference-panel .comments-composer[data-inline-send]>div:focus-within{background:var(--reference-composer);box-shadow:inset 0 0 1px var(--reference-composer-line);border:0;border-radius:24px;align-items:flex-end;gap:8px;padding:6px 6px 6px 18px;transition:background-color .15s,box-shadow .15s,border-radius .2s cubic-bezier(.22,1,.36,1);display:flex}.reference-panel .comments-composer[data-inline-send][data-multiline]>div{border-radius:22px}.reference-panel .comments-composer[data-inline-send]>div:focus-within{background:var(--reference-composer-focus);box-shadow:inset 0 0 0 1px var(--reference-composer-focus-line)}:root:not(.dark) .reference-panel .comments-composer[data-inline-send]>div:focus-within{box-shadow:0 0 0 1px var(--border),0 6px 20px -10px #292a2840}.reference-panel .comments-composer[data-inline-send] .comment-composer-main{flex:1;align-self:center;min-width:0;padding-block:7px}.reference-panel .comments-composer[data-inline-send] .comment-composer-main>:first-child:not(.flex-1){display:none}.reference-panel .comments-composer[data-inline-send] textarea{scrollbar-width:thin;font-size:14px;line-height:22px}.reference-panel .comments-composer[data-inline-send] .comment-composer-actions{flex:none;width:auto}.reference-panel .comments-composer[data-inline-send] .comment-composer-actions>div{padding-top:0}.reference-panel .comments-composer[data-inline-send] .comment-composer-actions>div>div:first-child:not(:has(button)){display:none}.reference-panel .comments-composer[data-inline-send] .comment-submit{background:var(--foreground);width:36px;height:36px;min-height:36px;color:var(--background);padding:0;transition:background-color .15s,color .15s}.reference-panel .comments-composer[data-inline-send] .comment-submit:hover{background:color-mix(in srgb,var(--foreground)85%,var(--background))}.reference-panel .comments-composer[data-inline-send] .comment-submit:disabled{background:var(--reference-fill-press);color:var(--muted-foreground);opacity:1}.reference-panel .comments-composer[data-inline-send] .comment-submit svg{width:18px;height:18px}@media (min-width:1100px){.reference-bar[data-columns="3"]{grid-template-columns:var(--reference-context-column)minmax(0,1fr)minmax(var(--reference-panel-column),max-content)}.reference-detail-shell .reference-media-content{padding:24px 32px 20px}.reference-detail-shell .reference-media-content>.annotatable-image{justify-content:center;gap:12px}.reference-detail-shell .reference-media .annotation-canvas{flex:0 auto;height:auto;min-height:0}.reference-detail-shell .reference-media .annotation-frame>img{max-height:calc(var(--workspace-height) - 76px)}.reference-panel .comments-composer[data-inline-send]>div{padding:6px 6px 6px 18px;bottom:12px;left:16px;right:16px}}@media not (min-width:768px){.reference-detail-shell{--reference-bar-height:auto}.reference-bar{height:auto;min-height:calc(56px + env(safe-area-inset-top));grid-template-columns:auto minmax(0,1fr);grid-template-areas:"leading actions""title title";row-gap:0}.reference-bar-leading{grid-area:leading}.reference-bar-actions{grid-area:actions;gap:0}.reference-bar-title{grid-area:title;padding:2px 0 10px 4px}.reference-bar-title h1{font-size:20px;font-weight:600;line-height:26px}.reference-bar-text{justify-content:center;width:44px;height:44px;padding:0}.reference-bar-text :is(.reference-bar-text-label,.reference-pro-badge){display:none}.reference-bar .motion-source-compact,.reference-bar .reference-download{width:44px;height:44px}}@media (pointer:coarse){.reference-bar [data-tip]:after{display:none}}@media (prefers-reduced-motion:reduce){.reference-bar,.reference-back,.reference-bar-icon,.reference-bar [data-reference-save],.reference-bar [data-tip]:after,.reference-menu-item,.reference-bar :is(.reference-bar-text,.motion-source-compact,.reference-download),.reference-detail-shell .reference-media .annotation-caption,.reference-detail-shell .reference-context :is(button.reference-breakdown-trigger,.reference-disclosure>summary),.reference-panel .comments-composer[data-inline-send]>div,.reference-panel .comments-composer[data-inline-send] .comment-submit{transition:none}.reference-back[data-entering] .reference-back-chevron,.reference-menu-popup{animation:none}}