.d-tool-layout { max-width: 1200px; margin: 0 auto; padding: 24px; display: flex; flex-direction: column; gap: 20px; }
.d-tool-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.d-tool-card { background: var(--bg-surface); border-radius: var(--radius-box); padding: 24px; transition: background-color 0.2s ease; }
@media (hover: hover) and (pointer: fine) { .d-tool-card:hover { background: var(--bg-surface-hover); transform: none !important; } }
.m-tool-layout { display: flex; flex-direction: column; padding: 16px; gap: 14px; }
.m-tool-card { background: var(--bg-surface); border-radius: var(--radius-box); padding: 16px; }