.studio-sidebar{--studio-muted:var(--foreground);border-right:1px solid var(--shell-border,var(--border-secondary));background:var(--background);width:15rem;height:100dvh;min-height:0;color:var(--shell-fg,var(--foreground));flex-direction:column;flex:0 0 15rem;padding:.75rem;display:flex}.studio-sidebar-profile.button{text-align:left;flex-shrink:0;justify-content:flex-start;align-items:center;gap:.75rem;width:100%;height:3.25rem;min-height:3.25rem;margin-bottom:.25rem;padding:.5rem;display:flex}.studio-sidebar-profile .avatar{flex-shrink:0;width:2.25rem;height:2.25rem}.studio-sidebar-profile__copy{flex-direction:column;gap:.125rem;min-width:0;display:flex}.studio-sidebar-profile__name,.studio-sidebar-profile__email{text-overflow:ellipsis;white-space:nowrap;line-height:1.25;display:block;overflow:hidden}.studio-sidebar-profile__name{font-size:.875rem;font-weight:500}.studio-sidebar-profile__email{color:var(--studio-muted,var(--muted));font-size:.75rem;font-weight:400}.studio-sidebar__footer{border-top:1px solid var(--shell-border,var(--border-secondary));flex-direction:column;flex-shrink:0;gap:.25rem;margin-top:.5rem;padding-top:.75rem;display:flex}.studio-sidebar__project{min-width:0}.studio-sidebar__project>*{width:100%;margin-top:0}.studio-sidebar__host{flex-direction:column;flex:1;min-height:0;display:flex}.studio-sidebar__host:has(.studio-threads,.studio-sidebar__notice)>.studio-sidebar__loading{display:none}.studio-sidebar__loading{flex-direction:column;gap:.75rem;display:flex}.studio-sidebar__back{justify-content:flex-start;gap:.75rem;width:100%;height:2.25rem;padding:.5rem;font-size:.875rem;display:flex}.studio-sidebar--drawer{width:min(15rem,100vw - 2rem);padding-top:max(1.5rem, env(safe-area-inset-top));padding-bottom:max(1rem, env(safe-area-inset-bottom));flex-basis:auto}.studio-sidebar--drawer .studio-sidebar-profile{padding-right:1.5rem}.studio-threads--navigation{flex-direction:column;gap:.5rem;min-width:0;height:100%;min-height:0;display:flex}.studio-sidebar__recent-header{justify-content:space-between;align-items:center;gap:.5rem;min-height:2rem;display:flex}.studio-sidebar__filters{gap:.125rem;display:flex}.studio-sidebar__filters>.button,.studio-sidebar__filter{width:1.75rem;min-width:1.75rem;height:1.75rem;color:var(--studio-muted,var(--muted));justify-content:center;align-items:center;padding:0;display:flex}.studio-sidebar__section-label{color:var(--studio-muted,var(--muted));margin-left:.5rem;font-size:.75rem;font-weight:400}.studio-threads--navigation .studio-threads__list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:.25rem;min-height:0;display:flex;overflow-y:auto}.studio-thread-row{border-radius:var(--radius-lg,.75rem);align-items:center;gap:.125rem;min-width:0;display:flex}.studio-thread-row[data-active=true]{background:var(--shell-nav-active,var(--surface-secondary))}.studio-thread-row:hover{background:var(--shell-nav-hover,var(--surface-secondary))}.studio-thread-row .studio-thread{min-width:0;height:2.25rem;color:inherit;background:0 0;border:none;flex:1;justify-content:flex-start;gap:.75rem;padding:.5rem;display:flex}.studio-thread-row .studio-thread__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.875rem;font-weight:400;display:block;overflow:hidden}.studio-thread-row__menu{width:1.75rem;min-width:1.75rem;height:1.75rem;color:var(--shell-muted,var(--muted));background:0 0;flex-shrink:0;margin-right:.25rem;padding:.25rem}.studio-sidebar__empty{color:var(--muted);padding:.5rem;font-size:.8125rem}.studio-sidebar__tools{flex-direction:column;flex-shrink:0;gap:.125rem;display:flex}.studio-sidebar__tools>.button{justify-content:flex-start;gap:.75rem;width:100%;height:2.25rem;min-height:2.25rem;padding-inline:.5rem;font-size:.875rem;font-weight:400}.studio-sidebar__separator{flex-shrink:0;margin-block:.25rem}.studio-sidebar:focus-visible,.studio-sidebar a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.studio-sidebar *{transition:none!important;animation:none!important}}.studio-sidebar__notice{color:var(--muted);padding:.5rem;font-size:.8125rem;line-height:1.6}
@layer theme;@layer base{.app-sidebar.app-sidebar--navigation,.app-sidebar.app-sidebar--navigation :where(*){font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important}}@layer components{.app-sidebar--navigation{z-index:50;width:240px;max-width:calc(100vw - 52px);height:100dvh;box-shadow:inset -1px 0 0 color-mix(in oklab, var(--foreground) 8%, transparent);color:var(--foreground);letter-spacing:0;visibility:hidden;background:0 0;border:0;flex-direction:column;flex-shrink:0;padding:0;font-size:16px;line-height:24px;transition:width .24s,transform .24s,visibility .24s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app-sidebar--navigation[data-mobile-open=true]{visibility:visible;transform:translate(0)}:is(.dark,[data-theme=dark]) .app-sidebar--navigation{box-shadow:inset -1px 0 0 color-mix(in oklab, var(--foreground) 10%, transparent)}.app-sidebar__header{flex-direction:column;flex-shrink:0;gap:8px;padding:16px 16px 8px;display:flex}.app-sidebar__rail{z-index:1;width:4px;min-width:0;height:100%;box-shadow:none;cursor:ew-resize;background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:0 -2px 0 auto;transform:none}.app-sidebar__profile{width:100%;min-width:0;height:44px;box-shadow:none;background:0 0;border-radius:0;justify-content:flex-start;gap:12px;margin:0;padding:4px;overflow:hidden}.app-sidebar__profile:is(:hover,:active,[data-hovered=true],[data-pressed=true]),.app-sidebar__rail:is(:hover,:active,[data-hovered=true],[data-pressed=true]){background:0 0;transform:none}.app-sidebar__profile-copy{text-align:start;flex-direction:column;min-width:0;display:flex}.app-sidebar__avatar{flex-shrink:0;width:36px;height:36px}.app-sidebar__profile-name,.app-sidebar__profile-email{text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.app-sidebar__profile-name{font-size:14px;line-height:17.5px}.app-sidebar__profile-email{color:var(--muted);font-size:12px;line-height:15px}.app-sidebar__navigation{flex-direction:column;flex:1;gap:4px;min-height:0;padding-inline:12px;display:flex;overflow:hidden auto}.app-sidebar__group{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.app-sidebar__separator{flex-shrink:0;margin-block:8px}.app-sidebar__link{isolation:isolate;border-radius:calc(var(--radius) * 2);width:100%;min-width:0;height:36px;min-height:36px;color:var(--foreground);white-space:nowrap;flex-shrink:0;justify-content:flex-start;align-items:center;gap:12px;padding:6px 8px;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;transition:background-color .16s;display:flex;position:relative;overflow:hidden}.app-sidebar__link:hover{background:var(--default)}.app-sidebar__active-indicator{z-index:0;border-radius:inherit;background:var(--default);pointer-events:none;position:absolute;inset:0}.app-sidebar__link>:not(.app-sidebar__active-indicator){z-index:1;position:relative}.app-sidebar__link:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.app-sidebar__link--active{background:0 0;font-weight:500}.app-sidebar__icon{width:20px;height:20px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:24px;display:flex}.app-sidebar__icon svg{width:16px;height:16px}.app-sidebar__link--active .app-sidebar__icon{color:var(--foreground)}.app-sidebar__label{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;min-width:0;color:inherit;overflow:hidden}.app-sidebar__link>.app-sidebar__label{text-align:start;font-size:14px;font-weight:inherit;flex:1;line-height:20px}.app-sidebar__footer{flex-direction:column;flex-shrink:0;gap:2px;padding:8px 12px 16px;display:flex}.app-sidebar__plan{color:var(--muted);font-size:var(--text-xs);padding:4px 8px 8px;line-height:16px}.app-sidebar__connection{border-radius:50%;flex-shrink:0;width:6px;height:6px}@media (min-width:1024px){.app-sidebar--navigation{z-index:20;visibility:visible;max-width:none;position:relative;transform:none}.app-sidebar--navigation[data-collapsed=true]{width:48px}.app-sidebar--navigation[data-collapsed=true] .app-sidebar__header,.app-sidebar--navigation[data-collapsed=true] .app-sidebar__navigation,.app-sidebar--navigation[data-collapsed=true] .app-sidebar__footer{padding-inline:6px}.app-sidebar--navigation[data-collapsed=true] .app-sidebar__label,.app-sidebar--navigation[data-collapsed=true] .app-sidebar__badge,.app-sidebar--navigation[data-collapsed=true] .app-sidebar__connection{display:none}.app-sidebar--navigation[data-collapsed=true] .app-sidebar__profile,.app-sidebar--navigation[data-collapsed=true] .app-sidebar__link{justify-content:center;gap:0;padding-inline:0}}@media (max-width:1023px){.app-sidebar--navigation{background:var(--background)}}@media (prefers-reduced-motion:reduce){.app-sidebar--navigation,.app-sidebar__link{transition:none}}}@layer utilities;