:root{--background-color:#1a1b1e;--surface-color:#25262c;--primary-accent-color:#0d6efd;--secondary-accent-color:#4a4a52;--text-primary:#f0f2f5;--text-secondary:#adb5bd;--border-color:#3a3b40;--input-background:#1e1f22;--output-background:#161719;--success-color:#28a745;--shadow-color:rgba(0,0,0,0.3);--font-family:'Noto Sans SC','Helvetica Neue',Arial,sans-serif;--border-radius-sm:4px;--border-radius-md:8px;--transition-speed:0.2s ease-in-out}[data-theme="light"]{--background-color:#f8f9fa;--surface-color:#ffffff;--primary-accent-color:#007bff;--secondary-accent-color:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--border-color:#dee2e6;--input-background:#ffffff;--output-background:#f1f3f5;--shadow-color:rgba(0,0,0,0.08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-primary);display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;min-height:100vh;transition:background-color var(--transition-speed),color var(--transition-speed)}.main-container{width:100%;max-width:800px;padding:30px;background-color:var(--surface-color);border-radius:var(--border-radius-md);box-shadow:0 4px 12px var(--shadow-color);transition:background-color var(--transition-speed)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.theme-toggle{padding:8px 16px;background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;white-space:nowrap}h1{color:var(--text-primary);font-weight:700;letter-spacing:1px;font-size:28px}h2{color:var(--text-secondary);font-weight:500;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}p{color:var(--text-secondary);line-height:1.6;margin-bottom:15px}label{display:block;margin-bottom:8px;color:var(--text-secondary);font-weight:500}code{background-color:var(--output-background);color:var(--primary-accent-color);padding:2px 6px;border-radius:var(--border-radius-sm);font-family:'SF Mono','Consolas',monospace}.tab-navigation{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:25px}.tab-button{padding:12px 20px;cursor:pointer;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:16px;font-weight:500;transition:all var(--transition-speed);margin-bottom:-1px}.tab-button:active{background-color:color-mix(in srgb,var(--secondary-accent-color) 20%,transparent)}.tab-button.active{color:var(--primary-accent-color);border-bottom-color:var(--primary-accent-color)}.tab-content{display:none}.tab-content.active{display:block}.section{background-color:transparent;padding:25px 0;margin-bottom:20px;border-bottom:1px solid var(--border-color)}.section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}input[type="text"],input[type="number"],textarea{width:100%;padding:12px;background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:16px;transition:border-color var(--transition-speed),box-shadow var(--transition-speed),background-color var(--transition-speed)}textarea{min-height:100px;resize:vertical}input:focus,textarea:focus{outline:none;border-color:var(--primary-accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-accent-color) 25%,transparent)}input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:0.7}button{padding:12px 20px;border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:16px;font-weight:500;font-family:var(--font-family);transition:all var(--transition-speed);background-color:var(--primary-accent-color);color:white}.section>button{margin-top:15px;margin-right:10px}.copy-button,.control-char-buttons button{background-color:var(--secondary-accent-color);color:var(--text-primary)}.clear-button{background-color:transparent;border:1px solid var(--secondary-accent-color);color:var(--text-secondary)}button:active{transform:translateY(0);box-shadow:none;background-color:color-mix(in srgb,var(--primary-accent-color) 85%,#000)}.copy-button:active,.control-char-buttons button:active{background-color:color-mix(in srgb,var(--secondary-accent-color) 85%,#000);color:var(--text-primary)}.clear-button:active{background-color:var(--secondary-accent-color);color:var(--text-primary)}.theme-toggle:active{background-color:var(--border-color)}@media (hover:hover){button:not(.clear-button):not(.theme-toggle):hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.clear-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}button:hover:active{transform:translateY(0)}button:hover{background-color:color-mix(in srgb,var(--primary-accent-color) 90%,#fff)}.copy-button:hover,.control-char-buttons button:hover{background-color:color-mix(in srgb,var(--secondary-accent-color) 90%,#fff)}.clear-button:hover{background-color:var(--secondary-accent-color);color:var(--text-primary)}.theme-toggle:hover{border-color:var(--text-secondary);color:var(--text-primary);background-color:var(--secondary-accent-color)}.tab-button:not(.active):hover{color:var(--text-primary)}}.output{margin-top:15px;padding:15px;background-color:var(--output-background);border:1px solid var(--border-color);border-radius:var(--border-radius-md);min-height:50px;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;font-family:'SF Mono','Consolas',monospace;transition:background-color var(--transition-speed)}.direct-copy-section{display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:10px;border:1px solid var(--border-color);border-radius:var(--border-radius-md)}.direct-copy-section .copy-button{margin-top:0}.control-char-buttons{margin-top:10px}.control-char-buttons button{margin-right:10px;margin-bottom:10px}#asciiInput,#unicodeInput,#countInput,#reverseInput,#singlePositionNumber,#startPositionInput,#endPositionInput,#text-inserter-input{margin-bottom:10px}.copy-alert{visibility:hidden;opacity:0;position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background-color:var(--success-color);color:white;padding:12px 25px;border-radius:var(--border-radius-md);box-shadow:0 4px 12px var(--shadow-color);transition:opacity var(--transition-speed),visibility var(--transition-speed),transform 0.3s ease;z-index:1000}.copy-alert.show{visibility:visible;opacity:1;transform:translate(-50%,-10px)}.image-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;padding:10px;background-color:var(--output-background);border-radius:var(--border-radius-md);min-height:50px;border:1px solid var(--border-color)}.image-preview img{height:40px;width:40px;object-fit:contain;background-color:var(--input-background);border-radius:var(--border-radius-sm)}@media (max-width:600px){body{padding:20px 10px}.main-container{padding:20px}.header{flex-direction:column;align-items:flex-start;gap:15px}h1{font-size:24px}.tab-button{padding:10px 12px;font-size:14px}.section>button,.copy-button,.clear-button{width:100%;margin-bottom:10px;margin-right:0}.section>button:last-of-type{margin-bottom:0}}.select2-container--default .select2-selection--single{height:45px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--input-background)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-primary);line-height:43px;padding-left:12px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:43px}.select2-dropdown{background-color:var(--surface-color);border:1px solid var(--border-color)}.select2-container--default .select2-search--dropdown .select2-search__field{background-color:var(--input-background);color:var(--text-primary);border:1px solid var(--border-color)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--primary-accent-color)}.output,.image-preview{max-height:250px;overflow-y:auto}