{"id":443,"date":"2026-03-04T00:00:30","date_gmt":"2026-03-04T00:00:30","guid":{"rendered":"https:\/\/onlinetexteditor.io\/?page_id=443"},"modified":"2026-04-06T05:09:50","modified_gmt":"2026-04-06T05:09:50","slug":"tiny-text-generator","status":"publish","type":"page","link":"https:\/\/onlinetexteditor.io\/es\/tiny-text-generator\/","title":{"rendered":"Tiny Text Generator \u2013 Shrink Instantly"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]<div class=\"neo-tiny-wrapper\">\r\n    <!-- Inner wrapper constrains width while background stays 100% -->\r\n    <div class=\"neo-tool-inner\">\r\n        \r\n        <!-- Header Section -->\r\n        <header class=\"neo-header\">\r\n            <div class=\"neo-title-box\">\r\n                <h1>TINY TEXT GENERATOR - Shrink Instantly<\/h1>\r\n                <p>SHRINK YOUR WORDS. BOLD NEO-BRUTALIST STYLE. 300+ UNIQUE VARIATIONS.<\/p>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <!-- Main Tool Component -->\r\n        <main class=\"neo-tool-container\">\r\n            <!-- Neo Brutalist Input & Toolbar -->\r\n            <div class=\"neo-input-panel\">\r\n                <textarea id=\"tinyInput\" class=\"neo-textarea\" placeholder=\"Type your text right here...\" aria-label=\"Input text\"><\/textarea>\r\n                \r\n                <div class=\"neo-actions-bar\">\r\n                    <div class=\"neo-action-group\">\r\n                        <button id=\"btnPasteTiny\" class=\"neo-btn btn-yellow\" title=\"Paste text from clipboard\">\r\n                            <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\" ry=\"1\"><\/rect><\/svg>\r\n                            PASTE\r\n                        <\/button>\r\n                        <button id=\"btnSelectAllTiny\" class=\"neo-btn btn-mint\" title=\"Select all text in input\">\r\n                            <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M14 3.269C14 2.568 14.568 2 15.269 2H20a2 2 0 0 1 2 2v4.731C22 9.432 21.432 10 20.731 10H16a2 2 0 0 1-2-2V3.269z\"><\/path><path d=\"M3.269 14C2.568 14 2 14.568 2 15.269V20a2 2 0 0 0 2 2h4.731C9.432 22 10 21.432 10 20.731V16a2 2 0 0 0-2-2H3.269z\"><\/path><\/svg>\r\n                            SELECT ALL\r\n                        <\/button>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"neo-action-group\">\r\n                        <button id=\"btnCopyInputTiny\" class=\"neo-btn btn-blue\" title=\"Copy the input text\">\r\n                            <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg>\r\n                            COPY SRC\r\n                        <\/button>\r\n                        <button id=\"btnClearTiny\" class=\"neo-btn btn-red\" title=\"Clear all text\">\r\n                            <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><polyline points=\"3 6 5 6 21 6\"><\/polyline><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"><\/path><line x1=\"10\" y1=\"11\" x2=\"10\" y2=\"17\"><\/line><line x1=\"14\" y1=\"11\" x2=\"14\" y2=\"17\"><\/line><\/svg>\r\n                            CLEAR\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Output Grid -->\r\n            <div id=\"tinyOutputGrid\" class=\"neo-output-grid\">\r\n                <!-- JavaScript will populate exactly 300 cards here -->\r\n            <\/div>\r\n\r\n            <!-- Load More Section -->\r\n            <div class=\"neo-load-more-container\">\r\n                <button id=\"btnLoadMoreTiny\" class=\"neo-btn btn-white btn-xl\">\r\n                    <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                    LOAD 12 MORE VARIATIONS\r\n                <\/button>\r\n            <\/div>\r\n        <\/main>\r\n    <\/div>\r\n\r\n    <style>\r\n        \/* NEO-BRUTALIST DESIGN VARIABLES *\/\r\n        :root {\r\n            \/* Keep Original Prompt Background *\/\r\n            --tool-bg: linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%);\r\n            \r\n            \/* Hard Contrast Colors *\/\r\n            --neo-border: 4px solid #111827;\r\n            --neo-shadow-default: 8px 8px 0px #111827;\r\n            --neo-shadow-hover: 3px 3px 0px #111827;\r\n            --neo-bg-card: #ffffff;\r\n            --neo-text: #111827;\r\n            \r\n            \/* Playful Brutalist Palette *\/\r\n            --neo-yellow: #fcd34d;\r\n            --neo-mint: #6ee7b7;\r\n            --neo-blue: #93c5fd;\r\n            --neo-red: #fca5a5;\r\n            --neo-lilac: #d8b4fe;\r\n\r\n            --radius-box: 16px;\r\n        }\r\n\r\n        .neo-tiny-wrapper {\r\n            width: 100%;\r\n            min-height: 100vh;\r\n            background: var(--tool-bg);\r\n            font-family: 'Space Grotesk', 'Courier New', Courier, monospace;\r\n            color: var(--neo-text);\r\n            line-height: 1.5;\r\n            padding: 50px 0;\r\n            box-sizing: border-box;\r\n            position: relative;\r\n        }\r\n\r\n        .neo-tiny-wrapper * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .neo-tool-inner {\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* HEADER UI *\/\r\n        .neo-header {\r\n            margin-bottom: 40px;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .neo-title-box {\r\n            background: #ffffff;\r\n            border: var(--neo-border);\r\n            border-radius: var(--radius-box);\r\n            padding: 20px 40px;\r\n            box-shadow: var(--neo-shadow-default);\r\n            text-align: center;\r\n            transform: rotate(-1deg);\r\n            transition: transform 0.2s;\r\n        }\r\n\r\n        .neo-title-box:hover {\r\n            transform: rotate(0deg);\r\n        }\r\n\r\n        .neo-title-box h1 {\r\n            font-size: clamp(2.2rem, 5vw, 4rem);\r\n            margin: 0;\r\n            font-weight: 900;\r\n            letter-spacing: -2px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .neo-title-box p {\r\n            font-size: 1.1rem;\r\n            margin: 10px 0 0 0;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* TOOL CONTAINER *\/\r\n        .neo-tool-container {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 40px;\r\n        }\r\n\r\n        \/* INPUT PANEL *\/\r\n        .neo-input-panel {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n        }\r\n\r\n        .neo-textarea {\r\n            width: 100%;\r\n            height: 180px;\r\n            background: #ffffff;\r\n            border: var(--neo-border);\r\n            border-radius: var(--radius-box);\r\n            box-shadow: var(--neo-shadow-default);\r\n            padding: 25px;\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            resize: vertical;\r\n            outline: none;\r\n            color: var(--neo-text);\r\n            font-family: inherit;\r\n            transition: transform 0.1s, box-shadow 0.1s;\r\n        }\r\n\r\n        .neo-textarea::placeholder {\r\n            color: #9ca3af;\r\n            font-style: italic;\r\n        }\r\n\r\n        .neo-textarea:focus {\r\n            transform: translate(3px, 3px);\r\n            box-shadow: var(--neo-shadow-hover);\r\n        }\r\n\r\n        \/* BUTTONS & TOOLBAR *\/\r\n        .neo-actions-bar {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n            gap: 15px;\r\n        }\r\n\r\n        .neo-action-group {\r\n            display: flex;\r\n            gap: 15px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .neo-btn {\r\n            border: var(--neo-border);\r\n            border-radius: 12px;\r\n            box-shadow: 5px 5px 0px #111827;\r\n            color: var(--neo-text);\r\n            padding: 12px 24px;\r\n            font-weight: 900;\r\n            font-size: 1.1rem;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            transition: transform 0.15s, box-shadow 0.15s, filter 0.2s;\r\n            text-transform: uppercase;\r\n            font-family: inherit;\r\n        }\r\n\r\n        .neo-btn:hover {\r\n            filter: brightness(1.1);\r\n        }\r\n\r\n        .neo-btn:active {\r\n            transform: translate(5px, 5px);\r\n            box-shadow: 0px 0px 0px #111827;\r\n        }\r\n\r\n        \/* Button Colors *\/\r\n        .btn-yellow { background: var(--neo-yellow); }\r\n        .btn-mint { background: var(--neo-mint); }\r\n        .btn-blue { background: var(--neo-blue); }\r\n        .btn-red { background: var(--neo-red); }\r\n        .btn-white { background: #ffffff; }\r\n        .btn-black { background: var(--neo-text); color: #ffffff; }\r\n        .btn-xl { font-size: 1.4rem; padding: 18px 40px; }\r\n\r\n        \/* NEO CARDS GRID *\/\r\n        .neo-output-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        .neo-card {\r\n            background: var(--neo-bg-card);\r\n            border: var(--neo-border);\r\n            border-radius: 14px;\r\n            box-shadow: var(--neo-shadow-default);\r\n            display: flex;\r\n            flex-direction: column;\r\n            overflow: hidden;\r\n            transition: transform 0.15s, box-shadow 0.15s;\r\n        }\r\n\r\n        .neo-card:hover {\r\n            transform: translate(3px, 3px);\r\n            box-shadow: var(--neo-shadow-hover);\r\n        }\r\n\r\n        \/* Card Header *\/\r\n        .neo-card-header {\r\n            background: var(--neo-lilac);\r\n            border-bottom: var(--neo-border);\r\n            padding: 12px 16px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-weight: 900;\r\n        }\r\n\r\n        .neo-card-header-left {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .neo-dot {\r\n            width: 14px;\r\n            height: 14px;\r\n            border-radius: 50%;\r\n            background: #fff;\r\n            border: 2px solid var(--neo-text);\r\n        }\r\n\r\n        .neo-card-index {\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .neo-card-name {\r\n            font-size: 0.85rem;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* Output text display *\/\r\n        .neo-card-body {\r\n            padding: 30px 20px;\r\n            flex-grow: 1;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: #ffffff;\r\n        }\r\n\r\n        .neo-output-text {\r\n            font-size: 2rem;\r\n            font-weight: 800;\r\n            color: var(--neo-text);\r\n            word-break: break-word;\r\n            text-align: center;\r\n            user-select: all;\r\n            min-height: 40px;\r\n        }\r\n\r\n        \/* Action Footer *\/\r\n        .neo-card-footer-btn {\r\n            width: 100%;\r\n            background: var(--neo-text);\r\n            color: #ffffff;\r\n            border: none;\r\n            border-top: var(--neo-border);\r\n            padding: 16px;\r\n            font-size: 1.1rem;\r\n            font-weight: 900;\r\n            text-transform: uppercase;\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-family: inherit;\r\n            transition: background 0.2s, color 0.2s;\r\n        }\r\n\r\n        .neo-card-footer-btn:hover {\r\n            background: var(--neo-mint);\r\n            color: var(--neo-text);\r\n        }\r\n\r\n        .neo-card-footer-btn.copied-state {\r\n            background: var(--neo-yellow);\r\n            color: var(--neo-text);\r\n        }\r\n\r\n        \/* Load More Alignment *\/\r\n        .neo-load-more-container {\r\n            display: flex;\r\n            justify-content: center;\r\n            padding: 20px 0 40px 0;\r\n        }\r\n\r\n        \/* States *\/\r\n        .neo-hidden { display: none !important; }\r\n\r\n        \/* Responsive Breakpoints *\/\r\n        @media (max-width: 768px) {\r\n            .neo-actions-bar { flex-direction: column; align-items: stretch; }\r\n            .neo-action-group { flex-direction: column; width: 100%; }\r\n            .neo-btn { justify-content: center; width: 100%; }\r\n            .neo-title-box h1 { font-size: 2.5rem; }\r\n            .neo-title-box { padding: 15px; transform: rotate(0deg); }\r\n            .neo-output-grid { grid-template-columns: 1fr; }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            \/\/ DOM References\r\n            const inputEl = document.getElementById('tinyInput');\r\n            const gridEl = document.getElementById('tinyOutputGrid');\r\n            const btnLoadMore = document.getElementById('btnLoadMoreTiny');\r\n            \r\n            \/\/ Action Toolbar Elements\r\n            const btnPaste = document.getElementById('btnPasteTiny');\r\n            const btnSelectAll = document.getElementById('btnSelectAllTiny');\r\n            const btnCopyInput = document.getElementById('btnCopyInputTiny');\r\n            const btnClear = document.getElementById('btnClearTiny');\r\n\r\n            \/\/ Pagination settings\r\n            const initialVisibleCount = 12; \/\/ Base layout usually establishes 3 rows of 4\r\n            const loadIncrement = 12;       \/\/ Load +3 lines worth of cards\r\n            let currentVisible = initialVisibleCount;\r\n            let cardRefs =[];\r\n\r\n            \/\/ 1. Superscript Map\r\n            const supMap = {\r\n                a:'\u1d43',b:'\u1d47',c:'\u1d9c',d:'\u1d48',e:'\u1d49',f:'\u1da0',g:'\u1d4d',h:'\u02b0',i:'\u2071',j:'\u02b2',k:'\u1d4f',l:'\u02e1',m:'\u1d50',n:'\u207f',o:'\u1d52',p:'\u1d56',q:'q',r:'\u02b3',s:'\u02e2',t:'\u1d57',u:'\u1d58',v:'\u1d5b',w:'\u02b7',x:'\u02e3',y:'\u02b8',z:'\u1dbb',\r\n                A:'\u1d2c',B:'\u1d2e',C:'\u1d9c',D:'\u1d30',E:'\u1d31',F:'\u1da0',G:'\u1d33',H:'\u1d34',I:'\u1d35',J:'\u1d36',K:'\u1d37',L:'\u1d38',M:'\u1d39',N:'\u1d3a',O:'\u1d3c',P:'\u1d3e',Q:'Q',R:'\u1d3f',S:'\u02e2',T:'\u1d40',U:'\u1d41',V:'\u2c7d',W:'\u1d42',X:'\u02e3',Y:'\u02b8',Z:'\u1dbb',\r\n                '0':'\u2070','1':'\u00b9','2':'\u00b2','3':'\u00b3','4':'\u2074','5':'\u2075','6':'\u2076','7':'\u2077','8':'\u2078','9':'\u2079','+':'\u207a','-':'\u207b','=':'\u207c','(':'\u207d',')':'\u207e'\r\n            };\r\n\r\n            \/\/ 2. Subscript Map\r\n            const subMap = {\r\n                a:'\u2090',b:'\u266d',c:'\ua700',d:'\u146f',e:'\u2091',f:'\u0562',g:'\u2089',h:'\u2095',i:'\u1d62',j:'\u2c7c',k:'\u2096',l:'\u2097',m:'\u2098',n:'\u2099',o:'\u2092',p:'\u209a',q:'q',r:'\u1d63',s:'\u209b',t:'\u209c',u:'\u1d64',v:'\u1d65',w:'w',x:'\u2093',y:'y',z:'z',\r\n                A:'\u2090',B:'\u2088',C:'C',D:'D',E:'\u2091',F:'F',G:'G',H:'\u2095',I:'\u1d62',J:'J',K:'\u2096',L:'\u2097',M:'\u2098',N:'\u2099',O:'\u2092',P:'\u209a',Q:'Q',R:'\u1d63',S:'\u209b',T:'\u209c',U:'\u1d64',V:'\u1d65',W:'W',X:'\u2093',Y:'Y',Z:'Z',\r\n                '0':'\u2080','1':'\u2081','2':'\u2082','3':'\u2083','4':'\u2084','5':'\u2085','6':'\u2086','7':'\u2087','8':'\u2088','9':'\u2089','+':'\u208a','-':'\u208b','=':'\u208c','(':'\u208d',')':'\u208e'\r\n            };\r\n\r\n            \/\/ 3. Small Caps Map\r\n            const scMap = {\r\n                a:'\u1d00',b:'\u0299',c:'\u1d04',d:'\u1d05',e:'\u1d07',f:'\u0493',g:'\u0262',h:'\u029c',i:'\u026a',j:'\u1d0a',k:'\u1d0b',l:'\u029f',m:'\u1d0d',n:'\u0274',o:'\u1d0f',p:'\u1d18',q:'\u01eb',r:'\u0280',s:'s',t:'\u1d1b',u:'\u1d1c',v:'\u1d20',w:'\u1d21',x:'x',y:'\u028f',z:'\u1d22',\r\n                A:'\u1d00',B:'\u0299',C:'\u1d04',D:'\u1d05',E:'\u1d07',F:'\u0493',G:'\u0262',H:'\u029c',I:'\u026a',J:'\u1d0a',K:'\u1d0b',L:'\u029f',M:'\u1d0d',N:'\u0274',O:'\u1d0f',P:'\u1d18',Q:'\u01eb',R:'\u0280',S:'s',T:'\u1d1b',U:'\u1d1c',V:'\u1d20',W:'\u1d21',X:'x',Y:'\u028f',Z:'\u1d22'\r\n            };\r\n\r\n            \/\/ 4. Bubble Map\r\n            const bubMap = {\r\n                a:'\u24d0',b:'\u24d1',c:'\u24d2',d:'\u24d3',e:'\u24d4',f:'\u24d5',g:'\u24d6',h:'\u24d7',i:'\u24d8',j:'\u24d9',k:'\u24da',l:'\u24db',m:'\u24dc',n:'\u24dd',o:'\u24de',p:'\u24df',q:'\u24e0',r:'\u24e1',s:'\u24e2',t:'\u24e3',u:'\u24e4',v:'\u24e5',w:'\u24e6',x:'\u24e7',y:'\u24e8',z:'\u24e9',\r\n                A:'\u24b6',B:'\u24b7',C:'\u24b8',D:'\u24b9',E:'\u24ba',F:'\u24bb',G:'\u24bc',H:'\u24bd',I:'\u24be',J:'\u24bf',K:'\u24c0',L:'\u24c1',M:'\u24c2',N:'\u24c3',O:'\u24c4',P:'\u24c5',Q:'\u24c6',R:'\u24c7',S:'\u24c8',T:'\u24c9',U:'\u24ca',V:'\u24cb',W:'\u24cc',X:'\u24cd',Y:'\u24ce',Z:'\u24cf',\r\n                '1':'\u2460','2':'\u2461','3':'\u2462','4':'\u2463','5':'\u2464','6':'\u2465','7':'\u2466','8':'\u2467','9':'\u2468','0':'\u24ea'\r\n            };\r\n\r\n            \/\/ 5. Parenthesized Map\r\n            const parMap = {\r\n                a:'\u249c',b:'\u249d',c:'\u249e',d:'\u249f',e:'\u24a0',f:'\u24a1',g:'\u24a2',h:'\u24a3',i:'\u24a4',j:'\u24a5',k:'\u24a6',l:'\u24a7',m:'\u24a8',n:'\u24a9',o:'\u24aa',p:'\u24ab',q:'\u24ac',r:'\u24ad',s:'\u24ae',t:'\u24af',u:'\u24b0',v:'\u24b1',w:'\u24b2',x:'\u24b3',y:'\u24b4',z:'\u24b5',\r\n                A:'\u249c',B:'\u249d',C:'\u249e',D:'\u249f',E:'\u24a0',F:'\u24a1',G:'\u24a2',H:'\u24a3',I:'\u24a4',J:'\u24a5',K:'\u24a6',L:'\u24a7',M:'\u24a8',N:'\u24a9',O:'\u24aa',P:'\u24ab',Q:'\u24ac',R:'\u24ad',S:'\u24ae',T:'\u24af',U:'\u24b0',V:'\u24b1',W:'\u24b2',X:'\u24b3',Y:'\u24b4',Z:'\u24b5',\r\n                '1':'\u2474','2':'\u2475','3':'\u2476','4':'\u2477','5':'\u2478','6':'\u2479','7':'\u247a','8':'\u247b','9':'\u247c'\r\n            };\r\n\r\n            \/\/ 6. Monospace Map\r\n            const monoMap = {\r\n                a:'\ud835\ude8a',b:'\ud835\ude8b',c:'\ud835\ude8c',d:'\ud835\ude8d',e:'\ud835\ude8e',f:'\ud835\ude8f',g:'\ud835\ude90',h:'\ud835\ude91',i:'\ud835\ude92',j:'\ud835\ude93',k:'\ud835\ude94',l:'\ud835\ude95',m:'\ud835\ude96',n:'\ud835\ude97',o:'\ud835\ude98',p:'\ud835\ude99',q:'\ud835\ude9a',r:'\ud835\ude9b',s:'\ud835\ude9c',t:'\ud835\ude9d',u:'\ud835\ude9e',v:'\ud835\ude9f',w:'\ud835\udea0',x:'\ud835\udea1',y:'\ud835\udea2',z:'\ud835\udea3',\r\n                A:'\ud835\ude70',B:'\ud835\ude71',C:'\ud835\ude72',D:'\ud835\ude73',E:'\ud835\ude74',F:'\ud835\ude75',G:'\ud835\ude76',H:'\ud835\ude77',I:'\ud835\ude78',J:'\ud835\ude79',K:'\ud835\ude7a',L:'\ud835\ude7b',M:'\ud835\ude7c',N:'\ud835\ude7d',O:'\ud835\ude7e',P:'\ud835\ude7f',Q:'\ud835\ude80',R:'\ud835\ude81',S:'\ud835\ude82',T:'\ud835\ude83',U:'\ud835\ude84',V:'\ud835\ude85',W:'\ud835\ude86',X:'\ud835\ude87',Y:'\ud835\ude88',Z:'\ud835\ude89'\r\n            };\r\n\r\n            function applyMap(text, map) {\r\n                return text.split('').map(c => map[c] || c).join('');\r\n            }\r\n\r\n            const baseStyles =[\r\n                { id: \"Super\", fn: t => applyMap(t, supMap) },\r\n                { id: \"Sub\", fn: t => applyMap(t, subMap) },\r\n                { id: \"SmallCaps\", fn: t => applyMap(t, scMap) },\r\n                { id: \"Bubble\", fn: t => applyMap(t, bubMap) },\r\n                { id: \"Paren\", fn: t => applyMap(t, parMap) },\r\n                { id: \"Mono\", fn: t => applyMap(t, monoMap) }\r\n            ];\r\n\r\n            \/\/ Generating 50 precise Decorator Configurations to multiply 6 base types = exactly 300\r\n            const decors =[\r\n                { l:\"\", r:\"\", name:\"Plain\" }, { l:\"\u2605 \", r:\" \u2605\", name:\"Stars\" }, { l:\"[ \", r:\" ]\", name:\"Brackets\" },\r\n                { l:\"{ \", r:\" }\", name:\"Braces\" }, { l:\"\u300c \", r:\" \u300d\", name:\"Japan Frame\" }, { l:\"\u300a \", r:\" \u300b\", name:\"Arrows\" },\r\n                { l:\"~ \", r:\" ~\", name:\"Waves\" }, { l:\"- \", r:\" -\", name:\"Dash\" }, { l:\"\u2022 \", r:\" \u2022\", name:\"Dots\" },\r\n                { l:\"\u2728 \", r:\" \u2728\", name:\"Sparkles\" }, { l:\"\u2661 \", r:\" \u2661\", name:\"Hearts\" }, { l:\"( \", r:\" )\", name:\"Parenth\" },\r\n                { l:\"| \", r:\" |\", name:\"Bars\" }, { l:\"\u2601\ufe0f \", r:\" \u2601\ufe0f\", name:\"Clouds\" }, { l:\"\u273f \", r:\" \u273f\", name:\"Flower\" },\r\n                { l:\"\u2606 \", r:\" \u2606\", name:\"Hollow Star\" }, { l:\"|\u2014 \", r:\" \u2014|\", name:\"T-Bars\" }, { l:\"\u300e \", r:\" \u300f\", name:\"Hollow Jap\" },\r\n                { l:\"\u3010 \", r:\" \u3011\", name:\"Solid Jap\" }, { l:\"<< \", r:\" >>\", name:\"Double Arrow\" }, { l:\"\u2727 \", r:\" \u2727\", name:\"Shine\" },\r\n                { l:\"\u00b0 \", r:\" \u00b0\", name:\"Degree\" }, { l:\"x \", r:\" x\", name:\"Crosses\" }, { l:\"= \", r:\" =\", name:\"Equals\" },\r\n                { l:\"# \", r:\" #\", name:\"Hash\" }, { l:\"\/\/ \", r:\" \/\/\", name:\"Slashes\" }, { l:\"<3 \", r:\" <3\", name:\"Text Heart\" },\r\n                { l:\":) \", r:\" (: \", name:\"Smiles\" }, { l:\"< \", r:\" >\", name:\"Carets\" }, { l:\"+ \", r:\" +\", name:\"Plus\" },\r\n                { l:\"_ \", r:\" _\", name:\"Underscore\" }, { l:\",, \", r:\" ,,\", name:\"Commas\" }, { l:\"^ \", r:\" ^\", name:\"Hats\" },\r\n                { l:\"\u2022. \", r:\" .\u2022\", name:\"Minimal\" }, { l:\"|| \", r:\" ||\", name:\"DBL Bars\" }, { l:\"*\", r:\"*\", name:\"Asterisks\" },\r\n                { l:\"~* \", r:\" *~\", name:\"Magic\" }, { l:\"- - \", r:\" - -\", name:\"Spaced Dash\" }, { l:\".: \", r:\" :.\", name:\"Tech\" },\r\n                { l:\"::: \", r:\" :::\", name:\"Grid\" }, { l:\"\u00bb \", r:\" \u00ab\", name:\"Chevrons\" }, { l:\"o \", r:\" o\", name:\"Circles\" },\r\n                { l:\"*\u00b0 \", r:\" \u00b0*\", name:\"Cold\" }, { l:\";; \", r:\" ;;\", name:\"Semi\" }, { l:\"v \", r:\" v\", name:\"Vees\" },\r\n                { l:\"' \", r:\" '\", name:\"Quotes\" }, { l:\"\\\" \", r:\" \\\"\", name:\"Double Q\" }, { l:\"\/ \", r:\" \\\\\", name:\"Tilt\" },\r\n                { l:\"~\u00b0 \", r:\" \u00b0~\", name:\"Wind\" }, { l:\"-\u00b7 \", r:\" \u00b7-\", name:\"Morse\" }\r\n            ];\r\n\r\n            const configs =[];\r\n            \r\n            decors.forEach(decor => {\r\n                baseStyles.forEach(base => {\r\n                    configs.push({\r\n                        name: `${decor.name} ${base.id}`,\r\n                        generator: (text) => decor.l + base.fn(text) + decor.r\r\n                    });\r\n                });\r\n            });\r\n\r\n            \/\/ Fast DOM Builder for NEO-BRUTALIST UI\r\n            function initGrid() {\r\n                const initialText = \"Neo Text\";\r\n                \r\n                \/\/ Colors to cycle through for headers\r\n                const headerColors =['var(--neo-yellow)', 'var(--neo-mint)', 'var(--neo-blue)', 'var(--neo-red)', 'var(--neo-lilac)'];\r\n\r\n                configs.forEach((cfg, index) => {\r\n                    const card = document.createElement('div');\r\n                    card.className = `neo-card ${index >= currentVisible ? 'neo-hidden' : ''}`;\r\n                    card.dataset.index = index;\r\n\r\n                    const hdColor = headerColors[index % headerColors.length];\r\n\r\n                    card.innerHTML = `\r\n                        <div class=\"neo-card-header\" style=\"background: ${hdColor}\">\r\n                            <div class=\"neo-card-header-left\">\r\n                                <span class=\"neo-dot\"><\/span>\r\n                                <span class=\"neo-card-index\">#${index + 1}<\/span>\r\n                            <\/div>\r\n                            <span class=\"neo-card-name\">${cfg.name}<\/span>\r\n                        <\/div>\r\n                        <div class=\"neo-card-body\">\r\n                            <div class=\"neo-output-text\" id=\"neo-out-${index}\"><\/div>\r\n                        <\/div>\r\n                        <button class=\"neo-card-footer-btn\" id=\"neo-copy-${index}\">\r\n                            COPY TEXT\r\n                        <\/button>\r\n                    `;\r\n                    \r\n                    gridEl.appendChild(card);\r\n                    \r\n                    cardRefs.push({\r\n                        container: card,\r\n                        textNode: document.getElementById(`neo-out-${index}`),\r\n                        copyBtn: document.getElementById(`neo-copy-${index}`),\r\n                        generator: cfg.generator\r\n                    });\r\n\r\n                    \/\/ Assign Click logic to action footers\r\n                    cardRefs[index].copyBtn.addEventListener('click', () => {\r\n                        const txtToCopy = cardRefs[index].textNode.textContent;\r\n                        navigator.clipboard.writeText(txtToCopy).then(() => {\r\n                            const btn = cardRefs[index].copyBtn;\r\n                            const ogHTML = btn.innerHTML;\r\n                            btn.innerHTML = `COPIED! \u2714`;\r\n                            btn.classList.add('copied-state');\r\n                            setTimeout(() => {\r\n                                btn.innerHTML = ogHTML;\r\n                                btn.classList.remove('copied-state');\r\n                            }, 1500);\r\n                        });\r\n                    });\r\n                });\r\n                \r\n                \/\/ Initialize Generation\r\n                updateTextGenerations(initialText);\r\n            }\r\n\r\n            \/\/ Realtime Update logic\r\n            function updateTextGenerations(val) {\r\n                const txt = val.trim() || \"Neo Text\";\r\n                for (let i = 0; i < currentVisible; i++) {\r\n                    cardRefs[i].textNode.textContent = cardRefs[i].generator(txt);\r\n                }\r\n            }\r\n\r\n            inputEl.addEventListener('input', (e) => {\r\n                updateTextGenerations(e.target.value);\r\n            });\r\n\r\n            \/\/ Action Buttons\r\n            btnPaste.addEventListener('click', async () => {\r\n                inputEl.focus(); \/\/ Focus immediately to fallback nicely if blocked\r\n                try {\r\n                    \/\/ Modern Clipboard API check\r\n                    if (navigator.clipboard && navigator.clipboard.readText) {\r\n                        const text = await navigator.clipboard.readText();\r\n                        \/\/ Insert at cursor behavior for seamless experience\r\n                        const start = inputEl.selectionStart;\r\n                        const end = inputEl.selectionEnd;\r\n                        inputEl.value = inputEl.value.substring(0, start) + text + inputEl.value.substring(end);\r\n                        inputEl.selectionStart = inputEl.selectionEnd = start + text.length;\r\n                        \r\n                        updateTextGenerations(inputEl.value);\r\n                    } else {\r\n                        throw new Error(\"Clipboard API not available or permitted\");\r\n                    }\r\n                } catch (err) {\r\n                    alert(\"Your browser restricts auto-pasting. Please press Ctrl+V or Cmd+V to paste directly into the box.\");\r\n                }\r\n            });\r\n\r\n            btnSelectAll.addEventListener('click', () => {\r\n                inputEl.select();\r\n            });\r\n\r\n            btnCopyInput.addEventListener('click', () => {\r\n                if(inputEl.value) {\r\n                    navigator.clipboard.writeText(inputEl.value);\r\n                    const ogHtml = btnCopyInput.innerHTML;\r\n                    btnCopyInput.innerHTML = `COPIED! \u2714`;\r\n                    setTimeout(() => btnCopyInput.innerHTML = ogHtml, 2000);\r\n                }\r\n            });\r\n\r\n            btnClear.addEventListener('click', () => {\r\n                inputEl.value = '';\r\n                updateTextGenerations('');\r\n                inputEl.focus();\r\n            });\r\n\r\n            \/\/ Load More Logic (12 per load)\r\n            btnLoadMore.addEventListener('click', () => {\r\n                const prevVisible = currentVisible;\r\n                currentVisible += loadIncrement;\r\n                \r\n                if (currentVisible > configs.length) {\r\n                    currentVisible = configs.length;\r\n                }\r\n\r\n                const currentText = inputEl.value.trim() || \"Neo Text\";\r\n\r\n                for (let i = prevVisible; i < currentVisible; i++) {\r\n                    cardRefs[i].container.classList.remove('neo-hidden');\r\n                    cardRefs[i].textNode.textContent = cardRefs[i].generator(currentText);\r\n                }\r\n\r\n                if (currentVisible >= configs.length) {\r\n                    document.querySelector('.neo-load-more-container').classList.add('neo-hidden');\r\n                }\r\n            });\r\n\r\n            \/\/ Run Tool\r\n            initGrid();\r\n        });\r\n    <\/script>\r\n<\/div>\r\n\r\n<!-- <content section is strating -->\r\n<div>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <!-- SECTION 1 \u2014 WHITE BG + WHITE CARDS -->\r\n\r\n\r\n\r\n<section class=\"pg-fcs-section pg-fcs-sec1\">\r\n        <div class=\"pg-fcs-inner\">\r\n\r\n<\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"pg-fcs-section pg-fcs-sec1\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">What Makes This <span class=\"pg-fcs-kw\">Tiny Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Discover why thousands of users love our tiny text generator to create perfectly scaled-down small text for bios, captions, and detailed formatting \u2014 completely free.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,229,255,0.12);color:#00e5ff;\"><i class=\"fa-solid fa-compress\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Instant Size Reduction<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Type your text and watch it shrink instantly \u2014 our tiny text generator converts normal text to superscript, subscript, and small caps in real time.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(170,0,255,0.12);color:#aa00ff;\"><i class=\"fa-solid fa-text-height\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">5 Unique Tiny Formats<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Superscript, subscript, small caps, tiny script, and micro text \u2014 our tiny text generator offers five distinct small text styles for every need.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,109,0,0.12);color:#ff6d00;\"><i class=\"fa-solid fa-copy\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">One-Click Copy & Paste<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Found your perfect tiny text? Hit copy and paste it into Instagram bios, Twitter posts, Discord names, or any platform that supports Unicode.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,230,118,0.12);color:#00e676;\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">100% Safe & Browser-Based<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Our tiny text generator runs entirely in your browser \u2014 no servers, no data collection. Your text never leaves your device, ever.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,23,68,0.12);color:#ff1744;\"><i class=\"fa-solid fa-mobile-screen-button\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Works on Every Device<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Phone, tablet, or desktop \u2014 our tiny text generator is fully responsive and renders small text perfectly on any screen and any browser.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(41,121,255,0.12);color:#2979ff;\"><i class=\"fa-solid fa-infinity\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Unlimited Free Usage<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">No accounts, no limits, no fees. Use this tiny text generator as many times as you want \u2014 shrink unlimited text, forever free.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 \u2014 PREVIOUS GRADIENT BG + GLASS CARDS -->\r\n    <section class=\"pg-fcs-section pg-fcs-sec2\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">How Does Our <span class=\"pg-fcs-kw\">Tiny Text Generator<\/span> Work?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Creating tiny text is incredibly easy. No design tools needed \u2014 just follow these simple steps and get your small text ready to paste in seconds.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\u270f\ufe0f<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 1: Type Your Normal Text<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Enter any word, sentence, or paragraph into the input box of our tiny text generator \u2014 any regular text works perfectly as your base.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udd2c<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 2: Pick a Tiny Style<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Choose from superscript, subscript, small caps, tiny script, or micro format \u2014 each gives a different size and style of small text output.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udd0d<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 3: Preview the Result<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Your text instantly converts to tiny Unicode characters \u2014 see a live preview of exactly how your small text will look when pasted elsewhere.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udccb<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 4: Copy to Clipboard<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Happy with the result? Click the copy button and your tiny text is instantly saved to clipboard \u2014 no formatting lost, pure Unicode.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udccc<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 5: Paste Anywhere<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Paste your tiny text into social media bios, comments, captions, messages, or usernames \u2014 real Unicode means it works everywhere.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83e\udde9<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 6: Mix Styles Freely<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Combine tiny text with normal text, or mix superscript with subscript \u2014 our tiny text generator lets you create unique size contrasts.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 \u2014 WHITE BG + SOFT GRAY CARDS -->\r\n    <section class=\"pg-fcs-section pg-fcs-sec3\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">Where Can You Use <span class=\"pg-fcs-kw\">Tiny Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Our tiny text generator creates real Unicode small text that renders on virtually every platform. Here are the most popular ways people use it creatively.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(245,0,87,0.12);color:#f50057;\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Instagram Bio Formatting<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Fit more info in your Instagram bio using tiny text for secondary details \u2014 links, tags, or disclaimers without wasting valuable bio space.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,0,80,0.10);color:#ff0050;\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">TikTok Caption Details<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Add subtle tiny text hashtags, credits, or disclaimers below your main TikTok caption \u2014 keeps the post clean while including extra info.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(101,31,255,0.12);color:#651fff;\"><i class=\"fa-brands fa-discord\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Discord Status & Names<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Set tiny text as your Discord custom status or use it for server role labels \u2014 adds a clean, minimal aesthetic to your Discord profile.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,176,255,0.12);color:#00b0ff;\"><i class=\"fa-brands fa-twitter\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Twitter \/ X Thread Notes<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Use tiny text in Twitter threads for continuation numbers, source links, or side notes \u2014 keeps your main tweet clean and readable.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,145,0,0.12);color:#ff9100;\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">YouTube Description Links<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Add tiny text disclaimers, affiliate links, or timestamps in YouTube descriptions \u2014 keeps the layout tidy without losing important information.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(29,233,182,0.12);color:#1de9b6;\"><i class=\"fa-solid fa-pen-ruler\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Design & Watermarking<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Use tiny text for subtle watermarks on digital art, photo credits, or design annotations \u2014 small enough to not distract but still readable.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n        :root{\r\n            --accent-teal:#00b8d4;--accent-purple:#9c27b0;--accent-coral:#ff7043;\r\n            --accent-green:#4caf50;--accent-pink:#e91e63;--accent-indigo:#3f51b5;\r\n            --text-dark:#0a0a0a;--text-primary:#1a1a1a;--text-muted:#4a4a5a;\r\n            --grad-tiny:linear-gradient(135deg,#00e5ff,#aa00ff,#ff6d00);\r\n            --theme-bg-alt:rgba(243,248,252,0.7);\r\n            --shadow-card:0 4px 15px rgba(0,184,212,0.06);\r\n            --shadow-card-hover:0 12px 30px rgba(0,184,212,0.15);\r\n            --tr:all .35s cubic-bezier(.2,.8,.2,1);\r\n            --ff:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif\r\n        }\r\n        .pg-fcs-section{width:100%;padding:clamp(48px,8vw,96px) 20px;position:relative;overflow:hidden;font-family:var(--ff);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}\r\n        .pg-fcs-inner{max-width:1200px;margin:0 auto}\r\n        .pg-fcs-heading{font-family:var(--ff);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;text-align:center;color:var(--text-dark);margin-bottom:clamp(8px,1.5vw,14px);line-height:1.2;letter-spacing:-.03em}\r\n        .pg-fcs-kw{color:var(--accent-teal);position:relative}\r\n        .pg-fcs-kw::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:var(--grad-tiny);border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1)}\r\n        .pg-fcs-section:hover .pg-fcs-kw::after{transform:scaleX(1)}\r\n        .pg-fcs-sub{font-family:var(--ff);font-size:clamp(.88rem,1.8vw,1.02rem);font-weight:400;text-align:center;color:var(--text-muted);max-width:660px;margin:0 auto clamp(32px,5vw,56px);line-height:1.7}\r\n        .pg-fcs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,26px)}\r\n        .pg-fcs-card{border-radius:16px;padding:clamp(22px,3vw,32px);position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--tr);border:1px solid transparent}\r\n        .pg-fcs-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--grad-tiny);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1);z-index:2}\r\n        .pg-fcs-card::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(0,184,212,.10) 0%,rgba(156,39,176,.04) 60%,transparent 100%);transform:translate(-50%,-50%);transition:width .55s ease-out,height .55s ease-out,opacity .55s ease-out;opacity:0;z-index:1;pointer-events:none}\r\n        .pg-fcs-card:hover::before{transform:scaleX(1)}\r\n        .pg-fcs-card.pg-fcs-pressed{transform:translateY(-1px) scale(.985)!important}\r\n        .pg-fcs-card.pg-fcs-pressed::before{transform:scaleX(1)}\r\n        .pg-fcs-card.pg-fcs-ripple::after{width:320px;height:320px;opacity:1}\r\n        .pg-fcs-card.pg-fcs-ripple-out::after{width:320px;height:320px;opacity:0}\r\n\r\n        \/* ICON \u2014 PREVIOUS ROUNDED SQUARE DESIGN *\/\r\n        .pg-fcs-icon{width:clamp(46px,5vw,58px);height:clamp(46px,5vw,58px);min-width:46px;min-height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:clamp(18px,2.5vw,24px);margin-bottom:clamp(14px,2vw,20px);transition:var(--tr);position:relative;z-index:3}\r\n        .pg-fcs-card:hover .pg-fcs-icon{transform:scale(1.12) rotate(-4deg)}\r\n        .pg-fcs-card.pg-fcs-pressed .pg-fcs-icon{transform:scale(1.04) rotate(0deg)}\r\n\r\n        \/* EMOJI *\/\r\n        .pg-fcs-emoji{font-size:clamp(28px,3.5vw,36px);margin-bottom:clamp(12px,1.8vw,16px);display:inline-block;transition:var(--tr);position:relative;z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}\r\n        .pg-fcs-card:hover .pg-fcs-emoji{transform:scale(1.22) rotate(-6deg)}\r\n        .pg-fcs-card.pg-fcs-pressed .pg-fcs-emoji{transform:scale(1.08) rotate(0deg)}\r\n\r\n        \/* TEXT *\/\r\n        .pg-fcs-card-title{font-family:var(--ff);font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;color:var(--text-dark);margin-bottom:clamp(6px,1vw,10px);line-height:1.35;position:relative;z-index:3}\r\n        .pg-fcs-card-desc{font-family:var(--ff);font-size:clamp(.8rem,1.5vw,.9rem);font-weight:400;color:var(--text-muted);line-height:1.65;position:relative;z-index:3}\r\n\r\n        \/* SEC 1 \u2014 WHITE + DARK TEXT *\/\r\n        .pg-fcs-sec1{background:#fff}\r\n        .pg-fcs-sec1 .pg-fcs-card{background:#fff;border-color:rgba(0,184,212,.08);box-shadow:0 2px 12px rgba(0,184,212,.04)}\r\n        .pg-fcs-sec1 .pg-fcs-card:hover{border-color:var(--accent-teal);box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}\r\n        .pg-fcs-sec1 .pg-fcs-sub{color:#2a2a2a}\r\n        .pg-fcs-sec1 .pg-fcs-card-title{color:#0a0a0a}\r\n        .pg-fcs-sec1 .pg-fcs-card-desc{color:#2a2a2a}\r\n\r\n        \/* SEC 2 \u2014 PREVIOUS GRADIENT *\/\r\n        .pg-fcs-sec2{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}\r\n        .pg-fcs-sec2 .pg-fcs-heading{color:#fff}\r\n        .pg-fcs-sec2 .pg-fcs-kw{color:#ffd700}\r\n        .pg-fcs-sec2 .pg-fcs-kw::after{background:linear-gradient(90deg,#667eea,#764ba2,#ffd700)}\r\n        .pg-fcs-sec2 .pg-fcs-sub{color:rgba(255,255,255,.8)}\r\n        .pg-fcs-sec2 .pg-fcs-card{background:rgba(255,255,255,.95);border-color:rgba(255,255,255,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.12)}\r\n        .pg-fcs-sec2 .pg-fcs-card::before{background:linear-gradient(90deg,#667eea,#764ba2,#ffd700)}\r\n        .pg-fcs-sec2 .pg-fcs-card:hover{border-color:rgba(255,255,255,.7);box-shadow:0 12px 40px rgba(118,75,162,.3);transform:translateY(-5px)}\r\n        .pg-fcs-sec2 .pg-fcs-card::after{background:radial-gradient(circle,rgba(118,75,162,.1) 0%,rgba(102,126,234,.05) 60%,transparent 100%)}\r\n\r\n        \/* SEC 3 \u2014 WHITE + SOFT GRAY *\/\r\n        .pg-fcs-sec3{background:#fff}\r\n        .pg-fcs-sec3 .pg-fcs-card{background:var(--theme-bg-alt);border-color:rgba(0,184,212,.06);box-shadow:0 2px 10px rgba(0,184,212,.03)}\r\n        .pg-fcs-sec3 .pg-fcs-card::before{background:linear-gradient(90deg,#00e5ff,#aa00ff,#ff6d00)}\r\n        .pg-fcs-sec3 .pg-fcs-card:hover{border-color:var(--accent-teal);box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}\r\n\r\n        \/* RESPONSIVE *\/\r\n        @media(max-width:820px){.pg-fcs-grid{grid-template-columns:repeat(2,1fr);gap:16px}.pg-fcs-section{padding:clamp(36px,6vw,64px) 16px}}\r\n        @media(max-width:540px){.pg-fcs-grid{grid-template-columns:1fr;gap:14px}.pg-fcs-card{padding:22px}.pg-fcs-sub{margin-bottom:28px}}\r\n        @media(max-width:360px){.pg-fcs-section{padding:32px 12px}.pg-fcs-card{padding:18px;border-radius:12px}}\r\n    <\/style>\r\n\r\n    <script>\r\n    (function(){\r\n        var c=document.querySelectorAll('.pg-fcs-card');\r\n        c.forEach(function(card){\r\n            function ripple(el){\r\n                el.classList.remove('pg-fcs-ripple','pg-fcs-ripple-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('pg-fcs-ripple');\r\n                setTimeout(function(){el.classList.add('pg-fcs-ripple-out')},300);\r\n                setTimeout(function(){el.classList.remove('pg-fcs-ripple','pg-fcs-ripple-out')},700);\r\n            }\r\n            card.addEventListener('mousedown',function(){card.classList.add('pg-fcs-pressed')});\r\n            card.addEventListener('mouseup',function(){setTimeout(function(){card.classList.remove('pg-fcs-pressed')},120);ripple(card)});\r\n            card.addEventListener('mouseleave',function(){card.classList.remove('pg-fcs-pressed','pg-fcs-ripple','pg-fcs-ripple-out')});\r\n            card.addEventListener('touchstart',function(){card.classList.add('pg-fcs-pressed');ripple(card)},{passive:true});\r\n            card.addEventListener('touchend',function(){setTimeout(function(){card.classList.remove('pg-fcs-pressed')},150)});\r\n            card.addEventListener('touchcancel',function(){card.classList.remove('pg-fcs-pressed','pg-fcs-ripple','pg-fcs-ripple-out')});\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/div>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"neo-tiny-wrapper\">\r\n    <!-- Inner wrapper constrains width while background stays 100% -->\r\n    <div class=\"neo-tool-inner\">\r\n        \r\n        <!-- Header Section -->\r\n        <header class=\"neo-header\">\r\n            <div class=\"neo-title-box\">\r\n                <h1>TINY TEXT GENERATOR - Shrink Instantly<\/h1>\r\n                <p>SHRINK YOUR WORDS. BOLD NEO-BRUTALIST STYLE. 300+ UNIQUE VARIATIONS.<\/p>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <!-- Main Tool Component -->\r\n        <main class=\"neo-tool-container\">\r\n            <!-- Neo Brutalist Input & Toolbar -->\r\n            <div class=\"neo-input-panel\">\r\n                <textarea id=\"tinyInput\" class=\"neo-textarea\" placeholder=\"Type your text right here...\" aria-label=\"Input text\"><\/textarea>\r\n                \r\n                <div class=\"neo-actions-bar\">\r\n                    <div class=\"neo-action-group\">\r\n                        <button id=\"btnPasteTiny\" class=\"neo-btn btn-yellow\" title=\"Paste text from clipboard\">\r\n                            <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\" ry=\"1\"><\/rect><\/svg>\r\n                            PASTE\r\n                        <\/button>\r\n                        <button id=\"btnSelectAllTiny\" class=\"neo-btn btn-mint\" title=\"Select all text in input\">\r\n                            <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M14 3.269C14 2.568 14.568 2 15.269 2H20a2 2 0 0 1 2 2v4.731C22 9.432 21.432 10 20.731 10H16a2 2 0 0 1-2-2V3.269z\"><\/path><path d=\"M3.269 14C2.568 14 2 14.568 2 15.269V20a2 2 0 0 0 2 2h4.731C9.432 22 10 21.432 10 20.731V16a2 2 0 0 0-2-2H3.269z\"><\/path><\/svg>\r\n                            SELECT ALL\r\n                        <\/button>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"neo-action-group\">\r\n                        <button id=\"btnCopyInputTiny\" class=\"neo-btn btn-blue\" title=\"Copy the input text\">\r\n                            <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg>\r\n                            COPY SRC\r\n                        <\/button>\r\n                        <button id=\"btnClearTiny\" class=\"neo-btn btn-red\" title=\"Clear all text\">\r\n                            <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><polyline points=\"3 6 5 6 21 6\"><\/polyline><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"><\/path><line x1=\"10\" y1=\"11\" x2=\"10\" y2=\"17\"><\/line><line x1=\"14\" y1=\"11\" x2=\"14\" y2=\"17\"><\/line><\/svg>\r\n                            CLEAR\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Output Grid -->\r\n            <div id=\"tinyOutputGrid\" class=\"neo-output-grid\">\r\n                <!-- JavaScript will populate exactly 300 cards here -->\r\n            <\/div>\r\n\r\n            <!-- Load More Section -->\r\n            <div class=\"neo-load-more-container\">\r\n                <button id=\"btnLoadMoreTiny\" class=\"neo-btn btn-white btn-xl\">\r\n                    <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                    LOAD 12 MORE VARIATIONS\r\n                <\/button>\r\n            <\/div>\r\n        <\/main>\r\n    <\/div>\r\n\r\n    <style>\r\n        \/* NEO-BRUTALIST DESIGN VARIABLES *\/\r\n        :root {\r\n            \/* Keep Original Prompt Background *\/\r\n            --tool-bg: linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%);\r\n            \r\n            \/* Hard Contrast Colors *\/\r\n            --neo-border: 4px solid #111827;\r\n            --neo-shadow-default: 8px 8px 0px #111827;\r\n            --neo-shadow-hover: 3px 3px 0px #111827;\r\n            --neo-bg-card: #ffffff;\r\n            --neo-text: #111827;\r\n            \r\n            \/* Playful Brutalist Palette *\/\r\n            --neo-yellow: #fcd34d;\r\n            --neo-mint: #6ee7b7;\r\n            --neo-blue: #93c5fd;\r\n            --neo-red: #fca5a5;\r\n            --neo-lilac: #d8b4fe;\r\n\r\n            --radius-box: 16px;\r\n        }\r\n\r\n        .neo-tiny-wrapper {\r\n            width: 100%;\r\n            min-height: 100vh;\r\n            background: var(--tool-bg);\r\n            font-family: 'Space Grotesk', 'Courier New', Courier, monospace;\r\n            color: var(--neo-text);\r\n            line-height: 1.5;\r\n            padding: 50px 0;\r\n            box-sizing: border-box;\r\n            position: relative;\r\n        }\r\n\r\n        .neo-tiny-wrapper * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .neo-tool-inner {\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* HEADER UI *\/\r\n        .neo-header {\r\n            margin-bottom: 40px;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .neo-title-box {\r\n            background: #ffffff;\r\n            border: var(--neo-border);\r\n            border-radius: var(--radius-box);\r\n            padding: 20px 40px;\r\n            box-shadow: var(--neo-shadow-default);\r\n            text-align: center;\r\n            transform: rotate(-1deg);\r\n            transition: transform 0.2s;\r\n        }\r\n\r\n        .neo-title-box:hover {\r\n            transform: rotate(0deg);\r\n        }\r\n\r\n        .neo-title-box h1 {\r\n            font-size: clamp(2.2rem, 5vw, 4rem);\r\n            margin: 0;\r\n            font-weight: 900;\r\n            letter-spacing: -2px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .neo-title-box p {\r\n            font-size: 1.1rem;\r\n            margin: 10px 0 0 0;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* TOOL CONTAINER *\/\r\n        .neo-tool-container {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 40px;\r\n        }\r\n\r\n        \/* INPUT PANEL *\/\r\n        .neo-input-panel {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n        }\r\n\r\n        .neo-textarea {\r\n            width: 100%;\r\n            height: 180px;\r\n            background: #ffffff;\r\n            border: var(--neo-border);\r\n            border-radius: var(--radius-box);\r\n            box-shadow: var(--neo-shadow-default);\r\n            padding: 25px;\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            resize: vertical;\r\n            outline: none;\r\n            color: var(--neo-text);\r\n            font-family: inherit;\r\n            transition: transform 0.1s, box-shadow 0.1s;\r\n        }\r\n\r\n        .neo-textarea::placeholder {\r\n            color: #9ca3af;\r\n            font-style: italic;\r\n        }\r\n\r\n        .neo-textarea:focus {\r\n            transform: translate(3px, 3px);\r\n            box-shadow: var(--neo-shadow-hover);\r\n        }\r\n\r\n        \/* BUTTONS & TOOLBAR *\/\r\n        .neo-actions-bar {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n            gap: 15px;\r\n        }\r\n\r\n        .neo-action-group {\r\n            display: flex;\r\n            gap: 15px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .neo-btn {\r\n            border: var(--neo-border);\r\n            border-radius: 12px;\r\n            box-shadow: 5px 5px 0px #111827;\r\n            color: var(--neo-text);\r\n            padding: 12px 24px;\r\n            font-weight: 900;\r\n            font-size: 1.1rem;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            transition: transform 0.15s, box-shadow 0.15s, filter 0.2s;\r\n            text-transform: uppercase;\r\n            font-family: inherit;\r\n        }\r\n\r\n        .neo-btn:hover {\r\n            filter: brightness(1.1);\r\n        }\r\n\r\n        .neo-btn:active {\r\n            transform: translate(5px, 5px);\r\n            box-shadow: 0px 0px 0px #111827;\r\n        }\r\n\r\n        \/* Button Colors *\/\r\n        .btn-yellow { background: var(--neo-yellow); }\r\n        .btn-mint { background: var(--neo-mint); }\r\n        .btn-blue { background: var(--neo-blue); }\r\n        .btn-red { background: var(--neo-red); }\r\n        .btn-white { background: #ffffff; }\r\n        .btn-black { background: var(--neo-text); color: #ffffff; }\r\n        .btn-xl { font-size: 1.4rem; padding: 18px 40px; }\r\n\r\n        \/* NEO CARDS GRID *\/\r\n        .neo-output-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        .neo-card {\r\n            background: var(--neo-bg-card);\r\n            border: var(--neo-border);\r\n            border-radius: 14px;\r\n            box-shadow: var(--neo-shadow-default);\r\n            display: flex;\r\n            flex-direction: column;\r\n            overflow: hidden;\r\n            transition: transform 0.15s, box-shadow 0.15s;\r\n        }\r\n\r\n        .neo-card:hover {\r\n            transform: translate(3px, 3px);\r\n            box-shadow: var(--neo-shadow-hover);\r\n        }\r\n\r\n        \/* Card Header *\/\r\n        .neo-card-header {\r\n            background: var(--neo-lilac);\r\n            border-bottom: var(--neo-border);\r\n            padding: 12px 16px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-weight: 900;\r\n        }\r\n\r\n        .neo-card-header-left {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .neo-dot {\r\n            width: 14px;\r\n            height: 14px;\r\n            border-radius: 50%;\r\n            background: #fff;\r\n            border: 2px solid var(--neo-text);\r\n        }\r\n\r\n        .neo-card-index {\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .neo-card-name {\r\n            font-size: 0.85rem;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* Output text display *\/\r\n        .neo-card-body {\r\n            padding: 30px 20px;\r\n            flex-grow: 1;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: #ffffff;\r\n        }\r\n\r\n        .neo-output-text {\r\n            font-size: 2rem;\r\n            font-weight: 800;\r\n            color: var(--neo-text);\r\n            word-break: break-word;\r\n            text-align: center;\r\n            user-select: all;\r\n            min-height: 40px;\r\n        }\r\n\r\n        \/* Action Footer *\/\r\n        .neo-card-footer-btn {\r\n            width: 100%;\r\n            background: var(--neo-text);\r\n            color: #ffffff;\r\n            border: none;\r\n            border-top: var(--neo-border);\r\n            padding: 16px;\r\n            font-size: 1.1rem;\r\n            font-weight: 900;\r\n            text-transform: uppercase;\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-family: inherit;\r\n            transition: background 0.2s, color 0.2s;\r\n        }\r\n\r\n        .neo-card-footer-btn:hover {\r\n            background: var(--neo-mint);\r\n            color: var(--neo-text);\r\n        }\r\n\r\n        .neo-card-footer-btn.copied-state {\r\n            background: var(--neo-yellow);\r\n            color: var(--neo-text);\r\n        }\r\n\r\n        \/* Load More Alignment *\/\r\n        .neo-load-more-container {\r\n            display: flex;\r\n            justify-content: center;\r\n            padding: 20px 0 40px 0;\r\n        }\r\n\r\n        \/* States *\/\r\n        .neo-hidden { display: none !important; }\r\n\r\n        \/* Responsive Breakpoints *\/\r\n        @media (max-width: 768px) {\r\n            .neo-actions-bar { flex-direction: column; align-items: stretch; }\r\n            .neo-action-group { flex-direction: column; width: 100%; }\r\n            .neo-btn { justify-content: center; width: 100%; }\r\n            .neo-title-box h1 { font-size: 2.5rem; }\r\n            .neo-title-box { padding: 15px; transform: rotate(0deg); }\r\n            .neo-output-grid { grid-template-columns: 1fr; }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            \/\/ DOM References\r\n            const inputEl = document.getElementById('tinyInput');\r\n            const gridEl = document.getElementById('tinyOutputGrid');\r\n            const btnLoadMore = document.getElementById('btnLoadMoreTiny');\r\n            \r\n            \/\/ Action Toolbar Elements\r\n            const btnPaste = document.getElementById('btnPasteTiny');\r\n            const btnSelectAll = document.getElementById('btnSelectAllTiny');\r\n            const btnCopyInput = document.getElementById('btnCopyInputTiny');\r\n            const btnClear = document.getElementById('btnClearTiny');\r\n\r\n            \/\/ Pagination settings\r\n            const initialVisibleCount = 12; \/\/ Base layout usually establishes 3 rows of 4\r\n            const loadIncrement = 12;       \/\/ Load +3 lines worth of cards\r\n            let currentVisible = initialVisibleCount;\r\n            let cardRefs =[];\r\n\r\n            \/\/ 1. Superscript Map\r\n            const supMap = {\r\n                a:'\u1d43',b:'\u1d47',c:'\u1d9c',d:'\u1d48',e:'\u1d49',f:'\u1da0',g:'\u1d4d',h:'\u02b0',i:'\u2071',j:'\u02b2',k:'\u1d4f',l:'\u02e1',m:'\u1d50',n:'\u207f',o:'\u1d52',p:'\u1d56',q:'q',r:'\u02b3',s:'\u02e2',t:'\u1d57',u:'\u1d58',v:'\u1d5b',w:'\u02b7',x:'\u02e3',y:'\u02b8',z:'\u1dbb',\r\n                A:'\u1d2c',B:'\u1d2e',C:'\u1d9c',D:'\u1d30',E:'\u1d31',F:'\u1da0',G:'\u1d33',H:'\u1d34',I:'\u1d35',J:'\u1d36',K:'\u1d37',L:'\u1d38',M:'\u1d39',N:'\u1d3a',O:'\u1d3c',P:'\u1d3e',Q:'Q',R:'\u1d3f',S:'\u02e2',T:'\u1d40',U:'\u1d41',V:'\u2c7d',W:'\u1d42',X:'\u02e3',Y:'\u02b8',Z:'\u1dbb',\r\n                '0':'\u2070','1':'\u00b9','2':'\u00b2','3':'\u00b3','4':'\u2074','5':'\u2075','6':'\u2076','7':'\u2077','8':'\u2078','9':'\u2079','+':'\u207a','-':'\u207b','=':'\u207c','(':'\u207d',')':'\u207e'\r\n            };\r\n\r\n            \/\/ 2. Subscript Map\r\n            const subMap = {\r\n                a:'\u2090',b:'\u266d',c:'\ua700',d:'\u146f',e:'\u2091',f:'\u0562',g:'\u2089',h:'\u2095',i:'\u1d62',j:'\u2c7c',k:'\u2096',l:'\u2097',m:'\u2098',n:'\u2099',o:'\u2092',p:'\u209a',q:'q',r:'\u1d63',s:'\u209b',t:'\u209c',u:'\u1d64',v:'\u1d65',w:'w',x:'\u2093',y:'y',z:'z',\r\n                A:'\u2090',B:'\u2088',C:'C',D:'D',E:'\u2091',F:'F',G:'G',H:'\u2095',I:'\u1d62',J:'J',K:'\u2096',L:'\u2097',M:'\u2098',N:'\u2099',O:'\u2092',P:'\u209a',Q:'Q',R:'\u1d63',S:'\u209b',T:'\u209c',U:'\u1d64',V:'\u1d65',W:'W',X:'\u2093',Y:'Y',Z:'Z',\r\n                '0':'\u2080','1':'\u2081','2':'\u2082','3':'\u2083','4':'\u2084','5':'\u2085','6':'\u2086','7':'\u2087','8':'\u2088','9':'\u2089','+':'\u208a','-':'\u208b','=':'\u208c','(':'\u208d',')':'\u208e'\r\n            };\r\n\r\n            \/\/ 3. Small Caps Map\r\n            const scMap = {\r\n                a:'\u1d00',b:'\u0299',c:'\u1d04',d:'\u1d05',e:'\u1d07',f:'\u0493',g:'\u0262',h:'\u029c',i:'\u026a',j:'\u1d0a',k:'\u1d0b',l:'\u029f',m:'\u1d0d',n:'\u0274',o:'\u1d0f',p:'\u1d18',q:'\u01eb',r:'\u0280',s:'s',t:'\u1d1b',u:'\u1d1c',v:'\u1d20',w:'\u1d21',x:'x',y:'\u028f',z:'\u1d22',\r\n                A:'\u1d00',B:'\u0299',C:'\u1d04',D:'\u1d05',E:'\u1d07',F:'\u0493',G:'\u0262',H:'\u029c',I:'\u026a',J:'\u1d0a',K:'\u1d0b',L:'\u029f',M:'\u1d0d',N:'\u0274',O:'\u1d0f',P:'\u1d18',Q:'\u01eb',R:'\u0280',S:'s',T:'\u1d1b',U:'\u1d1c',V:'\u1d20',W:'\u1d21',X:'x',Y:'\u028f',Z:'\u1d22'\r\n            };\r\n\r\n            \/\/ 4. Bubble Map\r\n            const bubMap = {\r\n                a:'\u24d0',b:'\u24d1',c:'\u24d2',d:'\u24d3',e:'\u24d4',f:'\u24d5',g:'\u24d6',h:'\u24d7',i:'\u24d8',j:'\u24d9',k:'\u24da',l:'\u24db',m:'\u24dc',n:'\u24dd',o:'\u24de',p:'\u24df',q:'\u24e0',r:'\u24e1',s:'\u24e2',t:'\u24e3',u:'\u24e4',v:'\u24e5',w:'\u24e6',x:'\u24e7',y:'\u24e8',z:'\u24e9',\r\n                A:'\u24b6',B:'\u24b7',C:'\u24b8',D:'\u24b9',E:'\u24ba',F:'\u24bb',G:'\u24bc',H:'\u24bd',I:'\u24be',J:'\u24bf',K:'\u24c0',L:'\u24c1',M:'\u24c2',N:'\u24c3',O:'\u24c4',P:'\u24c5',Q:'\u24c6',R:'\u24c7',S:'\u24c8',T:'\u24c9',U:'\u24ca',V:'\u24cb',W:'\u24cc',X:'\u24cd',Y:'\u24ce',Z:'\u24cf',\r\n                '1':'\u2460','2':'\u2461','3':'\u2462','4':'\u2463','5':'\u2464','6':'\u2465','7':'\u2466','8':'\u2467','9':'\u2468','0':'\u24ea'\r\n            };\r\n\r\n            \/\/ 5. Parenthesized Map\r\n            const parMap = {\r\n                a:'\u249c',b:'\u249d',c:'\u249e',d:'\u249f',e:'\u24a0',f:'\u24a1',g:'\u24a2',h:'\u24a3',i:'\u24a4',j:'\u24a5',k:'\u24a6',l:'\u24a7',m:'\u24a8',n:'\u24a9',o:'\u24aa',p:'\u24ab',q:'\u24ac',r:'\u24ad',s:'\u24ae',t:'\u24af',u:'\u24b0',v:'\u24b1',w:'\u24b2',x:'\u24b3',y:'\u24b4',z:'\u24b5',\r\n                A:'\u249c',B:'\u249d',C:'\u249e',D:'\u249f',E:'\u24a0',F:'\u24a1',G:'\u24a2',H:'\u24a3',I:'\u24a4',J:'\u24a5',K:'\u24a6',L:'\u24a7',M:'\u24a8',N:'\u24a9',O:'\u24aa',P:'\u24ab',Q:'\u24ac',R:'\u24ad',S:'\u24ae',T:'\u24af',U:'\u24b0',V:'\u24b1',W:'\u24b2',X:'\u24b3',Y:'\u24b4',Z:'\u24b5',\r\n                '1':'\u2474','2':'\u2475','3':'\u2476','4':'\u2477','5':'\u2478','6':'\u2479','7':'\u247a','8':'\u247b','9':'\u247c'\r\n            };\r\n\r\n            \/\/ 6. Monospace Map\r\n            const monoMap = {\r\n                a:'\ud835\ude8a',b:'\ud835\ude8b',c:'\ud835\ude8c',d:'\ud835\ude8d',e:'\ud835\ude8e',f:'\ud835\ude8f',g:'\ud835\ude90',h:'\ud835\ude91',i:'\ud835\ude92',j:'\ud835\ude93',k:'\ud835\ude94',l:'\ud835\ude95',m:'\ud835\ude96',n:'\ud835\ude97',o:'\ud835\ude98',p:'\ud835\ude99',q:'\ud835\ude9a',r:'\ud835\ude9b',s:'\ud835\ude9c',t:'\ud835\ude9d',u:'\ud835\ude9e',v:'\ud835\ude9f',w:'\ud835\udea0',x:'\ud835\udea1',y:'\ud835\udea2',z:'\ud835\udea3',\r\n                A:'\ud835\ude70',B:'\ud835\ude71',C:'\ud835\ude72',D:'\ud835\ude73',E:'\ud835\ude74',F:'\ud835\ude75',G:'\ud835\ude76',H:'\ud835\ude77',I:'\ud835\ude78',J:'\ud835\ude79',K:'\ud835\ude7a',L:'\ud835\ude7b',M:'\ud835\ude7c',N:'\ud835\ude7d',O:'\ud835\ude7e',P:'\ud835\ude7f',Q:'\ud835\ude80',R:'\ud835\ude81',S:'\ud835\ude82',T:'\ud835\ude83',U:'\ud835\ude84',V:'\ud835\ude85',W:'\ud835\ude86',X:'\ud835\ude87',Y:'\ud835\ude88',Z:'\ud835\ude89'\r\n            };\r\n\r\n            function applyMap(text, map) {\r\n                return text.split('').map(c => map[c] || c).join('');\r\n            }\r\n\r\n            const baseStyles =[\r\n                { id: \"Super\", fn: t => applyMap(t, supMap) },\r\n                { id: \"Sub\", fn: t => applyMap(t, subMap) },\r\n                { id: \"SmallCaps\", fn: t => applyMap(t, scMap) },\r\n                { id: \"Bubble\", fn: t => applyMap(t, bubMap) },\r\n                { id: \"Paren\", fn: t => applyMap(t, parMap) },\r\n                { id: \"Mono\", fn: t => applyMap(t, monoMap) }\r\n            ];\r\n\r\n            \/\/ Generating 50 precise Decorator Configurations to multiply 6 base types = exactly 300\r\n            const decors =[\r\n                { l:\"\", r:\"\", name:\"Plain\" }, { l:\"\u2605 \", r:\" \u2605\", name:\"Stars\" }, { l:\"[ \", r:\" ]\", name:\"Brackets\" },\r\n                { l:\"{ \", r:\" }\", name:\"Braces\" }, { l:\"\u300c \", r:\" \u300d\", name:\"Japan Frame\" }, { l:\"\u300a \", r:\" \u300b\", name:\"Arrows\" },\r\n                { l:\"~ \", r:\" ~\", name:\"Waves\" }, { l:\"- \", r:\" -\", name:\"Dash\" }, { l:\"\u2022 \", r:\" \u2022\", name:\"Dots\" },\r\n                { l:\"\u2728 \", r:\" \u2728\", name:\"Sparkles\" }, { l:\"\u2661 \", r:\" \u2661\", name:\"Hearts\" }, { l:\"( \", r:\" )\", name:\"Parenth\" },\r\n                { l:\"| \", r:\" |\", name:\"Bars\" }, { l:\"\u2601\ufe0f \", r:\" \u2601\ufe0f\", name:\"Clouds\" }, { l:\"\u273f \", r:\" \u273f\", name:\"Flower\" },\r\n                { l:\"\u2606 \", r:\" \u2606\", name:\"Hollow Star\" }, { l:\"|\u2014 \", r:\" \u2014|\", name:\"T-Bars\" }, { l:\"\u300e \", r:\" \u300f\", name:\"Hollow Jap\" },\r\n                { l:\"\u3010 \", r:\" \u3011\", name:\"Solid Jap\" }, { l:\"<< \", r:\" >>\", name:\"Double Arrow\" }, { l:\"\u2727 \", r:\" \u2727\", name:\"Shine\" },\r\n                { l:\"\u00b0 \", r:\" \u00b0\", name:\"Degree\" }, { l:\"x \", r:\" x\", name:\"Crosses\" }, { l:\"= \", r:\" =\", name:\"Equals\" },\r\n                { l:\"# \", r:\" #\", name:\"Hash\" }, { l:\"\/\/ \", r:\" \/\/\", name:\"Slashes\" }, { l:\"<3 \", r:\" <3\", name:\"Text Heart\" },\r\n                { l:\":) \", r:\" (: \", name:\"Smiles\" }, { l:\"< \", r:\" >\", name:\"Carets\" }, { l:\"+ \", r:\" +\", name:\"Plus\" },\r\n                { l:\"_ \", r:\" _\", name:\"Underscore\" }, { l:\",, \", r:\" ,,\", name:\"Commas\" }, { l:\"^ \", r:\" ^\", name:\"Hats\" },\r\n                { l:\"\u2022. \", r:\" .\u2022\", name:\"Minimal\" }, { l:\"|| \", r:\" ||\", name:\"DBL Bars\" }, { l:\"*\", r:\"*\", name:\"Asterisks\" },\r\n                { l:\"~* \", r:\" *~\", name:\"Magic\" }, { l:\"- - \", r:\" - -\", name:\"Spaced Dash\" }, { l:\".: \", r:\" :.\", name:\"Tech\" },\r\n                { l:\"::: \", r:\" :::\", name:\"Grid\" }, { l:\"\u00bb \", r:\" \u00ab\", name:\"Chevrons\" }, { l:\"o \", r:\" o\", name:\"Circles\" },\r\n                { l:\"*\u00b0 \", r:\" \u00b0*\", name:\"Cold\" }, { l:\";; \", r:\" ;;\", name:\"Semi\" }, { l:\"v \", r:\" v\", name:\"Vees\" },\r\n                { l:\"' \", r:\" '\", name:\"Quotes\" }, { l:\"\\\" \", r:\" \\\"\", name:\"Double Q\" }, { l:\"\/ \", r:\" \\\\\", name:\"Tilt\" },\r\n                { l:\"~\u00b0 \", r:\" \u00b0~\", name:\"Wind\" }, { l:\"-\u00b7 \", r:\" \u00b7-\", name:\"Morse\" }\r\n            ];\r\n\r\n            const configs =[];\r\n            \r\n            decors.forEach(decor => {\r\n                baseStyles.forEach(base => {\r\n                    configs.push({\r\n                        name: `${decor.name} ${base.id}`,\r\n                        generator: (text) => decor.l + base.fn(text) + decor.r\r\n                    });\r\n                });\r\n            });\r\n\r\n            \/\/ Fast DOM Builder for NEO-BRUTALIST UI\r\n            function initGrid() {\r\n                const initialText = \"Neo Text\";\r\n                \r\n                \/\/ Colors to cycle through for headers\r\n                const headerColors =['var(--neo-yellow)', 'var(--neo-mint)', 'var(--neo-blue)', 'var(--neo-red)', 'var(--neo-lilac)'];\r\n\r\n                configs.forEach((cfg, index) => {\r\n                    const card = document.createElement('div');\r\n                    card.className = `neo-card ${index >= currentVisible ? 'neo-hidden' : ''}`;\r\n                    card.dataset.index = index;\r\n\r\n                    const hdColor = headerColors[index % headerColors.length];\r\n\r\n                    card.innerHTML = `\r\n                        <div class=\"neo-card-header\" style=\"background: ${hdColor}\">\r\n                            <div class=\"neo-card-header-left\">\r\n                                <span class=\"neo-dot\"><\/span>\r\n                                <span class=\"neo-card-index\">#${index + 1}<\/span>\r\n                            <\/div>\r\n                            <span class=\"neo-card-name\">${cfg.name}<\/span>\r\n                        <\/div>\r\n                        <div class=\"neo-card-body\">\r\n                            <div class=\"neo-output-text\" id=\"neo-out-${index}\"><\/div>\r\n                        <\/div>\r\n                        <button class=\"neo-card-footer-btn\" id=\"neo-copy-${index}\">\r\n                            COPY TEXT\r\n                        <\/button>\r\n                    `;\r\n                    \r\n                    gridEl.appendChild(card);\r\n                    \r\n                    cardRefs.push({\r\n                        container: card,\r\n                        textNode: document.getElementById(`neo-out-${index}`),\r\n                        copyBtn: document.getElementById(`neo-copy-${index}`),\r\n                        generator: cfg.generator\r\n                    });\r\n\r\n                    \/\/ Assign Click logic to action footers\r\n                    cardRefs[index].copyBtn.addEventListener('click', () => {\r\n                        const txtToCopy = cardRefs[index].textNode.textContent;\r\n                        navigator.clipboard.writeText(txtToCopy).then(() => {\r\n                            const btn = cardRefs[index].copyBtn;\r\n                            const ogHTML = btn.innerHTML;\r\n                            btn.innerHTML = `COPIED! \u2714`;\r\n                            btn.classList.add('copied-state');\r\n                            setTimeout(() => {\r\n                                btn.innerHTML = ogHTML;\r\n                                btn.classList.remove('copied-state');\r\n                            }, 1500);\r\n                        });\r\n                    });\r\n                });\r\n                \r\n                \/\/ Initialize Generation\r\n                updateTextGenerations(initialText);\r\n            }\r\n\r\n            \/\/ Realtime Update logic\r\n            function updateTextGenerations(val) {\r\n                const txt = val.trim() || \"Neo Text\";\r\n                for (let i = 0; i < currentVisible; i++) {\r\n                    cardRefs[i].textNode.textContent = cardRefs[i].generator(txt);\r\n                }\r\n            }\r\n\r\n            inputEl.addEventListener('input', (e) => {\r\n                updateTextGenerations(e.target.value);\r\n            });\r\n\r\n            \/\/ Action Buttons\r\n            btnPaste.addEventListener('click', async () => {\r\n                inputEl.focus(); \/\/ Focus immediately to fallback nicely if blocked\r\n                try {\r\n                    \/\/ Modern Clipboard API check\r\n                    if (navigator.clipboard && navigator.clipboard.readText) {\r\n                        const text = await navigator.clipboard.readText();\r\n                        \/\/ Insert at cursor behavior for seamless experience\r\n                        const start = inputEl.selectionStart;\r\n                        const end = inputEl.selectionEnd;\r\n                        inputEl.value = inputEl.value.substring(0, start) + text + inputEl.value.substring(end);\r\n                        inputEl.selectionStart = inputEl.selectionEnd = start + text.length;\r\n                        \r\n                        updateTextGenerations(inputEl.value);\r\n                    } else {\r\n                        throw new Error(\"Clipboard API not available or permitted\");\r\n                    }\r\n                } catch (err) {\r\n                    alert(\"Your browser restricts auto-pasting. Please press Ctrl+V or Cmd+V to paste directly into the box.\");\r\n                }\r\n            });\r\n\r\n            btnSelectAll.addEventListener('click', () => {\r\n                inputEl.select();\r\n            });\r\n\r\n            btnCopyInput.addEventListener('click', () => {\r\n                if(inputEl.value) {\r\n                    navigator.clipboard.writeText(inputEl.value);\r\n                    const ogHtml = btnCopyInput.innerHTML;\r\n                    btnCopyInput.innerHTML = `COPIED! \u2714`;\r\n                    setTimeout(() => btnCopyInput.innerHTML = ogHtml, 2000);\r\n                }\r\n            });\r\n\r\n            btnClear.addEventListener('click', () => {\r\n                inputEl.value = '';\r\n                updateTextGenerations('');\r\n                inputEl.focus();\r\n            });\r\n\r\n            \/\/ Load More Logic (12 per load)\r\n            btnLoadMore.addEventListener('click', () => {\r\n                const prevVisible = currentVisible;\r\n                currentVisible += loadIncrement;\r\n                \r\n                if (currentVisible > configs.length) {\r\n                    currentVisible = configs.length;\r\n                }\r\n\r\n                const currentText = inputEl.value.trim() || \"Neo Text\";\r\n\r\n                for (let i = prevVisible; i < currentVisible; i++) {\r\n                    cardRefs[i].container.classList.remove('neo-hidden');\r\n                    cardRefs[i].textNode.textContent = cardRefs[i].generator(currentText);\r\n                }\r\n\r\n                if (currentVisible >= configs.length) {\r\n                    document.querySelector('.neo-load-more-container').classList.add('neo-hidden');\r\n                }\r\n            });\r\n\r\n            \/\/ Run Tool\r\n            initGrid();\r\n        });\r\n    <\/script>\r\n<\/div>\r\n\r\n<!-- <content section is strating -->\r\n<div>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <!-- SECTION 1 \u2014 WHITE BG + WHITE CARDS -->\r\n\r\n\r\n\r\n<section class=\"pg-fcs-section pg-fcs-sec1\">\r\n        <div class=\"pg-fcs-inner\">\r\n\r\n<\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"pg-fcs-section pg-fcs-sec1\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">What Makes This <span class=\"pg-fcs-kw\">Tiny Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Discover why thousands of users love our tiny text generator to create perfectly scaled-down small text for bios, captions, and detailed formatting \u2014 completely free.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,229,255,0.12);color:#00e5ff;\"><i class=\"fa-solid fa-compress\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Instant Size Reduction<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Type your text and watch it shrink instantly \u2014 our tiny text generator converts normal text to superscript, subscript, and small caps in real time.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(170,0,255,0.12);color:#aa00ff;\"><i class=\"fa-solid fa-text-height\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">5 Unique Tiny Formats<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Superscript, subscript, small caps, tiny script, and micro text \u2014 our tiny text generator offers five distinct small text styles for every need.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,109,0,0.12);color:#ff6d00;\"><i class=\"fa-solid fa-copy\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">One-Click Copy & Paste<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Found your perfect tiny text? Hit copy and paste it into Instagram bios, Twitter posts, Discord names, or any platform that supports Unicode.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,230,118,0.12);color:#00e676;\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">100% Safe & Browser-Based<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Our tiny text generator runs entirely in your browser \u2014 no servers, no data collection. Your text never leaves your device, ever.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,23,68,0.12);color:#ff1744;\"><i class=\"fa-solid fa-mobile-screen-button\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Works on Every Device<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Phone, tablet, or desktop \u2014 our tiny text generator is fully responsive and renders small text perfectly on any screen and any browser.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(41,121,255,0.12);color:#2979ff;\"><i class=\"fa-solid fa-infinity\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Unlimited Free Usage<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">No accounts, no limits, no fees. Use this tiny text generator as many times as you want \u2014 shrink unlimited text, forever free.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 \u2014 PREVIOUS GRADIENT BG + GLASS CARDS -->\r\n    <section class=\"pg-fcs-section pg-fcs-sec2\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">How Does Our <span class=\"pg-fcs-kw\">Tiny Text Generator<\/span> Work?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Creating tiny text is incredibly easy. No design tools needed \u2014 just follow these simple steps and get your small text ready to paste in seconds.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\u270f\ufe0f<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 1: Type Your Normal Text<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Enter any word, sentence, or paragraph into the input box of our tiny text generator \u2014 any regular text works perfectly as your base.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udd2c<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 2: Pick a Tiny Style<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Choose from superscript, subscript, small caps, tiny script, or micro format \u2014 each gives a different size and style of small text output.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udd0d<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 3: Preview the Result<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Your text instantly converts to tiny Unicode characters \u2014 see a live preview of exactly how your small text will look when pasted elsewhere.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udccb<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 4: Copy to Clipboard<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Happy with the result? Click the copy button and your tiny text is instantly saved to clipboard \u2014 no formatting lost, pure Unicode.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udccc<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 5: Paste Anywhere<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Paste your tiny text into social media bios, comments, captions, messages, or usernames \u2014 real Unicode means it works everywhere.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83e\udde9<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 6: Mix Styles Freely<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Combine tiny text with normal text, or mix superscript with subscript \u2014 our tiny text generator lets you create unique size contrasts.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 \u2014 WHITE BG + SOFT GRAY CARDS -->\r\n    <section class=\"pg-fcs-section pg-fcs-sec3\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">Where Can You Use <span class=\"pg-fcs-kw\">Tiny Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Our tiny text generator creates real Unicode small text that renders on virtually every platform. Here are the most popular ways people use it creatively.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(245,0,87,0.12);color:#f50057;\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Instagram Bio Formatting<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Fit more info in your Instagram bio using tiny text for secondary details \u2014 links, tags, or disclaimers without wasting valuable bio space.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,0,80,0.10);color:#ff0050;\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">TikTok Caption Details<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Add subtle tiny text hashtags, credits, or disclaimers below your main TikTok caption \u2014 keeps the post clean while including extra info.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(101,31,255,0.12);color:#651fff;\"><i class=\"fa-brands fa-discord\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Discord Status & Names<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Set tiny text as your Discord custom status or use it for server role labels \u2014 adds a clean, minimal aesthetic to your Discord profile.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,176,255,0.12);color:#00b0ff;\"><i class=\"fa-brands fa-twitter\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Twitter \/ X Thread Notes<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Use tiny text in Twitter threads for continuation numbers, source links, or side notes \u2014 keeps your main tweet clean and readable.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,145,0,0.12);color:#ff9100;\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">YouTube Description Links<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Add tiny text disclaimers, affiliate links, or timestamps in YouTube descriptions \u2014 keeps the layout tidy without losing important information.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(29,233,182,0.12);color:#1de9b6;\"><i class=\"fa-solid fa-pen-ruler\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Design & Watermarking<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Use tiny text for subtle watermarks on digital art, photo credits, or design annotations \u2014 small enough to not distract but still readable.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n        :root{\r\n            --accent-teal:#00b8d4;--accent-purple:#9c27b0;--accent-coral:#ff7043;\r\n            --accent-green:#4caf50;--accent-pink:#e91e63;--accent-indigo:#3f51b5;\r\n            --text-dark:#0a0a0a;--text-primary:#1a1a1a;--text-muted:#4a4a5a;\r\n            --grad-tiny:linear-gradient(135deg,#00e5ff,#aa00ff,#ff6d00);\r\n            --theme-bg-alt:rgba(243,248,252,0.7);\r\n            --shadow-card:0 4px 15px rgba(0,184,212,0.06);\r\n            --shadow-card-hover:0 12px 30px rgba(0,184,212,0.15);\r\n            --tr:all .35s cubic-bezier(.2,.8,.2,1);\r\n            --ff:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif\r\n        }\r\n        .pg-fcs-section{width:100%;padding:clamp(48px,8vw,96px) 20px;position:relative;overflow:hidden;font-family:var(--ff);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}\r\n        .pg-fcs-inner{max-width:1200px;margin:0 auto}\r\n        .pg-fcs-heading{font-family:var(--ff);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;text-align:center;color:var(--text-dark);margin-bottom:clamp(8px,1.5vw,14px);line-height:1.2;letter-spacing:-.03em}\r\n        .pg-fcs-kw{color:var(--accent-teal);position:relative}\r\n        .pg-fcs-kw::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:var(--grad-tiny);border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1)}\r\n        .pg-fcs-section:hover .pg-fcs-kw::after{transform:scaleX(1)}\r\n        .pg-fcs-sub{font-family:var(--ff);font-size:clamp(.88rem,1.8vw,1.02rem);font-weight:400;text-align:center;color:var(--text-muted);max-width:660px;margin:0 auto clamp(32px,5vw,56px);line-height:1.7}\r\n        .pg-fcs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,26px)}\r\n        .pg-fcs-card{border-radius:16px;padding:clamp(22px,3vw,32px);position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--tr);border:1px solid transparent}\r\n        .pg-fcs-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--grad-tiny);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1);z-index:2}\r\n        .pg-fcs-card::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(0,184,212,.10) 0%,rgba(156,39,176,.04) 60%,transparent 100%);transform:translate(-50%,-50%);transition:width .55s ease-out,height .55s ease-out,opacity .55s ease-out;opacity:0;z-index:1;pointer-events:none}\r\n        .pg-fcs-card:hover::before{transform:scaleX(1)}\r\n        .pg-fcs-card.pg-fcs-pressed{transform:translateY(-1px) scale(.985)!important}\r\n        .pg-fcs-card.pg-fcs-pressed::before{transform:scaleX(1)}\r\n        .pg-fcs-card.pg-fcs-ripple::after{width:320px;height:320px;opacity:1}\r\n        .pg-fcs-card.pg-fcs-ripple-out::after{width:320px;height:320px;opacity:0}\r\n\r\n        \/* ICON \u2014 PREVIOUS ROUNDED SQUARE DESIGN *\/\r\n        .pg-fcs-icon{width:clamp(46px,5vw,58px);height:clamp(46px,5vw,58px);min-width:46px;min-height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:clamp(18px,2.5vw,24px);margin-bottom:clamp(14px,2vw,20px);transition:var(--tr);position:relative;z-index:3}\r\n        .pg-fcs-card:hover .pg-fcs-icon{transform:scale(1.12) rotate(-4deg)}\r\n        .pg-fcs-card.pg-fcs-pressed .pg-fcs-icon{transform:scale(1.04) rotate(0deg)}\r\n\r\n        \/* EMOJI *\/\r\n        .pg-fcs-emoji{font-size:clamp(28px,3.5vw,36px);margin-bottom:clamp(12px,1.8vw,16px);display:inline-block;transition:var(--tr);position:relative;z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}\r\n        .pg-fcs-card:hover .pg-fcs-emoji{transform:scale(1.22) rotate(-6deg)}\r\n        .pg-fcs-card.pg-fcs-pressed .pg-fcs-emoji{transform:scale(1.08) rotate(0deg)}\r\n\r\n        \/* TEXT *\/\r\n        .pg-fcs-card-title{font-family:var(--ff);font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;color:var(--text-dark);margin-bottom:clamp(6px,1vw,10px);line-height:1.35;position:relative;z-index:3}\r\n        .pg-fcs-card-desc{font-family:var(--ff);font-size:clamp(.8rem,1.5vw,.9rem);font-weight:400;color:var(--text-muted);line-height:1.65;position:relative;z-index:3}\r\n\r\n        \/* SEC 1 \u2014 WHITE + DARK TEXT *\/\r\n        .pg-fcs-sec1{background:#fff}\r\n        .pg-fcs-sec1 .pg-fcs-card{background:#fff;border-color:rgba(0,184,212,.08);box-shadow:0 2px 12px rgba(0,184,212,.04)}\r\n        .pg-fcs-sec1 .pg-fcs-card:hover{border-color:var(--accent-teal);box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}\r\n        .pg-fcs-sec1 .pg-fcs-sub{color:#2a2a2a}\r\n        .pg-fcs-sec1 .pg-fcs-card-title{color:#0a0a0a}\r\n        .pg-fcs-sec1 .pg-fcs-card-desc{color:#2a2a2a}\r\n\r\n        \/* SEC 2 \u2014 PREVIOUS GRADIENT *\/\r\n        .pg-fcs-sec2{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}\r\n        .pg-fcs-sec2 .pg-fcs-heading{color:#fff}\r\n        .pg-fcs-sec2 .pg-fcs-kw{color:#ffd700}\r\n        .pg-fcs-sec2 .pg-fcs-kw::after{background:linear-gradient(90deg,#667eea,#764ba2,#ffd700)}\r\n        .pg-fcs-sec2 .pg-fcs-sub{color:rgba(255,255,255,.8)}\r\n        .pg-fcs-sec2 .pg-fcs-card{background:rgba(255,255,255,.95);border-color:rgba(255,255,255,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.12)}\r\n        .pg-fcs-sec2 .pg-fcs-card::before{background:linear-gradient(90deg,#667eea,#764ba2,#ffd700)}\r\n        .pg-fcs-sec2 .pg-fcs-card:hover{border-color:rgba(255,255,255,.7);box-shadow:0 12px 40px rgba(118,75,162,.3);transform:translateY(-5px)}\r\n        .pg-fcs-sec2 .pg-fcs-card::after{background:radial-gradient(circle,rgba(118,75,162,.1) 0%,rgba(102,126,234,.05) 60%,transparent 100%)}\r\n\r\n        \/* SEC 3 \u2014 WHITE + SOFT GRAY *\/\r\n        .pg-fcs-sec3{background:#fff}\r\n        .pg-fcs-sec3 .pg-fcs-card{background:var(--theme-bg-alt);border-color:rgba(0,184,212,.06);box-shadow:0 2px 10px rgba(0,184,212,.03)}\r\n        .pg-fcs-sec3 .pg-fcs-card::before{background:linear-gradient(90deg,#00e5ff,#aa00ff,#ff6d00)}\r\n        .pg-fcs-sec3 .pg-fcs-card:hover{border-color:var(--accent-teal);box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}\r\n\r\n        \/* RESPONSIVE *\/\r\n        @media(max-width:820px){.pg-fcs-grid{grid-template-columns:repeat(2,1fr);gap:16px}.pg-fcs-section{padding:clamp(36px,6vw,64px) 16px}}\r\n        @media(max-width:540px){.pg-fcs-grid{grid-template-columns:1fr;gap:14px}.pg-fcs-card{padding:22px}.pg-fcs-sub{margin-bottom:28px}}\r\n        @media(max-width:360px){.pg-fcs-section{padding:32px 12px}.pg-fcs-card{padding:18px;border-radius:12px}}\r\n    <\/style>\r\n\r\n    <script>\r\n    (function(){\r\n        var c=document.querySelectorAll('.pg-fcs-card');\r\n        c.forEach(function(card){\r\n            function ripple(el){\r\n                el.classList.remove('pg-fcs-ripple','pg-fcs-ripple-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('pg-fcs-ripple');\r\n                setTimeout(function(){el.classList.add('pg-fcs-ripple-out')},300);\r\n                setTimeout(function(){el.classList.remove('pg-fcs-ripple','pg-fcs-ripple-out')},700);\r\n            }\r\n            card.addEventListener('mousedown',function(){card.classList.add('pg-fcs-pressed')});\r\n            card.addEventListener('mouseup',function(){setTimeout(function(){card.classList.remove('pg-fcs-pressed')},120);ripple(card)});\r\n            card.addEventListener('mouseleave',function(){card.classList.remove('pg-fcs-pressed','pg-fcs-ripple','pg-fcs-ripple-out')});\r\n            card.addEventListener('touchstart',function(){card.classList.add('pg-fcs-pressed');ripple(card)},{passive:true});\r\n            card.addEventListener('touchend',function(){setTimeout(function(){card.classList.remove('pg-fcs-pressed')},150)});\r\n            card.addEventListener('touchcancel',function(){card.classList.remove('pg-fcs-pressed','pg-fcs-ripple','pg-fcs-ripple-out')});\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/div>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-443","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Generador de texto peque\u00f1o: reduce el texto al instante - Editor de texto en l\u00ednea<\/title>\n<meta name=\"description\" content=\"Convierte cualquier texto en letras min\u00fasculas con nuestro generador de texto min\u00fasculo gratuito. Ideal para biograf\u00edas, subt\u00edtulos y comentarios: copia y pega en segundos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/onlinetexteditor.io\/es\/tiny-text-generator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tiny Text Generator \u2013 Shrink Instantly - Online Text Editor\" \/>\n<meta property=\"og:description\" content=\"Convert any text into tiny letters with our free Tiny Text Generator. Perfect for bios, captions, and comments \u2014 copy &amp; paste in seconds.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onlinetexteditor.io\/tiny-text-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Text Editor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-06T05:09:50+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/tiny-text-generator\\\/\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/tiny-text-generator\\\/\",\"name\":\"Tiny Text Generator \u2013 Shrink Instantly - Online Text Editor\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\"},\"datePublished\":\"2026-03-04T00:00:30+00:00\",\"dateModified\":\"2026-04-06T05:09:50+00:00\",\"description\":\"Convert any text into tiny letters with our free Tiny Text Generator. Perfect for bios, captions, and comments \u2014 copy & paste in seconds.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/tiny-text-generator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/onlinetexteditor.io\\\/tiny-text-generator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/tiny-text-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/onlinetexteditor.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tiny Text Generator \u2013 Shrink Instantly\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/\",\"name\":\"Online Text Editor\",\"description\":\"Free &amp; Secure Rich Text Editing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/onlinetexteditor.io\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Generador de texto peque\u00f1o: reduce el texto al instante - Editor de texto en l\u00ednea","description":"Convierte cualquier texto en letras min\u00fasculas con nuestro generador de texto min\u00fasculo gratuito. Ideal para biograf\u00edas, subt\u00edtulos y comentarios: copia y pega en segundos.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/onlinetexteditor.io\/es\/tiny-text-generator\/","og_locale":"en_US","og_type":"article","og_title":"Tiny Text Generator \u2013 Shrink Instantly - Online Text Editor","og_description":"Convert any text into tiny letters with our free Tiny Text Generator. Perfect for bios, captions, and comments \u2014 copy & paste in seconds.","og_url":"https:\/\/onlinetexteditor.io\/tiny-text-generator\/","og_site_name":"Online Text Editor","article_modified_time":"2026-04-06T05:09:50+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onlinetexteditor.io\/tiny-text-generator\/","url":"https:\/\/onlinetexteditor.io\/tiny-text-generator\/","name":"Tiny Text Generator \u2013 Shrink Instantly - Online Text Editor","isPartOf":{"@id":"https:\/\/onlinetexteditor.io\/#website"},"datePublished":"2026-03-04T00:00:30+00:00","dateModified":"2026-04-06T05:09:50+00:00","description":"Convert any text into tiny letters with our free Tiny Text Generator. Perfect for bios, captions, and comments \u2014 copy & paste in seconds.","breadcrumb":{"@id":"https:\/\/onlinetexteditor.io\/tiny-text-generator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onlinetexteditor.io\/tiny-text-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onlinetexteditor.io\/tiny-text-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onlinetexteditor.io\/"},{"@type":"ListItem","position":2,"name":"Tiny Text Generator \u2013 Shrink Instantly"}]},{"@type":"WebSite","@id":"https:\/\/onlinetexteditor.io\/#website","url":"https:\/\/onlinetexteditor.io\/","name":"Online Text Editor","description":"Free &amp; Secure Rich Text Editing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/onlinetexteditor.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/pages\/443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/comments?post=443"}],"version-history":[{"count":3,"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/pages\/443\/revisions"}],"predecessor-version":[{"id":446,"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/pages\/443\/revisions\/446"}],"wp:attachment":[{"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/media?parent=443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}