.nav-icon-item{box-sizing:border-box;width:var(--rail-width);height:48px;padding-inline:var(--space-6);color:var(--text-tertiary);transition:background-color var(--ease-standard), color var(--ease-accelerate);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.nav-icon-item:hover{background:var(--state-layer-nav-hover);color:var(--text-primary)}.nav-icon-item:focus-visible{background:var(--state-layer-nav-focus);color:var(--text-primary);outline:2px solid var(--accent);outline-offset:-2px}.nav-icon-item:active{background:var(--state-layer-nav-pressed);color:var(--accent)}.nav-icon-item[aria-current=page]{color:var(--accent)}.nav-icon-item:active:before{content:"";background:var(--accent);border-radius:0 var(--corner-extra-small) var(--corner-extra-small) 0;width:4px;height:32px;box-shadow:var(--shadow-nav-selector);position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.nav-icon-item{transition:none}}
.app-rail{background:var(--surface-rail);flex-direction:column;align-items:center;height:100%;min-height:0;display:flex}.app-rail__top{align-items:center;gap:var(--space-8);padding-top:var(--space-6);flex-direction:column;display:flex}.app-rail__nav{margin-top:var(--space-8);scrollbar-width:none;min-height:0;overflow-y:auto}.app-rail__nav::-webkit-scrollbar{display:none}.app-rail__bottom{align-items:center;gap:var(--space-8);padding-top:var(--space-4);flex-direction:column;margin-top:auto;padding-bottom:20px;display:flex}.app-rail__items{position:relative}.app-rail__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.app-rail__selector{width:4px;height:32px;transform:translateY(calc(var(--rail-active-index,0) * 52px + 8px));background:var(--accent);border-radius:0 var(--corner-extra-small) var(--corner-extra-small) 0;box-shadow:var(--shadow-nav-selector);opacity:0;pointer-events:none;transition:transform .2s cubic-bezier(.2,0,0,1),opacity .2s cubic-bezier(.2,0,0,1);position:absolute;top:0;left:0}.app-rail__selector[data-visible=true]{opacity:1}@media (prefers-reduced-motion:reduce){.app-rail__selector{transition:none}}@media (max-width:767px){.app-rail{padding-inline:var(--space-3);flex-direction:row}.app-rail__top,.app-rail__bottom{gap:var(--space-2);flex-direction:row;padding:0}.app-rail__bottom{margin-top:0;margin-left:auto}.app-rail__nav,.app-rail__top .rail-fab{display:none}}
.rail-menu-root{position:relative}.rail-control{cursor:pointer;border-radius:var(--corner-small);background:0 0;border:none;place-items:center;width:48px;height:48px;padding:0;display:grid;position:relative}.rail-control:after{content:"";border-radius:var(--corner-small);pointer-events:none;transition:background-color var(--ease-standard);background:0 0;position:absolute;inset:4px}.rail-control--account:after{border-radius:var(--corner-extra-large)}.rail-control:hover:after{background:var(--state-layer-hover)}.rail-control--open:after{background:var(--state-layer-pressed)}.rail-control:focus-visible,.rail-fab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rail-avatar-skeleton{border-radius:var(--corner-small);background:var(--sk-base);width:40px;height:40px}.rail-studio-avatar{border-radius:var(--corner-small);background:var(--avatar-bg);color:var(--avatar-fg);font-family:var(--font-serif);font-weight:var(--fw-regular);object-fit:cover;transition:background-color var(--ease-standard);flex-shrink:0;place-items:center;display:grid}.rail-studio-avatar--rail{width:40px;height:40px;font-size:22px;line-height:28px}.rail-studio-avatar--menu{width:24px;height:24px;font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:var(--fw-medium)}.rail-studio-avatar--img{display:block}.rail-account-avatar{box-sizing:border-box;width:40px;height:40px;padding:var(--space-2);border-radius:var(--corner-extra-large);background:var(--surface-control);color:var(--text-secondary);font-family:var(--font-sans);font-size:12px;font-weight:var(--fw-medium);object-fit:cover;transition:background-color var(--ease-standard);place-items:center;line-height:16px;display:grid}.rail-account-avatar--img{padding:0;display:block}.rail-fab{border-radius:var(--corner-large);background:var(--accent);width:56px;height:56px;color:var(--on-accent);filter:var(--shadow-elevation-1);transition:filter var(--ease-standard);place-items:center;display:grid;position:relative}.rail-fab:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--ease-standard);background:currentColor;position:absolute;inset:0}.rail-fab:hover{filter:var(--shadow-elevation-2)}.rail-fab:hover:after{opacity:.08}.rail-fab:focus-visible:after,.rail-fab:active:after{opacity:.1}.rail-menu{left:calc(var(--rail-width) + var(--space-2));z-index:var(--z-dropdown);box-sizing:border-box;padding:var(--space-2) 0;border-radius:var(--corner-small);background:var(--surface-menu);filter:var(--shadow-elevation-2);animation:rail-menu-in var(--ease-decelerate) both;flex-direction:column;gap:1px;display:flex;position:fixed}.rail-menu--studio{top:var(--space-6);width:224px;max-height:calc(100dvh - 2 * var(--space-6))}.rail-menu--account{width:240px;max-height:calc(100dvh - var(--space-8));bottom:20px;overflow-y:auto}@keyframes rail-menu-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.rail-menu{animation:none}.rail-fab,.rail-fab:after,.rail-control:after,.rail-studio-avatar,.rail-account-avatar{transition:none}}.rail-menu__label{height:20px;padding:0 var(--space-4);font-family:var(--font-sans);letter-spacing:.4px;color:var(--schemes-outline);flex-shrink:0;align-items:flex-end;font-size:12px;line-height:16px;display:flex}.rail-menu__scroll{flex-direction:column;gap:1px;min-height:0;max-height:293px;display:flex;overflow-y:auto}.rail-menu__studio,.rail-menu__item{align-items:center;gap:var(--space-3);box-sizing:border-box;width:100%;height:48px;padding:0 var(--space-4);color:var(--schemes-outline);font-family:var(--font-sans);cursor:pointer;text-align:left;transition:background-color var(--ease-standard);background:0 0;border:none;flex-shrink:0;display:flex}.rail-menu__studio:hover,.rail-menu__item:hover{background:var(--state-layer-hover)}.rail-menu__studio:active,.rail-menu__item:active{background:var(--state-layer-pressed)}.rail-menu__studio:focus-visible,.rail-menu__item:focus-visible{background:var(--state-layer-hover);outline:2px solid var(--accent);outline-offset:-2px}.rail-menu__studio-text{flex-direction:column;flex:1;min-width:0;display:flex}.rail-menu__studio-name{color:var(--text-primary);font-size:14px;font-weight:var(--fw-medium);letter-spacing:.1px;text-overflow:ellipsis;white-space:nowrap;line-height:20px;overflow:hidden}.rail-menu__studio-role{color:var(--schemes-outline);letter-spacing:.4px;font-size:12px;line-height:16px}.rail-menu__check{color:var(--schemes-tertiary);flex-shrink:0}.rail-menu__item{font-size:14px;font-weight:var(--fw-medium);letter-spacing:.1px;line-height:20px}.rail-menu__divider{height:1px;margin:var(--space-1) 0;background:var(--divider-menu);flex-shrink:0}.rail-menu__identity{padding:var(--space-2) var(--space-4) var(--space-3);flex-direction:column;min-width:0;display:flex}.rail-menu__identity-name{color:var(--text-primary);font-family:var(--font-sans);font-size:14px;font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap;line-height:20px;overflow:hidden}.rail-menu__identity-email{color:var(--text-tertiary);font-family:var(--font-sans);letter-spacing:.4px;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:16px;overflow:hidden}.rail-menu--account .user-menu{filter:none;background:0 0;border:none;padding:0;animation:none;position:static}@media (max-width:767px){.rail-menu--studio{top:calc(56px + var(--space-2));left:var(--space-4);max-height:calc(100dvh - 56px - 56px - 2 * var(--space-4))}.rail-menu--account{top:calc(56px + var(--space-2));bottom:auto;left:auto;right:var(--space-4);max-height:calc(100dvh - 56px - 56px - 2 * var(--space-4))}}