.canvas-home-projects{--canvas-card-text:var(--home-text);--canvas-card-muted:var(--home-muted);--canvas-card-border:rgba(142,151,165,.3);--canvas-card-radius:var(--home-radius-panel);--canvas-card-border-hover:var(--home-border);--canvas-card-bg:linear-gradient(90deg,rgba(217,217,217,.1),rgba(217,217,217,0)),var(--home-surface-soft);--canvas-card-hover-bg:linear-gradient(90deg,rgba(74,231,253,.1),rgba(217,217,217,0)),var(--home-surface);--canvas-card-shadow:var(--home-shadow-card);--canvas-card-shadow-hover:var(--home-shadow-card);--canvas-card-cover:var(--home-surface);--canvas-card-grid:var(--home-border-subtle);--canvas-card-grid-glow:rgba(74,231,253,.16);--canvas-card-grid-base:var(--home-surface);--canvas-card-overlay:rgba(18,22,30,.82);--canvas-card-overlay-hover:rgba(34,44,64,.95);--canvas-card-overlay-border:rgba(255,255,255,.2);--canvas-card-overlay-text:var(--home-white);--canvas-card-add-bg:rgba(142,151,165,.15);--canvas-card-add-border:rgba(142,151,165,.3);--canvas-card-accent:var(--home-cyan);width:100%;margin-top:1.75rem;padding-bottom:2rem}.canvas-library-projects{--canvas-card-text:var(--home-text);--canvas-card-muted:var(--home-muted);--canvas-card-border:#006c8f;--canvas-card-radius:0.75rem;--canvas-card-border-hover:rgba(74,231,253,.5);--canvas-card-bg:#121212;--canvas-card-hover-bg:#121212;--canvas-card-shadow:none;--canvas-card-shadow-hover:none;--canvas-card-cover:#1b2025;--canvas-card-grid:rgba(74,231,253,.08);--canvas-card-grid-glow:rgba(74,231,253,.1);--canvas-card-grid-base:#171b20;--canvas-card-overlay:rgba(18,18,18,.86);--canvas-card-overlay-hover:#26313a;--canvas-card-overlay-border:rgba(74,231,253,.2);--canvas-card-overlay-text:#fff;--canvas-card-add-bg:rgba(74,231,253,.08);--canvas-card-add-border:rgba(74,231,253,.25);--canvas-card-accent:var(--home-cyan);color:var(--home-text)}.canvas-home-projects__heading,.canvas-library-projects__toolbar{display:flex;align-items:center}.canvas-home-projects__heading{justify-content:space-between;margin-bottom:.875rem}.canvas-home-projects__heading h2{margin:0;color:var(--home-white);font-size:1rem;font-weight:600}.canvas-home-projects__view-all{position:relative;display:inline-flex;min-height:2.25rem;align-items:center;justify-content:center;gap:8px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--home-text);cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease}.canvas-home-projects__view-all:before{position:absolute;inset:-4px 0;content:""}.canvas-home-projects__view-all:focus-visible,.canvas-home-projects__view-all:hover{background:var(--home-surface);color:var(--home-cyan)}.canvas-home-projects__view-all:focus-visible{outline:2px solid var(--home-cyan);outline-offset:2px}.canvas-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.canvas-project-grid--home{display:flex;overflow-x:auto;padding:2px 0 8px;scrollbar-width:thin;scrollbar-color:var(--home-border) transparent}.canvas-project-grid--home>.canvas-project-card{flex:0 0 max(13.75rem,calc((100% - 3rem) / 4))}.canvas-project-card{position:relative;box-sizing:border-box;min-width:0;overflow:hidden;padding:0;border:1px solid var(--canvas-card-border);border-radius:var(--canvas-card-radius);background:var(--canvas-card-bg);box-shadow:var(--canvas-card-shadow);color:var(--canvas-card-text);text-align:left;text-decoration:none;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}button.canvas-project-card{width:100%;font:inherit}.canvas-project-card:focus-visible,.canvas-project-card:hover{border-color:var(--canvas-card-border-hover);background:var(--canvas-card-hover-bg);box-shadow:var(--canvas-card-shadow-hover);transform:translateY(-2px)}.canvas-project-card:focus-visible{outline:2px solid var(--canvas-card-accent);outline-offset:2px}.canvas-project-card:disabled{cursor:progress;opacity:.72;transform:none}.canvas-project-card--add{display:flex;min-height:9.75rem;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;border-style:dashed;color:var(--canvas-card-muted);text-align:center}.canvas-home-projects .canvas-project-card--add{isolation:isolate;border-style:solid;border-color:rgba(153,174,194,.22);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),#171b21;color:var(--home-text)}.canvas-home-projects .canvas-project-card--add:focus-visible,.canvas-home-projects .canvas-project-card--add:hover{border-color:var(--home-border);box-shadow:0 .75rem 1.875rem rgba(0,0,0,.32),0 0 1.5rem rgba(74,231,253,.09)}.canvas-project-card__dot-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.canvas-home-projects .canvas-project-card--add>span{position:relative;z-index:1}.canvas-home-projects .canvas-project-card--add>span:last-child{font-weight:600;letter-spacing:.02em}.canvas-project-card__add-icon{display:grid;width:2.625rem;height:2.625rem;place-items:center;border:1px solid var(--canvas-card-add-border);border-radius:50%;background:var(--canvas-card-add-bg);color:var(--canvas-card-accent);font-size:1.125rem}.canvas-home-projects .canvas-project-card__add-icon{width:3rem;height:3rem;border:1px solid rgba(255,255,255,.86);border-radius:.875rem;background:linear-gradient(145deg,#fff,#dcf5fa);color:#15232c;box-shadow:0 8px 1.625rem rgba(4,13,24,.32),0 0 1.25rem rgba(74,231,253,.12);font-size:1.3125rem}.canvas-project-card__cover{position:relative;height:6.5rem;overflow:hidden;background:var(--canvas-card-cover)}.canvas-project-card__cover img{width:100%;height:100%;object-fit:cover}.canvas-project-card__cover-grid{position:absolute;inset:0;background:radial-gradient(circle at 70% 26%,var(--canvas-card-grid-glow),transparent 34%),linear-gradient(var(--canvas-card-grid) 1px,transparent 1px),linear-gradient(90deg,var(--canvas-card-grid) 1px,transparent 1px),var(--canvas-card-grid-base);background-size:auto,1.125rem 1.125rem,1.125rem 1.125rem,auto}.canvas-home-projects .canvas-project-card--default-cover{background:linear-gradient(145deg,#262b32,#1c2026 78%)}.canvas-home-projects .canvas-project-card--default-cover:focus-visible,.canvas-home-projects .canvas-project-card--default-cover:hover{background:linear-gradient(145deg,#29323a,#1d242b 78%)}.canvas-home-projects .canvas-project-card--default-cover .canvas-project-card__cover{background:transparent}.canvas-home-projects .canvas-project-card--default-cover .canvas-project-card__cover-grid{background:radial-gradient(ellipse 70% 90% at 78% -24%,rgba(158,184,198,.11),transparent 80%)}.canvas-project-card__actions-wrap{position:absolute;right:8px;top:8px}.canvas-project-card__actions{display:grid;width:2.125rem;height:2.125rem;place-items:center;border:1px solid var(--canvas-card-overlay-border);border-radius:7px;background:var(--canvas-card-overlay);color:var(--canvas-card-overlay-text);cursor:pointer;opacity:0;font-size:1.125rem;transition:opacity .2s ease,color .2s ease,background .2s ease}.canvas-project-card:focus-within .canvas-project-card__actions,.canvas-project-card:hover .canvas-project-card__actions{opacity:1}.canvas-project-card__actions:focus-visible,.canvas-project-card__actions:hover{color:var(--canvas-card-accent);background:var(--canvas-card-overlay-hover)}.canvas-project-card__actions:focus-visible{outline:2px solid var(--canvas-card-accent);outline-offset:2px}@media (hover:none){.canvas-project-card__actions{opacity:1}}@media (prefers-reduced-motion:reduce){.canvas-home-projects__view-all,.canvas-project-card,.canvas-project-card__actions{transition:none}.canvas-project-card:focus-visible,.canvas-project-card:hover{transform:none}}.canvas-project-card__body{display:flex;align-items:center;min-height:3.125rem;padding:.75rem .875rem}.canvas-project-card__body strong{overflow:hidden;color:var(--canvas-card-text);font-size:.875rem;text-overflow:ellipsis;white-space:nowrap}.canvas-library-projects .works-lib-card{cursor:pointer}.canvas-library-projects__note{margin:.75rem 0 0;color:var(--v10-subtle,var(--home-muted));font-size:.8125rem}.canvas-project-cover-input{display:none}.canvas-project-actions-menu .ant-dropdown-menu,.canvas-project-rename-modal .ant-modal-content{border:1px solid var(--dark-border);background:#171b23;color:var(--dark-text);box-shadow:0 1.125rem 2.5rem rgba(0,0,0,.36)}.canvas-project-actions-menu .ant-dropdown-menu-item{color:var(--dark-text)}.canvas-project-actions-menu .ant-dropdown-menu-item:hover{background:rgba(74,231,253,.1)}.canvas-project-actions-menu .ant-dropdown-menu-item-danger{color:#ff7875}.canvas-project-rename-modal :is(.ant-modal-title,.ant-modal-close){color:var(--dark-text)}.canvas-project-rename-modal .ant-input-affix-wrapper{border-color:var(--dark-border);background:var(--dark-surface);color:var(--dark-text)}.canvas-project-rename-modal .ant-input{background:transparent;color:var(--dark-text)}.canvas-project-rename-modal .ant-input-show-count-suffix{color:var(--dark-text-muted)}.canvas-library-projects__toolbar{justify-content:flex-end;gap:10px;margin:0 0 1.125rem}.canvas-library-projects__toolbar .ant-input-search{width:min(20rem,100%)}.canvas-project-pagination{display:flex;justify-content:center;margin-top:1.5rem}.canvas-project-import-select{width:100%}.create-flow-modal .canvas-project-import-select .ant-select-selector{min-height:2.5rem;border:1px solid var(--dark-border);border-radius:8px;background:var(--dark-surface);color:var(--dark-text)}.create-flow-modal .canvas-project-import-select .ant-select-selection-item{color:var(--dark-text)}.create-flow-modal .canvas-project-import-select.ant-select-focused .ant-select-selector{outline:2px solid var(--home-cyan);outline-offset:2px}.canvas-project-import-note{color:var(--home-muted);line-height:1.6}.canvas-project-empty{display:grid;min-height:20rem;place-items:center;gap:1rem;color:var(--home-muted)}.canvas-project-empty__action{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:2.25rem;padding:0 1rem;border:0;border-radius:8px;background:var(--v10-primary,#f1f2f4);color:var(--v10-on-primary,#0f1012);font-size:.875rem;font-weight:500;letter-spacing:.02em;line-height:1;cursor:pointer}.canvas-project-empty__action:hover{filter:brightness(1.06)}.canvas-project-empty__action:focus-visible{outline:2px solid var(--v10-brand,#4ae7fd);outline-offset:3px}.canvas-project-empty__action:disabled{cursor:progress;opacity:.72}.canvas-project-skeleton{width:100%!important;height:13.75rem!important;border-radius:.75rem!important}