@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@500;700;800;900&display=swap');
        body {
            font-family: 'Inter', sans-serif;
            background-color: #0B0908;
            color: #E2E8F0;
        }
        .slot-icon svg {
            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
        }
        @media (min-width: 1024px) and (max-height: 760px) {
            .responsive-workspace {
                padding: 0.75rem;
                padding-bottom: 2rem;
            }
            .equipment-card {
                padding: 1rem;
                gap: 0.75rem;
            }
            .equipment-grid {
                gap: 0.5rem;
                padding-top: 0.25rem;
                padding-bottom: 0.25rem;
            }
            .equipment-grid > .flex:not(.tattoo-stack) {
                gap: 0.65rem;
            }
            .equipment-slot {
                width: 3.25rem;
                height: 3.25rem;
            }
            .equipment-slot img {
                width: 2.5rem;
                height: 2.5rem;
            }
            .equipment-sub-bars {
                padding-top: 0.5rem;
                gap: 0.4rem;
            }
            .equipment-sub-bars > div {
                padding: 0.4rem;
            }
            .slot-editor-card {
                padding: 1rem;
                gap: 0.75rem;
            }
            .responsive-modal {
                max-height: calc(100vh - 1rem);
            }
        }