.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{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--foreground:var(--sidebar-foreground);--muted-foreground:var(--sidebar-muted);--border:var(--sidebar-border);--muted:var(--sidebar-accent);--accent:var(--sidebar-accent);--input:var(--sidebar-border);--ring:var(--signal);--control-background:var(--display);--shadow-recess:var(--shadow-display);--material-key:var(--material-dark);--material-key-hover:var(--sidebar-accent);--shadow-key:var(--shadow-dark-key);z-index:20;width:var(--workspace-sidebar-width);background:var(--material-dark);min-height:0;box-shadow:var(--shadow-sidebar);border-inline-end:1px solid var(--border);color:var(--muted-foreground);flex-direction:column;padding:16px 12px 12px;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{border-bottom:1px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;gap:8px;padding-bottom:16px;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:4px;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{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}.sidebar-shortcut{color:var(--muted-foreground);font-size:10px}.sidebar-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;margin-inline:-4px;padding:12px 4px;scroll-padding-block:8px;overflow:hidden auto}.sidebar-document-list{flex-direction:column;gap:2px;display:flex}.workspace-sidebar .sidebar-document{border-radius:var(--radius-md);white-space:normal;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}.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{border-top:1px solid var(--sidebar-border);flex-shrink:0;padding-top:12px}.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-content{display:none}.workspace-sidebar[data-collapsed=true]{padding-inline:9px}.workspace-sidebar[data-collapsed=true] .sidebar-control-row,.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{width:var(--control-height);flex:none;justify-content:center;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}}.workspace-sidebar .sidebar-search,.workspace-sidebar .sidebar-project-trigger{border:1px solid var(--display-edge);background:var(--material-display);box-shadow:var(--shadow-display)}.workspace-sidebar .sidebar-search:hover,.workspace-sidebar .sidebar-project-trigger:hover{border-color:var(--sidebar-border)}.workspace-sidebar .sidebar-document[aria-current=page]{background:var(--sidebar-accent);box-shadow:var(--shadow-sidebar-selection)}.workspace-sidebar .sidebar-document:focus-visible{outline-offset:-2px}
.project-workspace{flex-direction:column;height:100dvh;min-height:0;display:flex}.project-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:12px 32px;display:flex}.project-header>[aria-label=Share\ project]{margin-inline-start:auto}.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}.projects-main{max-width:1280px;padding:32px}.projects-search{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--material-body);box-shadow:var(--shadow-panel);justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;padding:16px;display:flex}.projects-search>:first-child{width:min(100%,420px)}.projects-search output{flex-shrink:0}.project-directory{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);flex-direction:column;display:flex;overflow:hidden}.project-directory-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:20px;display:flex}.project-directory-item:last-child{border-bottom:0}.project-directory-identity{align-items:start;gap:14px;min-width:0;display:flex}.project-directory-identity>svg{margin-top:3px}.project-directory-identity h2{font-family:var(--font-sans);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:18px;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}: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{gap:8px;padding:12px 18px}.project-sections [data-slot=button]{padding-inline:8px;font-size:12px}.project-sections svg{display:none}.projects-main{padding:24px 18px}.projects-search{flex-wrap:wrap;gap:12px}.projects-search>:first-child{width:100%}.project-directory-actions [data-slot=button]{min-height:44px}}@media (max-width:460px){.project-header{padding-inline:12px}.project-sections [data-slot=button]{padding-inline:6px;font-size:11px}.project-header>[aria-label=Share\ project]{width:var(--control-height);padding:0}.project-header .sharing-label{display:none}}