.app-canvas .unified-project-card{min-width:0;box-shadow:none;background:#fff;border:1px solid #e9eaec;border-radius:11px;overflow:hidden}.app-canvas .unified-project-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #11111114}.app-canvas .unified-project-card .cover-button{aspect-ratio:1.6;width:100%;display:block;position:relative;overflow:hidden}.app-canvas .unified-project-card .cover-button>.project-card-cover-image,.app-canvas .unified-project-card .cover-button>.cover{aspect-ratio:auto;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.app-canvas .unified-project-card .cover-button>.cover img{object-fit:cover;width:100%;height:100%}.app-canvas .unified-project-card .cover-button .category-badge{z-index:1;color:#fff;background:#181d1ce8;border:1px solid #ffffff50;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:400;line-height:1.2;position:absolute;bottom:9px;right:10px;box-shadow:0 1px 4px #0003}.app-canvas .unified-project-card .card-body{border-radius:0 0 10px 10px;padding:10px 13px;display:block;position:static}.app-canvas .unified-project-card .project-title{text-align:left;display:block}.app-canvas .unified-project-card .project-title h3{letter-spacing:.01em;color:#17191d;margin:0;font-family:Segoe UI Variable,Segoe UI,ui-sans-serif,system-ui,sans-serif;font-size:19px;font-weight:650;line-height:1.3}.app-canvas .unified-project-card .project-description{-webkit-line-clamp:2;color:#666b75;white-space:normal;-webkit-box-orient:vertical;min-height:0;margin:4px 0 5px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.app-canvas .unified-project-card .tags{opacity:1;pointer-events:auto;flex-wrap:wrap;gap:5px;min-height:0;max-height:32px;margin:0 0 5px;display:flex;position:static;overflow:hidden}.app-canvas .unified-project-card .tags button,.app-canvas .unified-project-card .tags a{text-overflow:ellipsis;white-space:nowrap;color:#666b75;max-width:48%;box-shadow:none;background:#f3f3f4;border:0;border-radius:4px;padding:4px 7px;font-size:10px;line-height:1.2;display:inline-block;overflow:hidden}.app-canvas .unified-project-card .tags button:hover,.app-canvas .unified-project-card .tags a:hover{color:#bd0065;background:#fce7f2}.app-canvas .unified-project-card .project-card-meta{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.app-canvas .unified-project-card .creator-line{color:#666b75;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:12px;display:flex;overflow:hidden}.app-canvas .unified-project-card .creator-line .avatar,.app-canvas .unified-project-card .creator-line img.avatar{object-fit:cover;border:1px solid #fff;border-radius:50%;flex:none;width:30px;height:30px;font-size:11px;display:inline-flex}.app-canvas .unified-project-card .creator-line>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.app-canvas .unified-project-card .card-footer{border:0;justify-content:flex-end;align-items:center;gap:6px;min-height:32px;margin:0;padding:0;display:flex}.app-canvas .unified-project-card .card-footer>div{align-items:center;gap:8px;display:flex}.app-canvas .unified-project-card .stat-button{color:#686d76;align-items:center;gap:3px;min-height:36px;padding:0;font-size:11px;display:inline-flex}.app-canvas .unified-project-card .stat-button:first-child{color:#f50087}.app-canvas .unified-project-card .save-button{color:#777982;min-width:22px;min-height:36px;margin:0}.app-canvas .unified-project-card .card-share{opacity:0}.app-canvas .unified-project-card:hover .card-share,.app-canvas .unified-project-card:focus-within .card-share{opacity:1}.app-canvas .social-projects{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;display:grid}.app-canvas .social-projects .unified-project-card{padding:0}.app-canvas .workspace-project{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.app-canvas .workspace-cover{aspect-ratio:16/9;background:#e8ebef;border-radius:11px;display:block;position:relative;overflow:hidden}.app-canvas .workspace-cover>img{object-fit:contain;width:100%;height:100%;display:block}.app-canvas .workspace-cover>.cover,.app-canvas .workspace-cover>.project-cover-empty{aspect-ratio:auto;width:100%;height:100%}.app-canvas .workspace-project-meta{pointer-events:none;display:block;position:absolute;inset:0}.app-canvas .workspace-project-meta .project-status{color:#333;background:#ffffffed;border-radius:999px;padding:5px 9px;position:absolute;top:9px;left:9px;box-shadow:0 1px 4px #0002}.app-canvas .workspace-project-meta .status-published{color:#3d714b;background:#eaf5ed}.app-canvas .workspace-project-meta .status-pending_review{color:#825f17;background:#fff4da}.app-canvas .workspace-project-meta .status-rejected,.app-canvas .workspace-project-meta .status-removed{color:#9d4158;background:#fcebef}.app-canvas .workspace-project-meta>span:last-child{text-overflow:ellipsis;white-space:nowrap;color:#fff;background:#181d1ce8;border-radius:999px;max-width:75%;padding:5px 9px;font-size:10px;line-height:1.2;position:absolute;bottom:9px;right:9px;overflow:hidden}.app-canvas .workspace-project-body{padding:10px 2px 2px}.app-canvas .workspace-project h2{letter-spacing:.01em;color:#17191d;margin:0 0 3px;font-family:Segoe UI Variable,Segoe UI,ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:650;line-height:1.3}.app-canvas .workspace-project p{-webkit-line-clamp:2;color:#666b75;-webkit-box-orient:vertical;min-height:0;margin:0 0 4px;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.app-canvas .workspace-project-body>small{color:#737983;font-size:10px;display:block}.app-canvas .workspace-project-actions{border:0;gap:12px;margin-top:7px;padding-top:0}.app-canvas .workspace-project-actions>a,.app-canvas .workspace-project-actions>button{color:#666b75;min-height:32px;font-size:11px}.app-canvas .creation-preview .project-card{box-shadow:none;border:1px solid #e9eaec;border-radius:7px}.app-canvas .creation-preview .editor-live-cover{aspect-ratio:1.6}.app-canvas .creation-preview .card-body{padding:13px}@container app (max-width:680px){.app-canvas .unified-project-card .card-share{opacity:1}}@media (hover:none){.app-canvas .unified-project-card .card-share{opacity:1}}.app-canvas .project-card.unified-project-card{box-shadow:none;background:0 0;border:0;border-radius:0;position:relative;overflow:visible}.app-canvas .project-card.unified-project-card:hover{box-shadow:none}.app-canvas .project-card.unified-project-card .cover-button{aspect-ratio:16/9;background:#e8ebef;border-radius:11px;overflow:hidden}.app-canvas .project-card.unified-project-card.demo-project-card .cover-button{aspect-ratio:8/5}.app-canvas .project-card.unified-project-card .cover-button>.project-card-cover-image{object-fit:contain}.app-canvas .project-card.unified-project-card .cover-button>.cover,.app-canvas .project-card.unified-project-card .cover-button>.cover img{object-fit:cover}.app-canvas .project-card.unified-project-card .tags{z-index:2;opacity:0;pointer-events:none;align-items:center;gap:5px;min-height:0;max-height:none;margin:0;transition:opacity .16s;display:flex;position:absolute;inset:9px 88px auto 9px}.app-canvas .project-card.unified-project-card:hover .tags,.app-canvas .project-card.unified-project-card:focus-within .tags{opacity:1;pointer-events:auto}.app-canvas .project-card.unified-project-card .tags button,.app-canvas .project-card.unified-project-card .tags a{color:#333;background:#fffffff0;border-radius:999px;max-width:50%;padding:5px 8px;font-size:10px;box-shadow:0 2px 5px #0002}.app-canvas .project-card.unified-project-card .card-body{background:0 0;border:0;grid-template-rows:auto auto auto;grid-template-columns:43px minmax(0,1fr);gap:1px 10px;padding:10px 2px 2px;display:grid;position:relative}.app-canvas .project-card.unified-project-card .project-card-avatar{grid-area:1/1/span 3;align-self:start;width:43px;height:43px;display:block}.app-canvas .project-card.unified-project-card .project-card-avatar .avatar{object-fit:cover;border:0;border-radius:50%;place-items:center;width:43px;height:43px;font-size:13px;display:grid}.app-canvas .project-card.unified-project-card .project-card-title-row{grid-area:1/2;justify-content:space-between;align-items:center;gap:4px;min-width:0;display:flex}.app-canvas .project-card.unified-project-card .project-title{text-align:left;min-width:0;display:block;overflow:hidden}.app-canvas .project-card.unified-project-card .project-title h3{-webkit-line-clamp:2;overflow-wrap:anywhere;white-space:normal;letter-spacing:.01em;-webkit-box-orient:vertical;font-size:17px;line-height:1.3;display:-webkit-box;overflow:hidden}.app-canvas .project-card.unified-project-card .project-description{grid-area:2/2;min-height:0;max-height:2.65em;margin:1px 0 0;font-size:12px;line-height:1.3}.app-canvas .project-card.unified-project-card .project-card-meta{grid-area:3/2;justify-content:space-between;align-items:center;gap:5px;min-width:0;min-height:22px;display:flex}.app-canvas .project-card.unified-project-card .creator-line{text-overflow:ellipsis;white-space:nowrap;color:#69717d;min-width:0;font-size:10px;line-height:1.2;display:block;overflow:hidden}.app-canvas .project-card.unified-project-card .card-footer{border:0;flex:none;justify-content:flex-end;align-items:center;gap:9px;min-height:0;margin:0;padding:0;display:flex}.app-canvas .project-card.unified-project-card .stat-button{gap:3px;min-height:22px;font-size:10px;line-height:1}.app-canvas .project-card.unified-project-card .card-footer .stat-button svg{width:14px;height:14px}.app-canvas .project-card.unified-project-card .project-card-menu{flex:none;position:relative}.app-canvas .project-card.unified-project-card .project-card-menu>summary{color:#6b7078;cursor:pointer;border-radius:5px;place-items:center;width:24px;height:22px;list-style:none;display:grid}.app-canvas .project-card.unified-project-card .project-card-menu>summary::-webkit-details-marker{display:none}.app-canvas .project-card.unified-project-card .project-card-menu>summary:hover{color:#101216;background:#f2f2f4}.app-canvas .project-card.unified-project-card:has(.project-card-menu[open]){z-index:5}.app-canvas .project-card.unified-project-card .project-card-menu-panel{z-index:10;background:#fff;border:1px solid #e7e8ec;border-radius:10px;gap:3px;width:220px;padding:7px;display:grid;position:absolute;top:100%;right:0;box-shadow:0 10px 26px #0002}.app-canvas .project-card.unified-project-card .project-card-menu-panel .social-control,.app-canvas .project-card.unified-project-card .project-card-menu-panel .social-control>button{width:100%;display:flex}.app-canvas .project-card.unified-project-card .project-card-menu-action,.app-canvas .project-card.unified-project-card .project-card-menu-panel .stat-button,.app-canvas .project-card.unified-project-card .project-card-menu-panel .social-report>summary{color:#282b31;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;min-height:34px;padding:7px 9px;font-size:12px;display:flex}.app-canvas .project-card.unified-project-card .project-card-menu-action:hover,.app-canvas .project-card.unified-project-card .project-card-menu-panel .stat-button:hover,.app-canvas .project-card.unified-project-card .project-card-menu-panel .social-report>summary:hover{background:#f7f7f8}.app-canvas .project-card.unified-project-card .project-card-menu-panel .social-report{width:100%}.app-canvas .project-card.unified-project-card .project-card-menu-panel .social-report form{width:100%;padding:4px}.app-canvas .project-card.unified-project-card .project-card-menu-disabled{color:#89909a;align-items:center;gap:9px;padding:8px 9px;font-size:11px;display:flex}@media (hover:none){.app-canvas .project-card.unified-project-card .tags{opacity:1;pointer-events:auto}}@container app (max-width:680px){.app-canvas .project-card.unified-project-card .tags{opacity:0;pointer-events:none;position:absolute;top:9px;left:9px;right:88px}.app-canvas .project-card.unified-project-card:focus-within .tags{opacity:1;pointer-events:auto}}@media (hover:none){.app-canvas .project-card.unified-project-card .tags{opacity:1;pointer-events:auto}}
