.demo-banner-grid{grid-template-columns:2fr 1fr;gap:16px;margin-top:24px;display:grid}.demo-banner-vip{border-radius:var(--radius-lg);background:var(--primary);color:#fff;padding:32px}.demo-banner-title{letter-spacing:.01em;margin:0;font-size:1.9rem;font-weight:700}.demo-banner-sub{color:#fffc;margin:8px 0 0}.demo-banner-cta{border-radius:var(--radius-md);background:var(--accent);min-height:38px;color:var(--accent-foreground);align-items:center;margin-top:16px;padding:8px 18px;font-weight:700;text-decoration:none;display:inline-flex}.demo-banner-cta:hover{background:var(--accent-hover);color:var(--accent-foreground)}.demo-banner-task{border-radius:var(--radius-lg);background:var(--steel-900);color:#fff;flex-direction:column;justify-content:center;padding:24px;display:flex}.demo-banner-task-title{margin:0;font-size:1.2rem;font-weight:700}.demo-banner-budget{color:var(--accent);margin:8px 0 0;font-size:1.5rem;font-weight:700}.demo-banner-meta{color:var(--steel-300);margin:4px 0 0;font-size:.78rem}.demo-card{border:1px solid var(--steel-100);border-radius:var(--radius-lg);background:#fff;padding:16px}.demo-card:hover{border-color:var(--primary)}.demo-card-title{color:var(--steel-900);margin:0;font-weight:650;line-height:1.4}.demo-price{color:var(--accent);font-weight:700}.demo-price-unit{color:var(--steel-500);font-size:.75rem;font-weight:400}.demo-free{color:var(--steel-500);font-size:.9rem}.demo-card-meta{color:var(--steel-500);justify-content:space-between;margin:8px 0 0;font-size:.8rem;display:flex}.demo-task-grid{grid-template-columns:repeat(3,1fr)}.demo-task-price-row{align-items:baseline;gap:8px;margin:8px 0 0;display:flex}.demo-task-price-row .demo-price{font-size:1.25rem}.demo-task-days{color:var(--steel-500);font-size:.78rem}.demo-drawing-card{padding:0;overflow:hidden}.demo-thumb{aspect-ratio:4/3;background:var(--steel-100);overflow:hidden}.demo-thumb-sketch{width:100%;height:100%;display:block}.demo-drawing-card:hover .demo-thumb-sketch{transform:scale(1.03)}.demo-thumb-sketch{transition:transform .25s}.demo-drawing-body{padding:12px}.demo-drawing-body .demo-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;display:-webkit-box;overflow:hidden}.demo-drawing-tags,.demo-tutorial-tags{justify-content:space-between;align-items:center;margin:8px 0 0;display:flex}.demo-software-tag{border-radius:var(--radius-sm);background:var(--steel-100);color:var(--steel-700);padding:2px 8px;font-size:.75rem}.demo-tutorial-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.demo-community-card{align-content:start;gap:12px;height:100%;display:grid}.demo-community-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.demo-community-list li{align-items:baseline;gap:8px;font-size:.88rem;display:flex}.demo-community-kind{color:var(--primary);flex-shrink:0}.demo-community-text{color:var(--steel-900);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-bounty{color:var(--accent);flex-shrink:0;font-size:.75rem}.demo-ranking{border-top:1px solid var(--steel-100);gap:10px;margin:12px 0 0;padding:12px 0 0;list-style:none;display:grid}.demo-ranking li{align-items:center;gap:8px;display:flex}.demo-rank-badge{background:var(--steel-300);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72rem;display:inline-flex}.demo-rank-badge.top{background:var(--primary)}.demo-ranking .demo-card-meta{margin:0}.demo-notice{border:1px dashed var(--steel-300);border-radius:var(--radius-md);background:var(--steel-50);color:var(--steel-500);margin:24px 0 0;padding:8px 12px;font-size:.8rem}@media (max-width:1099px){.demo-banner-grid{grid-template-columns:1fr}.demo-task-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.demo-tutorial-grid{grid-template-columns:1fr}}
.home-promo-aside[data-campaign] .home-promo-cta{align-self:flex-start;margin-top:16px}.home-promo-aside[data-campaign] .home-promo-image{max-width:min(280px,100%)}.home-promo-aside[data-campaign] .home-promo-eyebrow{margin-bottom:8px}
.home-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--steel-100) 25%, var(--steel-50) 50%, var(--steel-100) 75%);background-size:200% 100%;max-width:100%;animation:1.4s ease-in-out infinite home-skeleton-shimmer;display:block}@keyframes home-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.home-skeleton-promo{background:var(--steel-50);gap:12px}.home-skeleton-promo-aside{background:var(--steel-50)}.home-skeleton-actions{gap:8px;display:flex}.home-skeleton-card{border:1px solid var(--steel-100);border-radius:var(--radius-lg);background:#fff;flex-direction:column;display:flex;overflow:hidden}.home-skeleton-task{gap:10px;padding:16px}.home-skeleton-thumb{aspect-ratio:4/3;border-radius:0}.home-skeleton-body{flex-direction:column;gap:8px;padding:12px;display:flex}.home-skeleton-list{flex-direction:column;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){.home-skeleton{background:var(--steel-100);animation:none}}
.home-task-card{border:1px solid var(--steel-100);border-radius:var(--radius-lg);color:var(--steel-900);background:#fff;flex-direction:column;gap:8px;padding:16px;text-decoration:none;display:flex}.home-task-card:hover,.home-task-card:focus-visible{border-color:var(--primary)}.home-task-card-title{color:var(--steel-900);margin:0;font-size:1rem;font-weight:650;line-height:1.4}.home-task-badges{flex-wrap:wrap;gap:6px;display:flex}.home-task-badge{border-radius:var(--radius-sm);background:var(--steel-100);min-height:22px;color:var(--steel-700);align-items:center;padding:2px 8px;font-size:.75rem;line-height:1;display:inline-flex}.home-task-industry{border:1px solid var(--primary);background:color-mix(in srgb, var(--primary) 10%, #fff);color:var(--primary)}.home-task-price-row{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;display:flex}.home-task-budget{color:var(--primary);font-size:1.25rem;font-weight:700}.home-task-days{color:var(--steel-500);font-size:.78rem}.home-task-bids{color:var(--steel-700);margin:0;font-size:.8rem}