.workspace{--workspace-sidebar-width:min(var(--sidebar-width), var(--sidebar-max-width))}.workspace[data-sidebar-collapsed=true]{--workspace-sidebar-width:var(--sidebar-rail-width)}.workspace-sidebar{z-index:20;width:var(--workspace-sidebar-width);background:var(--sidebar);border-inline-end:1px solid var(--border);min-height:0;color:var(--muted-foreground);flex-direction:column;padding:12px 10px 10px;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.sidebar-resize-handle{z-index:1;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;width:16px;position:absolute;inset-block:0;inset-inline-end:-8px}.sidebar-resize-handle:after{content:"";background:var(--muted-foreground);opacity:0;pointer-events:none;border-radius:2px;width:3px;height:40px;position:absolute;inset-block-start:50%;inset-inline-start:6px;transform:translateY(-50%)}@media (hover:hover){.sidebar-resize-handle:hover:after{opacity:1}}.sidebar-resize-handle:focus-visible:after,.workspace[data-sidebar-resizing=true] .sidebar-resize-handle:after{opacity:1}.sidebar-resize-handle:focus-visible{box-shadow:none;outline:none}.sidebar-resize-handle:focus-visible:after{outline:1px solid var(--ring);outline-offset:-1px;box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 50%, transparent)}@media (forced-colors:active){.sidebar-resize-handle:focus-visible{outline:none!important}.sidebar-resize-handle:after{background:buttontext}.sidebar-resize-handle:focus-visible:after{outline-offset:2px;outline:2px solid highlight}}.workspace[data-sidebar-resizing=true],.workspace[data-sidebar-resizing=true] *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}.workspace[data-sidebar-resizing=true] iframe{pointer-events:none}.sidebar-header{flex-direction:column;flex-shrink:0;gap:4px;padding-bottom:8px;display:flex}.sidebar-brand-row,.sidebar-control-row,.sidebar-footer-actions{align-items:center;gap:4px;min-width:0;display:flex}.sidebar-brand-row{min-height:40px;margin-bottom:12px}.sidebar-brand-row .brand{letter-spacing:-.4px;min-width:0;color:var(--foreground);gap:7px;padding:4px;font-size:16px}.sidebar-brand-row .brand-mark{border-radius:7px;flex-basis:24px;width:24px;height:24px}.sidebar-brand-row .brand-mark svg{width:17px;height:17px}.workspace-sidebar .sidebar-action{color:var(--muted-foreground)}.workspace-sidebar .sidebar-action:hover{color:var(--foreground)}.workspace-sidebar .sidebar-search,.workspace-sidebar .sidebar-project-trigger,.workspace-sidebar .sidebar-projects-link{flex:1;gap:10px;min-width:0;padding-inline:10px;font-size:13px}.sidebar-control-label{text-overflow:ellipsis;text-align:start;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.workspace-sidebar .sidebar-projects-link{min-height:var(--control-height);flex:none}.sidebar-shortcut{color:var(--muted-foreground);font-size:10px}.sidebar-library-nav{gap:3px;margin-top:8px;display:flex}.workspace-sidebar .sidebar-library-link{flex:1;justify-content:center;gap:6px;width:auto;min-width:0;padding-inline:6px;font-size:11px;position:relative}.workspace-sidebar .sidebar-library-link[aria-current]:after{content:"";background:var(--foreground);border-radius:2px;height:2px;position:absolute;inset-block-end:0;inset-inline:12px}.workspace-sidebar .sidebar-library-link svg{width:14px;height:14px}.sidebar-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;margin-inline:-4px;padding:4px;scroll-padding-block:8px;overflow:hidden auto}.sidebar-document-list{flex-direction:column;gap:4px;display:flex}.workspace-sidebar .sidebar-document{white-space:normal;border-radius:10px;flex-direction:column;justify-content:start;align-items:stretch;gap:7px;height:auto;min-height:78px;padding:12px;scroll-margin-block:8px;font-size:13px;font-weight:400;display:flex;position:relative}.workspace-sidebar .sidebar-document[aria-current=page]:before{content:"";background:var(--foreground);border-radius:2px;width:2px;position:absolute;inset-block:15px;inset-inline-start:0}.sidebar-document-meta{min-width:0;color:var(--muted-foreground);align-items:center;gap:6px;font-size:11px;display:flex}.sidebar-document-project{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-document-meta time{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:10px}.sidebar-document-title{-webkit-line-clamp:2;overflow-wrap:anywhere;color:var(--foreground);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sidebar-empty{padding:24px 12px;font-size:12px}.sidebar-footer{flex-shrink:0;padding-top:8px}.sidebar-footer-actions>:last-child{margin-inline-start:auto}.sidebar-footer-error{overflow-wrap:anywhere;padding:8px 4px}.workspace-sidebar[data-collapsed=true] .sidebar-brand-row .brand,.workspace-sidebar[data-collapsed=true] .sidebar-control-label,.workspace-sidebar[data-collapsed=true] .sidebar-shortcut,.workspace-sidebar[data-collapsed=true] .sidebar-project-trigger>[data-slot=select-value],.workspace-sidebar[data-collapsed=true] .sidebar-project-trigger>svg:last-child,.workspace-sidebar[data-collapsed=true] .sidebar-library-link>span,.workspace-sidebar[data-collapsed=true] .sidebar-content{display:none}.workspace-sidebar[data-collapsed=true] .sidebar-control-row,.workspace-sidebar[data-collapsed=true] .sidebar-library-nav,.workspace-sidebar[data-collapsed=true] .sidebar-footer-actions{flex-direction:column}.workspace-sidebar[data-collapsed=true] .sidebar-search,.workspace-sidebar[data-collapsed=true] .sidebar-project-trigger,.workspace-sidebar[data-collapsed=true] .sidebar-projects-link,.workspace-sidebar[data-collapsed=true] .sidebar-library-link{flex:none;justify-content:center;width:40px;padding-inline:0}.workspace-sidebar[data-collapsed=true] .sidebar-footer{margin-top:auto}.workspace-sidebar[data-collapsed=true] .sidebar-footer-actions>:last-child{margin-inline-start:0}.workspace-sidebar.mobile-sidebar{--control-height:2.75rem;z-index:50;width:min(20rem,100vw - 24px);max-width:none;height:100dvh;max-height:100dvh;padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(10px, env(safe-area-inset-bottom));border-radius:0;gap:0;animation:none;inset-block:0;inset-inline:0 auto;overflow:hidden;transform:none}@media (max-width:820px){.desktop-sidebar{display:none}}
.project-workspace{flex-direction:column;height:100dvh;min-height:0;display:flex}.project-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:14px 32px 0}.project-identity{align-items:center;gap:8px;min-width:0;margin-bottom:12px;display:flex}.project-directory-link[data-slot=button]{color:var(--muted-foreground);padding-inline:0}.project-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.project-sections{flex-wrap:wrap;gap:4px 16px;display:flex}.project-section-link[data-slot=button]{border-radius:6px 6px 0 0;width:auto;height:42px;padding-inline:10px;position:relative}.project-section-link[aria-current]:after{content:"";background:var(--foreground);height:2px;position:absolute;inset-block-end:-1px;inset-inline:10px}.project-workspace>.library-main{flex:1;min-height:0;overflow-y:auto}.project-workspace>.viewer-main{flex:1;height:auto;min-height:0}.project-workspace .design-studio{flex:1;height:0}.page-heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:28px;display:flex}.page-heading h1{letter-spacing:-.04em;font-size:24px;font-weight:600;line-height:1.3}.page-heading p{max-width:60ch;color:var(--muted-foreground);margin-top:8px;font-size:13px}.projects-main{max-width:1280px;padding:32px}.projects-search{justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;display:flex}.projects-search>:first-child{width:min(100%,420px)}.projects-search output{flex-shrink:0}.project-directory{flex-direction:column;display:flex}.project-directory-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding-block:24px;display:flex}.project-directory-identity{align-items:start;gap:14px;min-width:0;display:flex}.project-directory-identity>svg{margin-top:3px}.project-directory-identity h2{overflow-wrap:anywhere;font-size:16px;font-weight:600}.project-directory-identity h2 a:hover{text-underline-offset:3px;text-decoration:underline}.project-directory-identity p{max-width:58ch;color:var(--muted-foreground);overflow-wrap:anywhere;margin-block:6px;font-size:13px}.project-directory-actions{flex-wrap:wrap;gap:8px;max-inline-size:min(100%,28rem);display:flex}.project-directory-actions [data-slot=button]{min-height:36px}:root:fullscreen:has(.viewer-main) .project-header{display:none}@media (max-width:1100px){.project-header{padding-inline:24px}.project-directory-item{flex-direction:column;align-items:stretch;gap:16px}.project-directory-actions{padding-inline-start:34px}}@media (max-width:820px){.project-header{padding:8px 18px 0}.project-identity{margin-bottom:4px}.project-section-link[data-slot=button]{min-height:44px}.projects-main{padding:24px 18px}.page-heading{flex-wrap:wrap;gap:16px}.projects-search{flex-wrap:wrap;gap:12px}.projects-search>:first-child{width:100%}.project-directory-actions [data-slot=button]{min-height:44px}}