body:has(.canvas-projects-page){background:#0b0c10;overflow-x:hidden}body:has(.canvas-projects-page) .record-footer{display:none}.site-page-content:has(.canvas-projects-page){min-height:100vh}.canvas-projects-page{color:#f3f4f6;background:#0f1012;min-height:100vh;padding-left:250px;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}.canvas-projects-shell{background-color:#07080b;background-image:radial-gradient(#969dae21 1px,#0000 1px);background-size:28px 28px;border:1px solid #1c1e24;border-radius:16px;min-height:calc(100vh - 20px);margin:10px 10px 10px 0;padding:82px 54px 72px;position:relative;overflow:hidden}.canvas-projects-shell:before{content:"";pointer-events:none;background:linear-gradient(#07080b0d,#07080b7a 64%,#07080b 100%);position:absolute;inset:0}.canvas-project-count,.canvas-project-filters,.canvas-project-message,.canvas-project-groups{z-index:1;position:relative}.canvas-project-utility{position:absolute!important;top:17px!important;right:18px!important}.canvas-project-tabs{background:#111319;border:1px solid #282b32;border-radius:999px;gap:3px;padding:4px;display:flex;position:absolute;top:62px;left:50%;transform:translate(-50%)}.canvas-project-tabs a{color:#7d818a;border-radius:999px;place-items:center;min-width:112px;height:42px;padding:0 18px;font-size:15px;font-weight:700;text-decoration:none;display:grid}.canvas-project-tabs a.active{color:#16171a;background:#f4f4f5;box-shadow:0 3px 12px #00000057}.canvas-project-count{color:#898e99;text-align:right;border-bottom:1px solid #202229;margin-top:50px;padding:21px 0 12px;font-size:16px}.canvas-project-filters{justify-content:center;align-items:center;gap:10px;min-height:78px;display:flex}.canvas-project-filters>button,.canvas-project-filters>a{color:#a4a8b1;cursor:pointer;background:#12141a;border:1px solid #2c2f37;border-radius:999px;height:42px;padding:0 25px;font-size:14px;font-weight:700;text-decoration:none}.canvas-project-filters>button.active{color:#191a1e;background:#f1f1f2;border-color:#f1f1f2}.canvas-project-filters>[aria-label]{border-radius:8px;place-items:center;width:44px;padding:0;display:grid}.canvas-project-filters svg{width:19px;height:19px}.canvas-project-filters label{color:#747983;background:#111319;border:1px solid #2c2f37;border-radius:8px;align-items:center;gap:8px;width:210px;height:42px;padding:0 12px;display:none}.canvas-project-filters:focus-within label,.canvas-project-filters:hover label{display:flex}.canvas-project-filters input{color:#e7e8eb;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.canvas-project-message{color:#6f747e;text-align:center;margin:-4px 0 14px;font-size:11px}.canvas-project-groups{gap:38px;display:grid}.canvas-project-group h2{color:#e5e7eb;border-bottom:1px solid #24262d;margin:0 0 22px;padding:0 7px 16px;font-size:18px;font-weight:760}.canvas-projects-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;display:grid}.canvas-project-create-card,.canvas-project-card{aspect-ratio:.79;background:#0f1116;border:1px solid #252831;border-radius:14px;min-width:0;overflow:hidden}.canvas-project-create-card{color:#9aa0aa;cursor:pointer;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:22px;text-decoration:none;display:flex}.canvas-project-create-card:hover{color:#f2f3f5;background:#12141a;border-color:#555a66}.canvas-project-create-card span{background:#171a21;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.canvas-project-create-card svg{width:30px;height:30px}.canvas-project-create-card b{font-size:16px}.canvas-project-card{transition:transform .18s,border-color .18s;position:relative}.canvas-project-card:hover{border-color:#454a56;transform:translateY(-3px)}.canvas-project-card>a{color:#fff;text-decoration:none;position:absolute;inset:0}.canvas-project-card img{object-fit:cover;width:100%;height:100%;display:block}.canvas-project-no-preview{color:#555b65;background:#0d1015;place-items:center;width:100%;height:100%;font-size:15px;display:grid}.canvas-project-card-shade{background:linear-gradient(#0000,#07080b47 20%,#07080bf2);position:absolute;inset:35% 0 0}.canvas-project-card>a>div{gap:6px;display:grid;position:absolute;bottom:17px;left:15px;right:15px}.canvas-project-card>a b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.canvas-project-card>a small{color:#a7abb3;font-size:11px}.canvas-project-card-actions{z-index:2;opacity:0;gap:5px;transition:opacity .16s;display:flex;position:absolute;top:10px;right:9px}.canvas-project-card:hover .canvas-project-card-actions,.canvas-project-card:focus-within .canvas-project-card-actions{opacity:1}.canvas-project-card-actions button{color:#d4d7dc;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0f14d1;border:1px solid #ffffff2b;border-radius:7px;height:26px;padding:0 8px;font-size:9px}.canvas-projects-page :is(a,button,input):focus-visible{outline-offset:2px;outline:2px solid #f2b900}@media (max-width:1280px){.canvas-projects-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1000px){.canvas-projects-shell{padding-inline:28px}.canvas-projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.canvas-projects-page{padding-left:0}.canvas-projects-shell{border:0;border-radius:0;min-height:100vh;margin:0;padding:126px 16px 50px}.canvas-project-tabs{top:76px}.canvas-project-tabs a{min-width:100px;height:38px;font-size:13px}.canvas-project-count{margin-top:10px}.canvas-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.canvas-project-filters label{display:none!important}}