@layer components{.dpp-grid{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:10px;display:grid}.dpp-tile{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--card);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 12px 13px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.dpp-tile:hover:not(:disabled){border-color:color-mix(in oklab, var(--accent) 35%, var(--hairline));box-shadow:var(--shadow-card);transform:translateY(-2px)}.dpp-tile:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent);outline:none}.dpp-tile:disabled{cursor:not-allowed;opacity:.45}.dpp-tile.is-starting:disabled{opacity:1;border-color:color-mix(in oklab, var(--accent) 45%, var(--hairline))}.dpp-head{align-items:center;gap:9px;width:100%;min-width:0;display:flex}.dpp-icon{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.dpp-icon svg{width:17px;height:17px}.dpp-tone-indigo .dpp-icon{background:var(--accent-soft);color:var(--accent)}.dpp-tone-amber .dpp-icon{background:var(--tone-amber-bg);color:var(--tone-amber-ink)}.dpp-tone-green .dpp-icon{background:var(--tone-green-bg);color:var(--tone-green-ink)}.dpp-tone-pink .dpp-icon{background:var(--tone-pink-bg);color:var(--tone-pink-ink)}.dpp-label{letter-spacing:-.01em;min-width:0;color:var(--ink);font-size:13px;font-weight:700;line-height:1.25}.dpp-tagline{color:var(--muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.dpp-spin{animation:1s linear infinite dpp-spin}@keyframes dpp-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dpp-tile{transition:none}.dpp-tile:hover:not(:disabled){transform:none}}@media (max-width:380px){.dpp-grid{grid-template-columns:1fr}.dpp-tagline{-webkit-line-clamp:2;line-clamp:2}}}