.left-nav-section{-webkit-app-region:no-drag;app-region:no-drag}.left-nav.left-nav--collapsed:not(:hover):not(:focus-within):not(.left-nav--force-expanded) .left-nav-item:hover:after{content:attr(data-tooltip) / "";position:absolute;inset-inline-start:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--stroke-neutral-2-rest);color:var(--fg-neutral-inverted-rest);padding:var(--spacing-40) var(--spacing-80);border-radius:var(--radius-medium);font-size:var(--font-size-caption-1);white-space:nowrap;z-index:1000;pointer-events:none}[data-theme=light] .left-nav.left-nav--collapsed:not(:hover):not(:focus-within):not(.left-nav--force-expanded) .left-nav-item:hover:after{background:var(--fg-neutral-3-rest)}.od4-left-nav-avatar{position:relative;width:36px;height:36px;background:transparent;--persona-quota-pct: 0}.od4-left-nav-avatar-photo{position:absolute;inset:4px;width:28px;height:28px;border-radius:var(--radius-circular);background-color:var(--bg-neutral-6-rest);background-size:cover;background-position:center;pointer-events:none}.od4-left-nav-avatar-initials{display:none}.od4-left-nav-avatar.signed-out .od4-left-nav-avatar-photo{background-color:var(--fg-neutral-3-rest);background-image:none;-webkit-mask:url(/static/vendor/fluentui-icons/person_add_20_regular.svg) center / 20px 20px no-repeat;mask:url(/static/vendor/fluentui-icons/person_add_20_regular.svg) center / 20px 20px no-repeat}.od4-left-nav-avatar.signed-out:hover .od4-left-nav-avatar-photo,.od4-left-nav-avatar.signed-out:active .od4-left-nav-avatar-photo,.od4-left-nav-avatar.signed-out.is-active .od4-left-nav-avatar-photo{-webkit-mask-image:url(/static/vendor/fluentui-icons/person_add_20_filled.svg);mask-image:url(/static/vendor/fluentui-icons/person_add_20_filled.svg)}.od4-left-nav-avatar:before{content:"";position:absolute;inset:0;border-radius:var(--radius-circular);padding:2px;background:var(--bg-neutral-static);-webkit-mask:linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);mask:linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .1s ease;pointer-events:none}.left-nav:hover .od4-left-nav-avatar:before,.od4-left-nav-avatar:hover:before,.od4-left-nav-avatar:active:before,.od4-left-nav-avatar.is-active:before{opacity:1;background:conic-gradient(var(--stroke-brand-1-rest) 0,var(--stroke-brand-1-rest) calc(var(--persona-quota-pct, 0) * 1%),var(--bg-neutral-static) calc(var(--persona-quota-pct, 0) * 1%),var(--bg-neutral-static) 100%)}.left-nav:hover .od4-left-nav-avatar.signed-out:before,.od4-left-nav-avatar.signed-out:hover:before,.od4-left-nav-avatar.signed-out:active:before,.od4-left-nav-avatar.signed-out.is-active:before{opacity:0}.od4-left-nav-avatar:after{content:"";position:absolute;inset:4px;border-radius:var(--radius-circular);background:var(--bg-subtle-inverted-hover);opacity:0;transition:opacity .1s ease;pointer-events:none}.od4-left-nav-avatar:hover:after{opacity:1}.od4-left-nav-avatar:active:after,.od4-left-nav-avatar.is-active:after{opacity:1;background:var(--bg-subtle-inverted-pressed)}.od4-left-nav-avatar:hover,[data-theme=light] .od4-left-nav-avatar:hover{background:transparent}@media (forced-colors: active){.od4-left-nav-avatar-photo{forced-color-adjust:none;outline:2px solid ButtonText;outline-offset:-2px}.left-nav:hover .od4-left-nav-avatar-photo,.od4-left-nav-avatar:hover .od4-left-nav-avatar-photo,.od4-left-nav-avatar:focus-visible .od4-left-nav-avatar-photo,.od4-left-nav-avatar:active .od4-left-nav-avatar-photo,.od4-left-nav-avatar.is-active .od4-left-nav-avatar-photo{outline-color:Highlight}.od4-left-nav-avatar:before,.od4-left-nav-avatar:after{display:none}.od4-left-nav-avatar:focus-visible{outline:2px solid Highlight;outline-offset:2px;border-radius:var(--radius-circular)}.od4-left-nav-avatar.signed-out .od4-left-nav-avatar-photo{forced-color-adjust:auto;background-color:ButtonText}.od4-left-nav-avatar.signed-out:hover .od4-left-nav-avatar-photo,.od4-left-nav-avatar.signed-out:active .od4-left-nav-avatar-photo,.od4-left-nav-avatar.signed-out.is-active .od4-left-nav-avatar-photo{background-color:Highlight}}.od4-left-nav-account{display:flex;align-items:center;height:68px;gap:var(--size-120);padding-inline-start:var(--size-100);padding-inline-end:var(--size-100);border-radius:var(--radius-2xlarge)}.od4-left-nav-account-storage{flex:1 1 0;min-width:0;padding:6px 0 8px;overflow:hidden}.od4-left-nav-storage-text{display:block;font-family:var(--font-family-base);font-size:var(--font-size-caption-1);line-height:var(--line-height-caption-1);font-weight:var(--font-weight-caption-1);color:var(--fg-neutral-3-rest);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od4-left-nav-storage-text>strong{color:var(--fg-neutral-1-rest);font-weight:var(--font-weight-caption-1-strong)}.left-nav.left-nav--collapsed:not(:hover):not(:focus-within):not(.left-nav--force-expanded) .od4-left-nav-account-storage,.left-nav.left-nav--collapsed:not(:hover):not(:focus-within):not(.left-nav--force-expanded) .left-nav-dock-btn,.left-nav.left-nav--collapsed.left-nav--force-collapse .od4-left-nav-account-storage,.left-nav.left-nav--collapsed.left-nav--force-collapse .left-nav-dock-btn{display:none}.od4-playground-section{display:flex;flex-direction:column;padding:0 var(--spacing-80);flex:1;min-height:0;overflow:hidden}.od4-playground-label{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-80) var(--spacing-120) var(--spacing-40);font-size:var(--font-size-caption-2);font-weight:var(--font-weight-subtitle-2);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-neutral-5-rest);user-select:none;flex-shrink:0}.od4-playground-toggle{background:none;border:none;cursor:pointer;color:var(--fg-neutral-5-rest);padding:var(--spacing-20);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-medium);transition:background .12s,color .12s}.od4-playground-toggle:hover{background:var(--bg-neutral-3-rest);color:var(--fg-neutral-1-rest)}.od4-playground-toggle svg{transition:transform .2s ease}.od4-playground-section.collapsed .od4-playground-toggle svg{transform:rotate(-90deg)}.od4-playground-items{display:flex;flex-direction:column;gap:var(--spacing-20);overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-width:none}.od4-playground-items::-webkit-scrollbar{display:none}.od4-playground-section.collapsed .od4-playground-items{display:none}.od4-playground-scroll-btns{display:flex;justify-content:center;gap:var(--spacing-40);padding:var(--spacing-40) 0;flex-shrink:0}.od4-playground-scroll-btn{background:none;border:1px solid var(--stroke-neutral-1-rest);color:var(--fg-neutral-4-rest);cursor:pointer;width:24px;height:24px;border-radius:var(--radius-medium);display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.od4-playground-scroll-btn:hover{background:var(--bg-neutral-3-rest);color:var(--fg-neutral-1-rest)}.left-nav.left-nav--collapsed .od4-playground-section{padding:0}.left-nav.left-nav--collapsed .od4-playground-label span{opacity:0;width:0;overflow:hidden}.left-nav.left-nav--collapsed .od4-playground-toggle{margin:0 auto}.left-nav.left-nav--collapsed .od4-playground-label{justify-content:center;padding:var(--spacing-80) 0 var(--spacing-40)}.left-nav.left-nav--collapsed .od4-pill-toggle-side{display:none}#od4Welcome{flex:1;overflow-y:auto;min-height:0}.od4-showcase-inner{padding:32px 40px;max-width:1100px;margin:0 auto}.od4-showcase-title{font-size:var(--font-size-title-3);font-weight:700;color:var(--fg-neutral-1-rest);margin:0 0 var(--spacing-80)}.od4-showcase-desc{font-size:var(--font-size-body-1);color:var(--fg-neutral-4-rest);margin:0 0 var(--spacing-200);line-height:1.5}.od4-showcase-actions{display:flex;gap:var(--spacing-80);margin-bottom:var(--spacing-240)}.od4-showcase-btn{background:var(--bg-neutral-3-rest);border:1px solid var(--stroke-neutral-1-rest);color:var(--fg-neutral-2-rest);padding:6px 14px;border-radius:var(--radius-large);font-size:var(--font-size-body-1);cursor:pointer;transition:background .12s}.od4-showcase-btn:hover{background:var(--bg-neutral-2-rest);color:var(--fg-neutral-1-rest)}.od4-card-group{margin-bottom:var(--spacing-240)}.od4-card-group-label{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-4-rest);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;padding-inline-start:var(--spacing-20)}.od4-showcase-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-120)}.od4-showcase-card{background:var(--bg-neutral-3-rest);border:1px solid var(--stroke-neutral-1-rest);border-radius:10px;padding:16px 18px;cursor:pointer;transition:background .12s,border-color .15s;position:relative}.od4-showcase-card:hover{background:var(--bg-neutral-2-rest);border-color:var(--fg-brand-1-rest)}.od4-showcase-card h3{font-size:var(--font-size-body-1);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-1-rest);margin:0 0 6px;padding-inline-end:28px}.od4-showcase-card p{font-size:var(--font-size-caption-1);color:var(--fg-neutral-4-rest);margin:0;line-height:1.4}.od4-showcase-card .nav-toggle{position:absolute;top:14px;inset-inline-end:14px;width:16px;height:16px;cursor:pointer;accent-color:var(--fg-brand-1-rest)}.od4-topbar-settings-btn{display:flex}