/* token-generator.css */
        /* Created 14 feb 2026 8:20 AM ICT */
        /* Sticky footer: one view, footer flush with bottom (same pattern as Terms page) */
        html,
        body {
            height: 100%;
            min-height: 100vh;
            margin: 0;
            overflow-x: hidden;
            overflow-y: auto;
            display: flex;
            flex-direction: column;
        }
        body > .header {
            flex-shrink: 0;
        }
        body > #wallet-balances {
            flex-shrink: 0;
        }
        body > section#token-generator {
            flex: 1;
            min-height: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 16px;
            padding-bottom: 0;
        }
        #token-generator .container {
            width: 100%;
        }
        #token-generator .mini-dex-container {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        /* Footer styles (from smooth-scrolling.css; margin-top/bottom 0 so layout stays correct on this page) */
        body > .footer,
        .footer {
            background: black;
            opacity: 0.6;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: arial;
            color: white;
            font-size: 14px;
            margin-top: 0;
            margin-bottom: 0;
            padding: 0;
            z-index: 5;
            flex-shrink: 0;
        }

        /* Token generator card – body/container tweaks */
        .token-generator-card .space-y-4 > * + * {
            margin-top: 0.5rem;
        }
        .token-generator-card {
            max-width: 520px;
            margin-left: auto;
            margin-right: auto;
            padding: 1.25rem 2rem;
            border-radius: 16px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.24);
            margin-bottom: 0 !important;
        }
        .token-generator-card .card-title {
            font-size: 1.125rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
            color: #fff;
        }
        .token-generator-card .card-desc {
            font-size: 0.875rem;
            color: rgba(255, 255, 255, 0.65);
            line-height: 1.4;
            margin-bottom: 1rem;
        }
        .token-generator-card .wallet-pill {
            display: inline-block;
            padding: 0.4rem 0.65rem;
            border-radius: 8px;
            background: rgba(0, 0, 0, 0.25);
            font-family: ui-monospace, monospace;
            font-size: 0.875rem;
            color: #fff;
            margin-bottom: 1rem;
        }
        .token-generator-card .curl-block {
            margin-top: 1rem;
            padding-top: 1rem;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .token-generator-card .curl-block pre {
            font-size: 0.7rem;
            line-height: 1.45;
            padding: 0.6rem 0.75rem;
            border-radius: 10px;
            background: rgba(0, 0, 0, 0.35);
            color: rgba(255, 255, 255, 0.9);
            overflow-x: auto;
            white-space: pre-wrap;
            word-break: break-all;
            margin: 0.4rem 0 0.5rem 0;
        }
        .token-generator-card .copy-curl {
            font-size: 0.8125rem;
            color: #93c5fd;
            background: none;
            border: none;
            cursor: pointer;
            padding: 0.25rem 0;
        }
        .token-generator-card .copy-curl:hover {
            color: #bfdbfe;
            text-decoration: underline;
        }
        /* Space below Generate button (reduced so footer sits closer) */
        .token-generator-card #generateTokenBtn {
            margin-bottom: 8px;
        }
        /* Lime/tech green instruction line + space above */
        .token-generator-card .curl-instruction {
            color: #32cd32;
            margin-top: 10px;
        }