body.creator-workspace .creator-project-grid{gap:24px}body.creator-workspace .project-card-pro{border:1px solid var(--cw-border);border-radius:18px;background:var(--cw-surface);box-shadow:0 4px 8px #17376603,0 12px 28px #17376604;isolation:isolate;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s,border-color .25s}body.creator-workspace .project-card-pro:hover{transform:translateY(-5px)!important;box-shadow:0 9px 20px #193f6c0b,0 22px 45px #193f6c12!important;border-color:#8da9cc!important}body.creator-workspace .project-card-current{border-color:#9db6dd;box-shadow:0 0 0 1px #c8d8f23b,0 9px 25px #17376608}.project-card-stage{height:225px;position:relative;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--project-tone) 15%,#f2f6ff),color-mix(in srgb,var(--project-tone) 5%,#eef2f8));padding:36px 22px 0}.project-stage-glow{position:absolute;width:170px;height:170px;border-radius:50%;right:-50px;top:-65px;border:30px solid #ffffff36;box-shadow:0 0 0 35px #ffffff16;pointer-events:none}.project-stage-browser{position:relative;border:1px solid #ffffffc7;border-radius:11px 11px 0 0;background:#fff;box-shadow:0 12px 30px #183c5e1c;overflow:hidden;transform:translateY(6px) rotate(-2deg);transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s;transform-origin:50% 100%}.project-card-pro:nth-child(2n) .project-stage-browser{transform:translateY(6px) rotate(2deg)}.project-card-pro:hover .project-stage-browser{transform:translateY(-2px) rotate(0)!important;box-shadow:0 18px 35px #183c5e24}.project-stage-browserbar{height:25px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;background:#fff;border-bottom:1px solid #e5eaf1;color:#59708f}.project-stage-browserbar>span:first-child{display:flex;gap:3px}.project-stage-browserbar i{width:4px;height:4px;border-radius:50%;background:#c8d4e4}.project-stage-browserbar i:first-child{background:#ddb39d}.project-stage-browserbar i:nth-child(2){background:#e2cea4}.project-stage-browserbar i:nth-child(3){background:#acc9b4}.project-stage-browserbar small{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%;font-weight:600}.project-stage-browserbar>span:last-child{font-size:10px}.project-stage-content{height:155px;position:relative;overflow:hidden;background:linear-gradient(110deg,#f7fafc,color-mix(in srgb,var(--project-tone) 17%,#e6eef4));display:flex;align-items:center}.project-cover-illustration{position:absolute;height:100%;width:67%;right:-5%;top:0;filter:drop-shadow(0 6px 12px #193e6612)}.project-stage-caption{position:relative;z-index:1;width:49%;padding:10px 0 12px 15px;text-align:left}.project-stage-caption>span{display:block;font-size:5.5px;letter-spacing:1px;color:#4d6881;font-weight:800;margin-bottom:9px}.project-stage-caption b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:17px;line-height:1.2;color:#233f55;font-weight:750;letter-spacing:-.6px}.project-stage-caption i{display:block;width:42px;height:9px;border-radius:3px;background:var(--project-tone);margin-top:12px;box-shadow:0 3px 6px #1737660c}.project-stage-bottom{height:29px;display:flex;align-items:center;justify-content:center;gap:7px;background:#fff}.project-stage-bottom>span{display:block;width:23%;height:6px;background:#edf1f6;border-radius:3px}.project-cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s}.project-card-pro:hover .project-cover-photo{transform:scale(1.06)}.has-project-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102438b8,#10243810 80%)}.has-project-photo .project-stage-caption{width:70%}.has-project-photo .project-stage-caption>span{color:#e9f0fa}.has-project-photo .project-stage-caption b{color:#fff;text-shadow:0 1px 7px #0004;font-size:19px}.has-project-photo .project-stage-caption i{background:white}.project-stage-badge{position:absolute;z-index:3;left:14px;top:12px;padding:4px 8px;border:1px solid #ffffffa6;border-radius:7px;background:#ffffffdd;backdrop-filter:blur(10px);box-shadow:0 3px 8px #17376607;font-size:9px;font-weight:700;color:#3c526d}.project-stage-open{position:absolute;z-index:3;right:13px;bottom:13px;width:33px;height:33px;display:grid;place-items:center;border:1px solid #ffffffa6;border-radius:10px;background:#ffffffd9;color:#305a82;font-size:20px;box-shadow:0 5px 15px #183c5e12;transition:transform .25s,background .25s}.project-card-pro:hover .project-stage-open{transform:translate(2px,-2px);background:#fff}.project-card-body{padding:20px 21px 16px!important}.project-card-title{display:flex;align-items:center;gap:10px}.project-card-title h3{flex:1;margin:0!important;font-size:17px!important;font-weight:750;color:var(--cw-ink);line-height:1.5}.project-card-current-dot{height:8px;width:8px;flex-shrink:0;border-radius:50%;background:#3a78c5;box-shadow:0 0 0 4px #3a78c512}.project-card-statistics{display:flex;flex-wrap:wrap;gap:8px 13px;margin-top:10px;color:var(--cw-muted);font-size:11px;font-weight:400}.project-card-statistics>span{white-space:nowrap}.project-card-footer{margin-top:18px;padding-top:13px;border-top:1px solid var(--cw-border);display:flex;align-items:center;justify-content:space-between;color:var(--cw-accent);font-size:12px;font-weight:650}.project-card-arrow{font-size:20px;line-height:1;transition:transform .2s}.project-card-pro:hover .project-card-arrow{transform:translateX(4px)}body.creator-workspace.dark .project-card-stage{background:linear-gradient(135deg,color-mix(in srgb,var(--project-tone) 30%,#25334c),#283c54)}body.creator-workspace.dark .project-stage-badge{background:#233650e8;border-color:#506680;color:#e8f1ff}body.creator-workspace.creator-large .project-card-statistics,body.creator-workspace.creator-large .project-card-footer{font-size:14px!important}@media(max-width:740px){body.creator-workspace .creator-project-grid{gap:17px}.project-card-stage{height:205px;padding:33px 15px 0}.project-stage-content{height:140px}.project-stage-caption{padding-left:12px}.project-stage-caption b{font-size:16px}.has-project-photo .project-stage-caption b{font-size:18px}.project-card-body{padding:17px 17px 14px!important}.project-card-title h3{font-size:15px!important}.project-card-statistics{font-size:10px;gap:8px}.project-card-footer{font-size:11px;margin-top:14px}.project-stage-open{width:29px;height:29px;border-radius:8px;font-size:18px}.project-stage-badge{font-size:8px}}@media(max-width:480px){.project-card-stage{height:225px;padding-inline:24px}.project-stage-content{height:155px}.project-stage-caption b{font-size:21px}.has-project-photo .project-stage-caption b{font-size:23px}.project-card-title h3{font-size:18px!important}.project-card-statistics{font-size:12px}.project-card-footer{font-size:13px}.project-stage-badge{font-size:10px}}body.creator-calm .project-stage-browser,body.creator-calm .project-cover-photo,body.creator-calm .project-stage-open,body.creator-calm .project-card-arrow{transition:none!important;transform:none!important}@media(prefers-reduced-motion:reduce){.project-card-pro,.project-stage-browser,.project-cover-photo,.project-stage-open,.project-card-arrow{transition:none!important}.project-card-pro:hover,.project-card-pro:hover .project-stage-browser,.project-card-pro:hover .project-cover-photo,.project-card-pro:hover .project-stage-open,.project-card-pro:hover .project-card-arrow{transform:none!important}}