@layer components{.studio-shell{background:var(--background);min-width:0;color:var(--foreground)}.studio-header{z-index:50;border-bottom:1px solid var(--border-subtle);letter-spacing:.4px;align-items:center;gap:0;width:100%;height:56px;padding:0;transition:background-color .15s;display:flex;position:sticky;top:0}.studio-header.opaque{background:var(--background)}.studio-header-brand,.studio-brand{align-items:center;display:flex}.studio-brand{white-space:nowrap;gap:8px;font-size:16px;font-weight:600;line-height:24px}.studio-brand img{flex:none}.studio-header-brand{background:var(--sidebar);border-right:1px solid var(--border-subtle);flex:none;justify-content:space-between;width:200px;height:56px;padding-inline:16px}.studio-sidebar-toggle{color:var(--muted-foreground);border-radius:6px;place-items:center;width:28px;height:32px;display:grid}.studio-sidebar-toggle svg{width:18px;height:18px}.studio-sidebar-toggle:hover{color:var(--foreground);background:var(--accent)}.studio-sidebar-item:focus-visible,.studio-sidebar-toggle:focus-visible,.studio-menu-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.navigation-collapsed .studio-header-brand{width:56px;padding-inline:14px}.navigation-collapsed .studio-header-brand .studio-brand{display:none}.navigation-collapsed .studio-sidebar{width:56px;padding-inline:8px}.navigation-collapsed .studio-sidebar-item{justify-content:center;padding-inline:0}.navigation-collapsed .studio-sidebar-item>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.studio-menu-toggle{margin-right:12px;padding:0;display:none}.studio-menu-toggle svg{width:16px;height:16px}.studio-shell-columns{align-items:start;height:calc(100dvh - 56px);display:flex}.studio-sidebar{background:var(--sidebar);border-right:1px solid var(--border-subtle);scrollbar-width:thin;scrollbar-color:#1d2127 transparent;flex-direction:column;flex-shrink:0;width:200px;height:100%;padding:7px 12px 0;display:flex;overflow:visible}.studio-sidebar::-webkit-scrollbar{width:4px}.studio-main-scroll::-webkit-scrollbar{width:4px}.studio-sidebar::-webkit-scrollbar-thumb{background:#1d2127;border-radius:4px}.studio-main-scroll::-webkit-scrollbar-thumb{background:#1d2127;border-radius:4px}.studio-sidebar-groups{flex-direction:column;flex:1;gap:16px;min-height:0;padding-bottom:16px;display:flex;overflow-y:auto}.studio-sidebar-account{--radius-card:16px;--radius-badge:9999px;flex:none;padding-block:12px}.studio-sidebar-item{width:100%;min-height:34px;color:var(--secondary-foreground);text-align:left;border-radius:9999px;align-items:center;gap:10px;padding:7px 12px;font-size:14px;line-height:20px;transition:background-color .15s;display:flex}.studio-sidebar-item+.studio-sidebar-item{margin-top:2px}.studio-sidebar-item svg{flex-shrink:0;width:18px;height:18px}.studio-sidebar-item>span{white-space:nowrap}.studio-sidebar-item:hover{background:var(--accent);color:var(--foreground)}.studio-sidebar-item.active{background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 16%, transparent), transparent);color:var(--primary)}.studio-sidebar-item.active svg{color:var(--primary)}.studio-sidebar-item small{color:#88caff;white-space:nowrap;background:#183c58;border-radius:2px;padding:1px 6px;font-size:12px;line-height:18px}.studio-main-scroll{overscroll-behavior:contain;flex:1;min-width:0;height:100%;position:relative;overflow:hidden auto}.studio-mobile-navigation{display:none}.studio-footer{border-top:1px solid var(--border-subtle);margin-top:14px}.studio-footer-container{max-width:var(--section-max-width);padding:24px var(--section-gutter);margin-inline:auto}.studio-main-scroll:has(.home-generator)>.studio-footer{padding-bottom:96px}.studio-footer-columns{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:20px;display:grid}.studio-footer-column{flex-direction:column;gap:16px;min-width:0;padding-top:0;display:flex}.studio-footer-column strong{color:var(--foreground);font-size:14px;font-weight:600;line-height:20px}.studio-footer-column ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.studio-footer-column li{color:var(--secondary-foreground);font-size:14px;line-height:20px}.studio-footer-column li a:hover,.studio-footer-column li button:hover{color:var(--foreground)}.studio-copyright{text-align:left;color:var(--muted-foreground);padding-top:24px;font-size:14px;line-height:20px}@media (width>=769px){.studio-shell{grid-template-rows:56px minmax(0,1fr);grid-template-columns:200px minmax(0,1fr);height:100dvh;display:grid}.studio-shell.navigation-collapsed{grid-template-columns:56px minmax(0,1fr)}.studio-header{grid-area:1/1}.studio-shell-columns{display:contents}.studio-sidebar{grid-area:2/1;min-height:0}.studio-main-scroll{grid-area:1/2/3;min-height:0}}@media (width>=1024px){.studio-brand{font-size:16px}}@media (width<=768px){.studio-header{background:var(--background);border-bottom:1px solid var(--border);gap:8px;height:56px;padding-inline:16px}.studio-header-brand,.navigation-collapsed .studio-header-brand{background:0 0;border:0;width:auto;padding-inline:0}.navigation-collapsed .studio-header-brand .studio-brand{display:flex}.studio-sidebar-toggle{display:none}.studio-menu-toggle{display:flex}.studio-menu-toggle svg{width:20px;height:20px}.studio-shell-columns{height:auto;display:block}.studio-shell-columns>.studio-sidebar{display:none}.studio-main-scroll{height:auto;overflow:visible}.studio-mobile-navigation{z-index:45;background:var(--background);display:block;position:fixed;inset:56px 0 0;overflow-y:auto}.studio-sidebar.mobile{width:100%;height:100%;min-height:0;padding:16px;overflow:visible}.studio-sidebar.mobile .studio-sidebar-groups{width:100%}.studio-sidebar.mobile .studio-sidebar-item{justify-content:start;min-height:44px;padding-inline:16px}.studio-sidebar.mobile .studio-sidebar-item>span{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.studio-footer-container{padding-block:24px}.studio-footer-columns{grid-template-columns:1fr 1fr;gap:12px}.studio-footer-column{min-width:0}}}