.project-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;grid-column-gap:12px;column-gap:12px;align-items:center;margin-bottom:20px;width:100%;max-width:1200px;position:-webkit-sticky;position:sticky;top:0;z-index:80;padding:10px 0;background:var(--color-bg-page)}.project-toolbar:after{content:"";position:absolute;top:100%;left:0;right:0;height:28px;pointer-events:none;background:var(--edge-fade-down);opacity:0;transition:opacity .22s ease}.project-toolbar.toolbar-compact:after{opacity:1}@media (min-width:769px){.project-toolbar:not(.toolbar-narrow){box-sizing:border-box;height:var(--chrome-band-height);padding-top:0;padding-bottom:0;align-items:center}}.project-toolbar.project-toolbar--static,.project-toolbar.project-toolbar--static.toolbar-pinned{position:static}.project-toolbar.toolbar-pinned{position:fixed;top:0;left:calc(var(--sidebar-width) + max(24px, calc((100vw - var(--sidebar-width) - 1200px) / 2)));right:max(24px,calc((100vw - var(--sidebar-width) - 1200px) / 2));max-width:none;width:auto}.project-toolbar-right{grid-column:2;grid-row:1}.project-toolbar-left{grid-column:1;grid-row:1;display:flex;align-items:center;gap:14px;min-width:0;transition:gap .26s cubic-bezier(.4,0,.2,1)}.toolbar-breadcrumb{display:flex;align-items:center;gap:10px;width:100%;max-width:1200px;margin:-32px 0 12px;font-family:var(--font-sans);font-size:14px;font-weight:400;position:-webkit-sticky;position:sticky;top:0;z-index:79;background:var(--color-bg-page);padding-top:32px;max-height:64px;opacity:1;transition:max-height .26s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1),padding .26s cubic-bezier(.4,0,.2,1),margin .26s cubic-bezier(.4,0,.2,1)}.toolbar-breadcrumb a{color:rgba(236,233,224,.55);text-decoration:none;transition:color .15s;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.toolbar-breadcrumb a:hover{color:rgba(236,233,224,1);text-decoration:underline;text-underline-offset:3px}}.toolbar-breadcrumb-current{color:rgba(236,233,224,.85);font-weight:500;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.toolbar-breadcrumb-sep{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;color:rgba(236,233,224,.3);flex-shrink:0}.toolbar-breadcrumb-sep svg{display:block}.toolbar-breadcrumb .bc-sep{color:rgba(236,233,224,.3);font-size:12px}.toolbar-breadcrumb{flex-wrap:nowrap;overflow:hidden}.toolbar-breadcrumb a,.toolbar-breadcrumb-current{min-width:0;flex-shrink:1}@media (max-width:768px){.toolbar-breadcrumb a{max-width:110px}.toolbar-breadcrumb-current{max-width:140px}}@media (max-width:480px){.toolbar-breadcrumb a{max-width:80px}.toolbar-breadcrumb-current{max-width:110px}}.toolbar-title{font-family:var(--font-display);font-size:38px;font-weight:400;line-height:45.6px;color:var(--color-text-primary);letter-spacing:-.01em;white-space:nowrap;min-width:0;max-width:100%;opacity:1;overflow:hidden;text-overflow:ellipsis;transition:max-width .26s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1),font-size .26s cubic-bezier(.4,0,.2,1),line-height .26s cubic-bezier(.4,0,.2,1),margin .26s cubic-bezier(.4,0,.2,1)}.project-toolbar.toolbar-compact .toolbar-title{font-size:var(--wordmark-size);line-height:calc(var(--wordmark-size) * 1.2);max-width:100%;opacity:1;margin:0}.toolbar-title.inline-rename-input{font-family:var(--font-display);font-size:38px;font-weight:400;line-height:45.6px;letter-spacing:-.01em}@media not all and (max-width:768px){.project-toolbar-left{--fit-shrink-min:240px}.project-toolbar .project-toolbar-left .toolbar-title:not(.inline-rename-input){max-width:min(100%,17em)}}@media (max-width:768px){.page-project .project-toolbar-left,.page-workspace .project-toolbar-left{--fit-shrink-min:120px}.page-project .toolbar-title,.page-workspace .toolbar-title{--title-middle-ellipsis:1}.page-project .toolbar-title,.page-workspace .toolbar-title,.project-toolbar--shares .toolbar-title{font-size:var(--wordmark-size);line-height:calc(var(--wordmark-size) * 1.2)}}.new-menu-match-host,.new-menu-match-host>.home-seed-dropzone{display:inline-flex}.new-menu-match-host .home-seed-drop-veil{display:none}.toolbar-title-slot{position:relative;display:flex;align-items:center;min-width:0;max-width:100%}.toolbar-title-slot:after{content:"";position:absolute;inset:-4px -6px;border:1px solid transparent;border-radius:var(--radius-sm);pointer-events:none}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.toolbar-title-slot{cursor:text}.toolbar-title-slot:hover:after{border-color:rgba(236,233,224,.2)}}.toolbar-title-slot:focus-visible{outline:none}.toolbar-title-slot:focus-visible:after{border-color:rgba(236,233,224,.32)}.toolbar-title-slot-editing:after{display:none}.toolbar-count{font-weight:400;font-size:18px;color:var(--color-text-faint)}.project-toolbar-right{display:flex;align-items:center;gap:8px;position:relative}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.toolbar-search-wrap:hover{background:var(--accent-wash-dim)}}.toolbar-search-wrap:focus-within,.toolbar-search-wrap:has(.toolbar-search-input:not(:placeholder-shown)){background:var(--color-surface)}.toolbar-create-btn{display:inline-flex;align-items:center;gap:7px;background:var(--color-accent);border:1px solid var(--color-accent);color:var(--color-accent-text);cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:700;padding:7px 12px 5px;border-radius:var(--radius-sm);white-space:nowrap;transition:color .16s ease-in-out,background .16s ease-in-out,border-color .16s ease-in-out}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.toolbar-create-btn:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-accent-text)}}.toolbar-create-btn:focus-visible{outline:2px solid var(--page-accent,var(--color-accent));outline-offset:2px}.toolbar-create-btn svg{display:block;width:14px;height:14px;flex-shrink:0}.toolbar-create-btn>.toolbar-create-spinner,.toolbar-create-btn>svg{position:relative;top:-1px}.toolbar-create-btn .toolbar-create-chevron{width:12px;height:12px}.toolbar-create-btn:disabled{cursor:progress;opacity:.85}.workspace-view .workspace-eyebrow-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:1200px;margin:0 auto 8px;box-sizing:border-box}.workspace-view .workspace-eyebrow-row .section-eyebrow-wrap{flex:1 1 auto;width:auto;max-width:none;min-width:0;margin:0}.workspace-eyebrow-door{display:inline-flex;align-items:center;flex-shrink:0;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:background-color var(--card-hover-ease),color var(--card-hover-ease)}.workspace-eyebrow-door svg{display:block}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.workspace-eyebrow-door:hover:not(:disabled){background:var(--accent-wash-dim);color:var(--color-text-primary)}}.workspace-eyebrow-door:active:not(:disabled){background:var(--accent-wash-dim)}@media not all and (max-width:640px){.workspace-view .project-list[data-bound=rows]>.card:nth-child(n+9 of .card){display:none}.workspace-view .project-list[data-bound=rows]>.card:nth-child(8 of .card){border-bottom-color:transparent}}@media (max-width:640px){.workspace-view .workspace-list-band[data-bound=phone]>:nth-child(n+5){display:none}.workspace-view .workspace-list-band[data-bound=phone]>.card:nth-child(4 of .card){border-bottom-color:transparent}}.workspace-view .workspace-show-all{--show-all-gap:16px;--show-all-below:28px;display:flex;width:100%;max-width:1200px;margin:var(--show-all-gap) auto var(--show-all-below);box-sizing:border-box}.workspace-view .workspace-section:has(+.workspace-section)>.project-list{margin-bottom:20px}.workspace-view .workspace-section:has(+.workspace-section)>.project-list+.workspace-show-all{margin-top:calc(var(--show-all-gap) - 20px)}.workspace-view .section-collapsed+.workspace-show-all{display:none}.toolbar-create-spinner{width:14px;height:14px;border:2px solid;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.toolbar-search-wrap{position:relative;display:flex;align-items:center;gap:0;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);padding:0 8px;height:32px;box-sizing:border-box;flex:0 0 auto;min-width:0;color:var(--color-text-muted);cursor:pointer;transition:color .16s ease-in-out,border-color .16s ease-in-out,gap .24s cubic-bezier(.16,1,.3,1),padding .24s cubic-bezier(.16,1,.3,1)}.toolbar-search-wrap:focus-within,.toolbar-search-wrap:has(.toolbar-search-input:not(:placeholder-shown)){cursor:default;padding:0 12px}.toolbar-search-icon-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;margin:0;cursor:pointer;color:inherit;font-size:12px}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.toolbar-search-wrap:hover{color:var(--color-text-secondary)}}.toolbar-search-wrap:focus-within{color:var(--color-text-secondary);border-color:var(--color-text-faint)}.toolbar-search-wrap svg{flex-shrink:0;width:14px;height:14px;cursor:pointer;color:var(--color-text-secondary);transition:color .16s ease-in-out}.toolbar-search-wrap:focus-within svg{color:var(--color-text-primary)}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.toolbar-search-wrap:hover svg{color:var(--color-text-primary)}}.toolbar-search-wrap:focus-within,.toolbar-search-wrap:has(.toolbar-search-input:not(:placeholder-shown)){gap:7px}.toolbar-search-input{background:none;border:none;color:var(--color-text-primary);font-family:var(--font-sans);font-size:12px;outline:none;cursor:text;width:0;min-width:0;max-width:0;flex:0 0;padding:0;transition:width .26s cubic-bezier(.16,1,.3,1),max-width .26s cubic-bezier(.16,1,.3,1),padding .24s cubic-bezier(.16,1,.3,1)}.toolbar-search-input::placeholder{color:var(--color-text-muted)}.toolbar-search-wrap:focus-within .toolbar-search-input,.toolbar-search-wrap:has(.toolbar-search-input:not(:placeholder-shown)) .toolbar-search-input{width:165px;min-width:105px;max-width:165px;flex:0 1 165px;padding:0}.toolbar-search-kbd{display:none}.toolbar-sort-wrap{position:relative}.toolbar-sort-btn{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);padding:0 12px;height:32px;box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:12px;font-weight:500;display:flex;align-items:center;gap:7px;transition:color .16s ease-in-out,border-color .16s ease-in-out}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.toolbar-sort-btn:hover{background:var(--accent-wash-dim);color:var(--color-text-primary)}}.toolbar-sort-btn.is-filtered{background:var(--accent-wash-dim);color:var(--color-text-primary);border-color:var(--color-border)}.toolbar-sort-btn.is-filtered .filter-btn-count{color:inherit}.toolbar-sort-btn.menu-open{background:var(--color-surface-elevated);color:var(--color-text-primary)}.toolbar-sort-btn:focus-visible{outline:none;border-color:var(--focus-ring-border);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);color:var(--color-text-primary)}.toolbar-sort-btn svg{display:block;flex-shrink:0}.toolbar-sort-btn>svg{width:14px;height:14px;position:relative;top:-1px}.sort-arrow{font-size:10px}.sort-dir{position:relative;top:-1px;flex-shrink:0;width:14px;height:7px;display:block;transition:color .16s ease-in-out}.sort-dir svg{display:block;width:100%;height:100%}.sort-dir svg path{stroke-width:1.75}.sort-menu-item{position:relative}.sort-menu-dir{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:inherit;display:block}.sort-menu-dir svg{display:block;width:100%;height:100%}.sort-menu-dir svg path{stroke-width:1.75}.toolbar-sort-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-surface);border:1px solid var(--color-surface-2);border-radius:var(--radius-sm);padding:4px;z-index:100;min-width:140px;box-shadow:0 8px 24px rgba(0,0,0,.4)}.sort-menu-item{display:block;width:100%;text-align:left;padding:6px 12px;background:none;border:none;color:var(--color-text-secondary);font-family:var(--font-sans);font-size:12px;cursor:pointer;border-radius:var(--radius-sm);transition:color .16s ease-in-out,background-color var(--card-hover-ease)}.sort-menu-item:focus-visible{background:var(--color-surface-2);color:var(--color-text-primary)}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.sort-menu-item:hover{background:var(--color-surface-2);color:var(--color-text-primary)}}.sort-menu-item.active{background:var(--wash-white-04);color:var(--color-text-bright)}.sort-menu-item.active:focus-visible{background-color:var(--color-surface-2);background-image:linear-gradient(rgba(255,255,255,.04),rgba(255,255,255,.04))}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.sort-menu-item.active:hover{background-color:var(--color-surface-2);background-image:linear-gradient(rgba(255,255,255,.04),rgba(255,255,255,.04))}}.toolbar-sort-menu .filter-check:focus-within{background:var(--color-surface-2);color:var(--color-text-primary)}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.toolbar-sort-menu .filter-check:hover{background:var(--color-surface-2);color:var(--color-text-primary)}}.toolbar-sort-menu .filter-check{transition:color .16s ease-in-out}.card.card-folder{padding:20px 24px;display:flex;flex-direction:column;gap:16px;min-height:100px;position:relative}.card-folder-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-folder-icon>svg:not(.card-shared-icon){width:26px;height:26px}.card-nav-zone{gap:16px;text-decoration:none;color:inherit}.card-folder-body,.card-nav-zone{display:flex;flex-direction:column;min-width:0}.card-folder-body{gap:4px;flex:1 1}.card-folder-name{font-size:14px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-folder-meta{font-size:12px;color:var(--color-text-faint)}.project-list .card.card-folder{flex-direction:row;align-items:center;min-height:60px;padding:10px 16px;gap:14px;border-radius:0;border:1px solid transparent;border-bottom-color:rgba(255,255,255,.04);background:transparent;overflow:hidden}.project-list .card.card-folder:last-child{border-bottom-color:transparent}.project-list .card.card-folder .card-folder-icon{width:40px;height:40px;border-radius:var(--radius-sm);flex-shrink:0}.project-list .card.card-folder .card-folder-icon>svg:not(.card-shared-icon){width:24px;height:24px}.project-list .card.card-folder .card-folder-icon>svg.card-notebook-icon{width:28px;height:28px}.project-list .card.card-folder .card-folder-body{align-self:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:16px;min-width:0;height:auto}.project-list .card.card-folder .card-nav-zone{flex-direction:row;align-items:center;gap:14px;flex:0 1 auto;min-width:0;max-width:min(774px,72%);min-width:209px;cursor:pointer;padding:6px 0;margin:-10px 8px -10px 0;gap:0}@media (max-width:768px){.project-list .card.card-folder .card-nav-zone{min-width:min(209px,calc(100% - 74px))}.project-list .card.card-folder:has(.card-tags:not([data-fit-measured]):not([data-fit-pre=wide]) .tag-overflow-chip) .card-nav-zone,.project-list .card.card-folder:has(.card-tags[data-fit-floor] .tag-overflow-chip) .card-nav-zone{min-width:min(209px,calc(100% - 74px - var(--tag-chip-box, 43px)))}}.project-list .card.card-folder:not(:has(.card-tags .tag-pill,.card-tags .tag-overflow-chip)) .card-nav-zone{min-width:0}.project-list .card.card-folder .card-nav-zone .nav-paint{padding-left:0;padding-right:0}.card-nav-zone:focus-visible{outline:2px solid var(--color-focus-ring,rgba(236,233,224,.4));outline-offset:-2px;border-radius:var(--radius-sm)}.project-list .card.card-folder .card-folder-info{display:flex;flex-direction:column;gap:2px;flex:0 1 auto;min-width:0}.project-list .card.card-folder .card-folder-name{min-width:0;font-size:14px;font-weight:500;color:var(--color-text-primary);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.project-list .card.card-folder .card-folder-meta{font-size:12px;color:var(--color-text-muted);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.project-list .card.card-folder .card-folder-meta.card-folder-meta--workspace{color:var(--color-text-secondary)}.card-meta-updated{cursor:inherit}.project-list .card.card-folder .card-tags.row-halo{height:auto;min-height:0;max-height:none;margin-block:calc(var(--row-halo-v) * -1);-webkit-padding-start:20px;padding-inline-start:20px;-webkit-margin-start:-20px;margin-inline-start:-20px;-webkit-padding-end:20px;padding-inline-end:20px;-webkit-margin-end:-20px;margin-inline-end:-20px}.project-list .card.card-folder .card-tags{display:flex;flex:0 1 auto;max-width:60%;margin-top:0;height:24px;min-height:24px;max-height:24px;min-width:0;align-items:center;justify-content:flex-start;direction:ltr;overflow:hidden;flex-wrap:nowrap}.project-list .card.card-folder .card-tags[data-fit-hidden]{display:none}.project-list .card.card-folder .card-folder-body[data-tag-floor],.project-list .card.card-folder .card-tags[data-fit-floor]{min-width:min-content}.project-list .card.card-folder .card-tags:not([data-fit-measured]){flex-wrap:wrap;align-content:flex-start;max-height:24px;overflow:hidden;min-width:min-content}.card-tags:not([data-fit-measured]) .tag-chip-more,.project-list .card.card-folder .card-tags:not([data-fit-measured]) .tag-pill{display:none}.card-tags:not([data-fit-measured]) .tag-chip-total{display:inline}.project-list .card.card-folder .card-tags[data-fit-pre=wide]:not([data-fit-measured]){min-width:0}.project-list .card.card-folder .card-tags[data-fit-pre=wide]:not([data-fit-measured]) .tag-pill{display:inline-flex}.card-tags[data-fit-pre=wide]:not([data-fit-measured]) .tag-chip-more{display:inline}.card-tags[data-fit-pre=wide]:not([data-fit-measured]) .tag-chip-placeholder,.card-tags[data-fit-pre=wide]:not([data-fit-measured]) .tag-chip-total,.tag-overflow-chip .tag-chip-total{display:none}.tag-overflow-chip .tag-chip-more{display:inline}.tag-overflow-chip-compact .tag-chip-more{display:none}.tag-overflow-chip-compact .tag-chip-total{display:inline}.project-list .card.card-folder .card-tags>*{flex-shrink:0}.project-list .card.card-folder .card-tags .card-add-tag:not(:first-child){margin-left:8px}.project-list .card.card-folder .card-hover-actions.row-halo{-webkit-padding-end:20px;padding-inline-end:20px;-webkit-margin-end:-20px;margin-inline-end:-20px}.project-list .card.card-folder{--row-gutter:24px;--row-gutter-left:17px;border-right-width:0;padding-right:var(--row-gutter);border-left-width:0;padding-left:var(--row-gutter-left)}body[data-favorites-ui] .project-list .card.card-folder{--row-gutter-left:var(--row-gutter)}.project-list .card.card-folder .card-gutter-guard{position:absolute;left:0;top:0;bottom:0;width:var(--row-gutter-left);margin:0;padding:0}.card-add-tag{font-size:12px;position:relative;width:22px;height:22px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .15s ease,color .15s ease,background-color var(--card-hover-ease)}.card-add-tag.menu-open,.design-card:focus-within .card-add-tag,.design-card:hover .card-add-tag,.project-list .card.card-folder:hover .card-add-tag{opacity:1;pointer-events:auto}@media (any-pointer:coarse),(hover:none){.card-add-tag{opacity:1;pointer-events:auto}.card-add-tag:after{content:"";position:absolute;inset:-5px}}.card-add-tag.menu-open,.card-add-tag:focus-visible{background-color:var(--accent-wash-dim);color:var(--color-text-primary)}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.card-add-tag:hover{background-color:var(--accent-wash);color:var(--color-text-primary)}}.card-add-tag svg{display:block}.project-list .card.card-folder .card-folder-icon[role=button]{cursor:pointer;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease}.project-list .card.card-folder .card-folder-icon[role=button].menu-open{background-color:var(--wash-cream-06);border-color:var(--color-border-soft)}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.project-list .card.card-folder .card-folder-icon[role=button]:hover{background-color:var(--wash-cream-06);border-color:var(--color-border-soft)}.project-list .card.card-folder .card-tags .tag-pill-clickable:hover{outline-color:transparent;transform:none;filter:saturate(.95) brightness(1.12)}}.project-list .card.card-folder .card-tags .tag-overflow-chip:focus-visible,.project-list .card.card-folder .card-tags .tag-pill-clickable:not(.active):focus-visible{background-image:linear-gradient(rgba(236,233,224,.09),rgba(236,233,224,.09))}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.project-list .card.card-folder .card-tags .tag-overflow-chip:hover,.project-list .card.card-folder .card-tags .tag-pill-clickable:not(.active):hover{background-image:linear-gradient(rgba(236,233,224,.09),rgba(236,233,224,.09))}}.project-list .card.card-folder .card-tags .tag-overflow-chip{transition:color .12s,border-color .12s,background-color var(--card-hover-ease)}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.hover-pill.tag-run-pill{background:rgba(236,233,224,.09)}}.project-list .card.card-folder .card-tags:empty{display:flex;flex:0 0 auto;width:0;height:24px;min-height:24px}.project-list .card.card-folder .card-dots{position:static}.project-list .card.card-folder .card-dots.menu-open{background:var(--wash-white-05);color:var(--color-text-primary)}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.project-list .card.card-folder .card-dots:hover{background:var(--wash-white-05);color:var(--color-text-primary)}}.card.card-design{padding:0;gap:0;overflow:hidden;display:flex;flex-direction:column;position:relative;cursor:pointer}.card-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:2}.card-action-btn{background:var(--scrim-black-50);border:none;border-radius:var(--radius-sm);padding:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.card-action-btn:hover{color:var(--color-text-primary);background:var(--scrim-black-70)}}.card-action-btn svg{width:16px;height:16px}.card-dots{position:absolute;top:8px;right:8px;background:var(--scrim-black-30);border:none;border-radius:var(--radius-sm);padding:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.card.card-design:has(.card-actions) .card-dots{display:none!important}.project-list .card.card-design:has(.card-actions) .card-dots{display:flex!important}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.card-dots:hover{color:var(--color-text-primary);background:var(--scrim-black-50)}}.design-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px;width:100%;max-width:1200px;margin:0 auto 20px;position:relative;isolation:isolate;list-style:none;padding:0;align-items:start}@media (max-width:1024px){.design-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.design-card-grid{grid-template-columns:1fr;gap:16px}}.design-card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--color-surface);border:1px solid rgba(236,233,224,.08);border-radius:var(--radius-xs);overflow:hidden;container-type:inline-size;container-name:design-card;transition:border-color .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)}.design-card.design-card-menu-open,.design-card:focus-visible{border-color:rgba(236,233,224,.2)}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.design-card:hover{border-color:rgba(236,233,224,.2)}.design-card{transition:border-color var(--card-hover-ease),opacity .15s cubic-bezier(.4,0,.2,1)}.design-card .design-card-body{transition:background-color var(--card-hover-ease)}.design-card.design-card-menu-open .design-card-body,.design-card:hover .design-card-body{background-color:var(--wash-cream-05)}}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.design-card:hover .design-card-tags .tag-overflow-chip:not(.has-active):not(.menu-open):not(:hover):not(:focus-visible):before,.design-card:hover .design-card-tags .tag-pill:not(.active):not(:hover):not(:focus-visible):before{background:var(--wash-cream-06)}}.design-card.design-card-selected{border-color:rgba(236,233,224,.3);background:color-mix(in srgb,var(--color-surface) 84%,var(--color-text-primary) 16%);box-shadow:none}.design-card.design-card-archived{opacity:.55}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.design-card.design-card-archived:hover{opacity:.85}}.design-card-thumb{position:relative;width:100%;aspect-ratio:3/2;background:var(--color-bg-page);overflow:hidden}.design-card-thumb-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#ECE9E0;opacity:1;will-change:opacity}.design-card-thumb-placeholder svg{width:60%;height:60%;max-width:180px;max-height:120px}.design-card-thumb.has-thumb .design-card-thumb-placeholder{opacity:0}.design-card-thumb-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(24px) saturate(1.05);transform:scale(1.1);opacity:0;will-change:opacity;pointer-events:none}.design-card-thumb-bg.is-loaded{opacity:.55}.design-card-thumb.transitions-armed .design-card-thumb-bg,.design-card-thumb.transitions-armed .design-card-thumb-img,.design-card-thumb.transitions-armed .design-card-thumb-placeholder{transition:opacity .4s cubic-bezier(.4,0,.2,1)}.design-card-thumb.has-thumb:after{content:"";position:absolute;inset:0;background:var(--scrim-void-32);pointer-events:none;z-index:1}.design-card-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;will-change:opacity;z-index:2}.design-card-thumb-img.is-loaded{opacity:1}.design-card-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:2}.design-card-action{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface);border:none;border-radius:var(--radius-xs);color:var(--color-text-muted);cursor:pointer;padding:0;opacity:0;transform:translateY(-2px);transition:opacity .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),color .12s cubic-bezier(.4,0,.2,1)}.design-card-action:focus-visible,.design-card.design-card-menu-open .design-card-action-menu{background-image:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05));color:var(--color-text-primary)}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.design-card-action:hover{background-image:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05));color:var(--color-text-primary)}}.design-card-action svg{display:block}.design-card.design-card-menu-open .design-card-action,.design-card:focus-within .design-card-action,.design-card:hover .design-card-action{opacity:1;transform:translateY(0)}@media (any-pointer:coarse),(hover:none){.design-card-action{opacity:1;transform:translateY(0)}}.design-card-action-menu{opacity:1;transform:translateY(0)}.design-card-action-fav.is-favorited{opacity:1;transform:translateY(0);color:var(--favorite);background-color:var(--color-surface);background-image:linear-gradient(var(--favorite-bg),var(--favorite-bg))}.design-card-action-fav.is-favorited:focus-visible{background-image:linear-gradient(rgba(184,132,61,.16),rgba(184,132,61,.16));color:var(--favorite)}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.design-card-action-fav.is-favorited:hover{background-image:linear-gradient(rgba(184,132,61,.16),rgba(184,132,61,.16));color:var(--favorite)}}.design-card-body{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px;min-width:0}.design-card-body-row{display:flex;align-items:center;gap:8px;min-width:0}.design-card-name,.design-card-name.inline-rename-input{font-size:15px;font-weight:700}.design-card-name{flex:1 1 auto;min-width:0;font-family:var(--font-sans);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design-card-meta{font-family:var(--font-sans);font-size:12px;color:var(--color-text-secondary)}.design-card-meta-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;height:22px;min-width:0}.design-card-meta-row .design-card-meta{flex:0 0 auto;white-space:nowrap}.design-card-tags{display:flex;justify-content:flex-end;flex:0 1 auto;min-width:0}.design-card-tags-count,.design-card-tags-pills{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.design-card-tags-count{display:none}@container design-card (max-width: 360px){.design-card-tags-pills{display:none}.design-card-tags-count{display:flex}}@media (max-width:600px){.design-card-tags-pills{display:none}.design-card-tags-count{display:flex}}.design-card-tags .tag-overflow-chip,.design-card-tags .tag-pill{position:relative;isolation:isolate;height:auto;min-width:0;padding:8px;margin:-5px 0;border:none;border-radius:0;background:none;font-size:12.5px;font-weight:500;line-height:16px;color:var(--color-text-secondary);transition:color var(--card-hover-ease)}.design-card-tags .tag-overflow-chip:before,.design-card-tags .tag-pill:before{content:"";position:absolute;inset:5px 0;z-index:-1;border:1px solid var(--wash-white-04);border-radius:var(--radius-sm);background:var(--wash-cream-03);transition:background-color var(--card-hover-ease),box-shadow var(--card-hover-ease)}.design-card-tags .tag-pill{flex:0 1 auto;max-width:140px;gap:6px}.design-card-tags .tag-pill-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-card-tags .tag-overflow-chip{flex:0 0 auto;justify-content:flex-start}.design-card-tags .tag-pill-clickable:active,.design-card-tags .tag-pill-clickable:hover{transform:none;filter:none}.design-card-tags .tag-overflow-chip.menu-open,.design-card-tags .tag-overflow-chip:focus-visible,.design-card-tags .tag-pill-clickable:focus-visible{color:var(--color-text-light);background:none}.design-card-tags .tag-overflow-chip.menu-open:before,.design-card-tags .tag-overflow-chip:focus-visible:before,.design-card-tags .tag-pill-clickable:focus-visible:before{background:var(--wash-cream-10)}.design-card-tags .tag-overflow-chip:focus-visible:before,.design-card-tags .tag-pill-clickable:focus-visible:before{box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.design-card-tags .tag-overflow-chip:hover,.design-card-tags .tag-pill-clickable:hover{color:var(--color-text-light)}.design-card-tags .tag-overflow-chip:hover:before,.design-card-tags .tag-pill-clickable:hover:before{background:var(--wash-cream-10)}}.design-card-tags .tag-overflow-chip.has-active:before,.design-card-tags .tag-pill-clickable.active:before{background:var(--user-accent-wash);border-color:var(--color-text-light)}.design-card-tags .tag-overflow-chip.has-active,.design-card-tags .tag-pill-clickable.active{color:var(--color-text-primary)}@media (any-pointer:coarse),(hover:none){.design-card-tags .tag-overflow-chip,.design-card-tags .tag-pill{padding:14px 8px;margin:-11px 0}.design-card-tags .tag-overflow-chip{justify-content:center}.design-card-tags .tag-overflow-chip:before,.design-card-tags .tag-pill:before{inset:11px 0}.design-card-tags .tag-overflow-chip:after,.design-card-tags .tag-pill:after{content:"";position:absolute;inset:0 min(0px,calc(50% - 22px))}}@media (prefers-reduced-motion:reduce){.design-card,.design-card-action,.design-card-thumb-img,.design-card-thumb-placeholder{transition:none}}@media (max-width:640px){.workspace-view .design-card .design-card-action-menu{position:relative}.workspace-view .design-card .design-card-action-menu:before{content:"";position:absolute;inset:-8px}}@keyframes workspace-filter-arrive{0%{opacity:0}}.workspace-view .is-filter-arriving{animation:workspace-filter-arrive var(--filter-fade-ms) ease-out backwards}.workspace-view .is-filter-arriving--after{animation-delay:var(--filter-fade-ms)}.workspace-view .is-filter-leaving{pointer-events:none}.workspace-view .design-card.is-filter-leaving{opacity:0;transition:border-color .15s cubic-bezier(.4,0,.2,1),opacity var(--filter-fade-ms) ease-in}.workspace-view .project-list .card.is-filter-leaving{opacity:0;max-height:0!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;border-top-width:0;border-bottom-width:0;overflow:hidden;transition:border-color .08s ease-out,opacity var(--filter-fade-ms) ease-in,max-height var(--filter-fade-ms) ease-in,min-height var(--filter-fade-ms) ease-in,padding var(--filter-fade-ms) ease-in,margin var(--filter-fade-ms) ease-in,border-width var(--filter-fade-ms) ease-in}.workspace-view .section-eyebrow-wrap.is-filter-leaving{opacity:0;max-height:0;margin-bottom:0;transition:opacity var(--filter-fade-ms) ease-in,max-height var(--filter-fade-ms) ease-in,margin-bottom var(--filter-fade-ms) ease-in}@keyframes workspace-filter-open-row{0%{opacity:0;max-height:0;min-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;border-top-width:0;border-bottom-width:0}}@keyframes workspace-filter-open-eyebrow{0%{opacity:0;max-height:0;margin-bottom:0}}.workspace-view .project-list .card.is-filter-arriving{overflow:hidden;animation:workspace-filter-open-row var(--filter-fade-ms) ease-out backwards}.workspace-view .section-eyebrow-wrap.is-filter-arriving{animation:workspace-filter-open-eyebrow var(--filter-fade-ms) ease-out backwards}.workspace-view .project-list .card.is-filter-arriving.is-filter-arriving--after,.workspace-view .section-eyebrow-wrap.is-filter-arriving.is-filter-arriving--after{animation-delay:var(--filter-fade-ms)}@keyframes workspace-filter-miss-close{0%{grid-template-rows:1fr;opacity:1}}.workspace-view .workspace-filter-miss-hold{align-self:stretch;display:grid;grid-template-rows:0fr;opacity:0;pointer-events:none;animation:workspace-filter-miss-close var(--filter-fade-ms) ease-in backwards}.workspace-view .workspace-filter-miss-hold>div{min-height:0;overflow:hidden}.workspace-view .workspace-filter-miss-hold .filter-miss{animation:none}.workspace-view .filter-miss,.workspace-view .filter-strip .tag-pill{animation:workspace-filter-arrive var(--filter-fade-ms) ease-out backwards}.workspace-view .card-tags .tag-overflow-chip,.workspace-view .card-tags .tag-pill-clickable{transition:filter .12s,background-color var(--filter-fade-ms) ease-in-out,border-color var(--filter-fade-ms) ease-in-out,color var(--filter-fade-ms) ease-in-out}.workspace-view .design-card-tags .tag-overflow-chip,.workspace-view .design-card-tags .tag-pill-clickable{transition:color var(--filter-fade-ms) ease-in-out}.workspace-view .design-card-tags .tag-overflow-chip:before,.workspace-view .design-card-tags .tag-pill-clickable:before{transition:background-color var(--filter-fade-ms) ease-in-out,border-color var(--filter-fade-ms) ease-in-out,box-shadow var(--card-hover-ease)}@media (prefers-reduced-motion:reduce){.workspace-view .filter-miss,.workspace-view .filter-strip .tag-pill,.workspace-view .is-filter-arriving,.workspace-view .project-list .card.is-filter-arriving,.workspace-view .section-eyebrow-wrap.is-filter-arriving,.workspace-view .workspace-filter-miss-hold{animation:none}.workspace-view .card-tags .tag-overflow-chip,.workspace-view .card-tags .tag-pill-clickable,.workspace-view .design-card-tags .tag-overflow-chip,.workspace-view .design-card-tags .tag-overflow-chip:before,.workspace-view .design-card-tags .tag-pill-clickable,.workspace-view .design-card-tags .tag-pill-clickable:before,.workspace-view .design-card.is-filter-leaving,.workspace-view .is-filter-leaving,.workspace-view .project-list .card.is-filter-leaving,.workspace-view .section-eyebrow-wrap.is-filter-leaving{transition:none}}