.project-section{gap:20px;display:grid}.project-section__header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.project-section__header>div:first-child{gap:5px;display:grid}.project-section__header h2{margin:0;font-size:20px;line-height:1.25}.project-section__header span{color:var(--sm-text-secondary);font-size:13px}.project-section__commands{align-items:center;gap:14px;display:flex}.project-section__commands a{color:var(--sm-text-secondary);align-items:center;gap:5px;font-size:13px;display:inline-flex}.project-section__commands a:hover{color:var(--sm-text)}.project-section__commands svg,.sm-button>svg{width:16px;height:16px}.project-section__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.project-card{min-width:0;position:relative}.project-create-card,.project-card__action{width:100%;min-width:0;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-rows:minmax(0,1fr) 43px;gap:10px;padding:0;display:grid}.project-create-card{color:var(--sm-text-secondary)}.project-create-card__preview,.project-card__preview{aspect-ratio:16/10;width:100%;min-width:0}.project-create-card__preview{transition:border-color var(--sm-motion-fast),background var(--sm-motion-fast);background:rgba(255,255,255,.024);border:1px dashed rgba(255,255,255,.13);border-radius:15px;place-items:center;display:grid}.project-create-card__meta{align-content:start;padding:0 2px;font-size:14px;font-weight:560;line-height:21px}.project-create-card:hover .project-create-card__preview{border-color:var(--sm-border-strong);background:rgba(255,255,255,.05)}.project-create-card:hover{color:var(--sm-text)}.project-create-card:focus-visible{color:var(--sm-text)}.project-card__action{color:var(--sm-text);position:relative}.project-card__action:disabled{cursor:wait}.project-card__preview{aspect-ratio:16/10;transition:border-color var(--sm-motion-fast),background var(--sm-motion-fast);background:#171719;border:1px solid rgba(255,255,255,.06);border-radius:15px;display:block;position:relative;overflow:hidden}.project-card__preview img{object-fit:cover;width:100%;height:100%;transition:transform var(--sm-motion-panel)var(--sm-ease-out)}.project-card__placeholder{color:#57575e;background:#171719;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.project-card__placeholder .sm-semantic-icon,.project-card__placeholder .sm-semantic-icon__asset{z-index:2;width:28px;height:28px}.project-card__placeholder .sm-semantic-icon{flex-basis:28px}.project-card__placeholder i{display:none}.project-card__meta{gap:4px;min-width:0;padding:0 2px;display:grid}.project-card__meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.project-card__meta small{color:var(--sm-text-secondary);font-size:12px}.project-card__arrow{opacity:0;width:28px;height:28px;transition:opacity var(--sm-motion-fast),transform var(--sm-motion-panel)var(--sm-ease-out);background:rgba(8,8,10,.76);border-radius:9px;padding:6px;position:absolute;top:12px;right:50px;transform:translate(-3px,3px)}.project-card__delete{z-index:3;opacity:0;width:30px;height:30px;transition:opacity var(--sm-motion-fast),background var(--sm-motion-fast);background:rgba(8,8,10,.78);border-color:rgba(255,255,255,.1);border-radius:9px;position:absolute;top:12px;right:12px}.project-card:hover .project-card__delete{opacity:1}.project-card__delete:focus-visible{opacity:1}.project-card__delete:hover:not(:disabled){background:rgba(104,30,38,.84);border-color:rgba(255,120,128,.45)}.project-card__delete .sm-semantic-icon,.project-card__delete .sm-semantic-icon__asset{width:16px;height:16px}.project-card__action:hover .project-card__arrow{opacity:1;transform:none}.project-card__action:hover .project-card__preview{border-color:rgba(255,255,255,.14)}.project-card__action:hover .project-card__preview img{transform:scale(1.015)}.project-card--skeleton{background:#171719;border-radius:15px;min-height:180px;animation:1.4s ease-in-out infinite alternate project-skeleton}.project-section__state{border:1px dashed var(--sm-border);border-radius:var(--sm-radius-card);min-height:180px;color:var(--sm-text-secondary);grid-column:span 2;justify-content:center;align-items:center;gap:12px;display:flex}.project-dialog-layer{z-index:400;background:var(--sm-overlay);animation:project-layer-in var(--sm-motion-panel)var(--sm-ease-standard);place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.project-dialog{border:1px solid var(--sm-border);border-radius:var(--sm-radius-modal);background:var(--sm-surface);width:min(100%,480px);box-shadow:var(--sm-shadow-panel);animation:project-dialog-in var(--sm-motion-panel)var(--sm-ease-out);padding:24px}.project-dialog>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.project-dialog h2,.project-dialog p{margin:0}.project-dialog h2{font-size:20px}.project-dialog header p{color:var(--sm-text-secondary);margin-top:6px;font-size:13px}.project-dialog form{margin-top:24px;display:grid}.project-dialog label{color:var(--sm-text-secondary);margin-bottom:8px;font-size:13px}.project-dialog input{border:1px solid var(--sm-border);border-radius:var(--sm-radius-control);background:var(--sm-bg-elevated);height:48px;color:var(--sm-text);outline:none;padding:0 15px}.project-dialog input:focus{border-color:var(--sm-accent-strong);box-shadow:0 0 0 3px rgba(255,255,255,.08)}.project-dialog__feedback{min-height:38px;padding-top:7px}.project-dialog__feedback p{color:var(--sm-danger);font-size:13px}.project-dialog footer{justify-content:flex-end;gap:8px;display:flex}.project-dialog__spinner{animation:.8s linear infinite project-spin}@keyframes project-spin{to{transform:rotate(360deg)}}@keyframes project-layer-in{0%{opacity:0}}@keyframes project-dialog-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes project-skeleton{to{background:var(--sm-surface-hover)}}@media (max-width:1100px){.project-section__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.project-section__header{align-items:flex-start}.project-section__commands .sm-button{padding-left:12px;padding-right:12px}.project-section__commands a{display:none}.project-section__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:460px){.project-section__grid{grid-template-columns:1fr;gap:16px}}@media (prefers-reduced-motion:reduce){.project-create-card:hover,.project-card__preview img,.project-card__arrow,.project-dialog,.project-dialog-layer,.project-card--skeleton{animation:none;transform:none}}.workspace-view{width:min(100%,var(--sm-content-max));gap:38px;margin:0 auto;padding:52px 40px 96px;display:grid}.workspace-view__heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.workspace-view__heading h1,.workspace-view__heading p{margin:0}.workspace-view__heading h1{font-size:30px;font-weight:620}.workspace-view__heading p{color:var(--sm-text-secondary);margin-top:7px;font-size:14px}.workspace-view__tabs{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:14px;gap:4px;padding:4px;display:inline-flex}.workspace-view__tabs button{height:36px;color:var(--sm-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;padding:0 16px}.workspace-view__tabs button[aria-selected=true]{color:var(--sm-text);background:rgba(255,255,255,.08)}.workspace-projects{gap:22px;display:grid}.workspace-projects__toolbar{grid-template-columns:minmax(220px,1fr) auto auto auto auto;align-items:center;gap:12px;display:grid}.workspace-projects__search input:disabled,.workspace-projects__toolbar select:disabled{cursor:not-allowed;opacity:.55}.workspace-projects__search{align-items:center;min-width:0;display:flex;position:relative}.workspace-projects__search>.workspace-projects__search-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.workspace-projects__search>.sm-semantic-icon{z-index:1;pointer-events:none;width:20px;height:20px;position:absolute;left:13px}.workspace-projects__search input,.workspace-projects__toolbar select{border-radius:var(--sm-radius-control);height:44px;color:var(--sm-text);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);outline:none}.workspace-projects__search input{width:100%;padding:0 14px 0 42px}.workspace-projects__toolbar select{padding:0 36px 0 13px}.workspace-projects__search input:focus{border-color:var(--sm-border-strong);box-shadow:0 0 0 3px rgba(255,255,255,.06)}.workspace-projects__toolbar select:focus-visible{border-color:var(--sm-border-strong);box-shadow:0 0 0 3px rgba(255,255,255,.06)}.workspace-projects__view-mode{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:14px;gap:2px;height:44px;padding:2px;display:inline-flex}.workspace-projects__view-mode .sm-icon-button{width:38px;height:38px}.workspace-projects__toolbar>.sm-button{height:44px}.workspace-projects__view-mode [aria-pressed=true]{color:var(--sm-text);background:rgba(255,255,255,.08)}.workspace-projects__content{gap:22px 20px;display:grid}.workspace-projects__content--grid{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace-projects__content--list{grid-template-columns:1fr}.workspace-projects__content--list .project-card{min-height:90px}.workspace-projects__content--list .project-card__action{grid-template-rows:1fr;grid-template-columns:124px minmax(0,1fr)}.workspace-projects__content--list .project-card__preview{aspect-ratio:auto;min-height:78px}.workspace-projects__content--list .project-card__meta{align-content:center;padding-left:18px;padding-right:18px}.workspace-projects__create,.workspace-view__empty{border:1px dashed var(--sm-border);border-radius:var(--sm-radius-card);min-height:220px;color:var(--sm-text-secondary);background:0 0;align-content:center;justify-items:center;gap:12px;display:grid}.workspace-projects__create{font:inherit;cursor:pointer}.workspace-projects__create:hover{border-color:var(--sm-border-strong);color:var(--sm-text)}.workspace-projects__create svg{width:28px}.workspace-projects__loading{min-height:220px;color:var(--sm-text-tertiary);grid-column:1/-1;justify-content:center;align-items:center;gap:10px;display:flex}.workspace-projects__loading svg{width:18px;animation:.8s linear infinite project-spin}.workspace-projects__trash-list{grid-column:1/-1;margin:0;padding:0;list-style:none;display:grid}.workspace-projects__trash-list>li{border-bottom:1px solid var(--sm-border);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px 2px;display:flex}.workspace-projects__trash-list>li:first-child{border-top:1px solid var(--sm-border)}.workspace-projects__trash-meta{gap:5px;min-width:0;display:grid}.workspace-projects__trash-meta strong,.workspace-projects__trash-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-projects__trash-meta small{color:var(--sm-text-tertiary);font-size:12px}.workspace-projects__trash-list svg{width:15px;height:15px}.workspace-projects__trash-empty{border:1px dashed var(--sm-border);border-radius:var(--sm-radius-card);min-height:220px;color:var(--sm-text-tertiary);grid-column:1/-1;place-items:center;display:grid}.workspace-view__empty h2{margin:0;font-size:20px}.workspace-view__empty a{color:var(--sm-accent)}@media (max-width:1050px){.workspace-projects__content--grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.workspace-view{padding:36px 20px 72px}.workspace-view__heading{flex-direction:column;align-items:flex-start}.workspace-projects__toolbar{grid-template-columns:minmax(0,1fr) auto max-content max-content}.workspace-projects__toolbar select{display:none}.workspace-projects__content--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.workspace-projects__toolbar{grid-template-columns:minmax(0,1fr) max-content max-content}.workspace-projects__view-mode{display:none}.project-card__delete{opacity:1}}@media (max-width:480px){.workspace-view{padding-left:16px;padding-right:16px}.workspace-view__tabs,.workspace-view__tabs button{width:100%}.workspace-projects__view-mode{display:none}.workspace-projects__toolbar{grid-template-columns:1fr}.workspace-projects__toolbar>.sm-button{grid-column:auto;width:100%}.workspace-projects__content--grid{grid-template-columns:1fr;gap:18px}}