#template_page{position:absolute;inset:0;top:60px;overflow-y:auto;padding:10px;box-sizing:border-box;background-color:#0d1117}#stringTool{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:#161b22;color:#c9d1d9;border:1px solid #30363d!important;border-radius:10px!important;padding:1.25rem!important}#stringTool .border.rounded.p-2{background:#0d1117;border:1px solid #30363d!important;border-radius:8px!important;padding:.9rem 1rem!important;transition:border-color .15s}#stringTool .border.rounded.p-2:hover{border-color:#58a6ff!important}#stringTool label{color:#8b949e;font-size:.78rem;margin-right:0;margin-bottom:.5rem}#stringTool label.fw-bold{color:#e6edf3;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.55rem}#stringTool label[for=fileInput]{color:#8b949e;font-size:.82rem;text-transform:none;letter-spacing:0;vertical-align:middle}#stringTool input.form-control,#stringTool select.form-select{background:#161b22;border:1px solid #30363d;color:#c9d1d9;border-radius:6px;font-size:.83rem;transition:border-color .15s,box-shadow .15s}#stringTool input.form-control:focus,#stringTool select.form-select:focus{background:#161b22;border-color:#58a6ff;color:#e6edf3;box-shadow:0 0 0 3px rgba(88,166,255,.15)}#stringTool input.form-control::placeholder{color:#484f58}#stringTool input[type=file].form-control{background:#161b22;border-color:#30363d;color:#8b949e;cursor:pointer;font-size:.8rem}#stringTool input[type=file].form-control::file-selector-button{background:#21262d;border:none;border-right:1px solid #30363d;color:#c9d1d9;font-size:.8rem;padding:.25rem .75rem;cursor:pointer;transition:background .15s}#stringTool input[type=file].form-control::file-selector-button:hover{background:#30363d}#stringTool select.form-select option{background:#161b22;color:#c9d1d9}#stringTool .btn{font-size:.82rem;border-radius:6px;font-weight:500;transition:background .15s,border-color .15s,transform .1s}#stringTool .btn:active{transform:scale(.97)}#stringTool .btn-secondary{background:#21262d;border-color:#30363d;color:#c9d1d9}#stringTool .btn-secondary:hover{background:#30363d;border-color:#8b949e;color:#e6edf3}#stringTool .btn-primary{background:#1f6feb;border-color:#1f6feb;color:#fff}#stringTool .btn-primary:hover{background:#388bfd;border-color:#388bfd}#stringTool .btn-success{background:#238636;border-color:#2ea043;color:#fff}#stringTool .btn-success:hover{background:#2ea043;border-color:#3fb950}#stringTool .codeLine{background:#0d1117!important;border:1px solid #21262d!important;border-bottom:none!important;color:#c9d1d9!important;font-family:Consolas,'Fira Code','Courier New',monospace!important;font-size:.8rem!important;border-radius:6px 6px 0 0!important}#stringTool .codeLine:focus{border-color:#58a6ff!important;box-shadow:0 0 0 2px rgba(88,166,255,.1)!important;z-index:1;position:relative}#stringTool .viewerLine{background:#010409!important;border:1px solid #21262d!important;border-top:1px solid #30363d!important;color:#e6edf3!important;font-family:Consolas,'Fira Code','Courier New',monospace!important;font-size:.8rem!important;border-radius:0 0 6px 6px!important;padding:.3rem .6rem!important;min-height:1.8rem;white-space:pre-wrap}html[data-theme=light] #stringTool .viewerLine{background:#f5f7fa!important;border-color:#d0d8e4!important;color:#1a2d42!important}#viewer{border-top:1px solid #30363d;padding-top:.85rem;margin-top:.5rem!important}#viewer .mb-2{margin-bottom:.6rem!important}#stringTool .mb-2{margin-bottom:.6rem!important}#stringTool .mt-2{margin-top:.6rem!important}html[data-theme=light] #stringTool{background:#fff;color:#1a2d42;border-color:#d0d8e4!important}html[data-theme=light] #stringTool .border.rounded.p-2{background:#f5f7fa;border-color:#d0d8e4!important}html[data-theme=light] #stringTool .border.rounded.p-2:hover{border-color:#1565c0!important}html[data-theme=light] #stringTool label,html[data-theme=light] #stringTool label.fw-bold,html[data-theme=light] #stringTool label[for=fileInput]{color:#1a2d42}html[data-theme=light] #stringTool input.form-control,html[data-theme=light] #stringTool select.form-select{background:#fff;border-color:#c6d1df;color:#1a2d42}html[data-theme=light] #stringTool input.form-control:focus,html[data-theme=light] #stringTool select.form-select:focus{background:#fff;border-color:#1565c0;color:#1a2d42;box-shadow:0 0 0 3px rgba(21,101,192,.15)}html[data-theme=light] #stringTool input.form-control::placeholder{color:#7b8795}html[data-theme=light] #stringTool input[type=file].form-control{background:#fff;border-color:#c6d1df;color:#52657a}html[data-theme=light] #stringTool input[type=file].form-control::file-selector-button{background:#edf2f7;border-right-color:#c6d1df;color:#1a2d42}html[data-theme=light] #stringTool input[type=file].form-control::file-selector-button:hover{background:#dfe8f2}html[data-theme=light] #stringTool select.form-select option{background:#fff;color:#1a2d42}html[data-theme=light] #stringTool .btn-secondary{background:#edf2f7;border-color:#c6d1df;color:#1a2d42}html[data-theme=light] #stringTool .btn-secondary:hover{background:#dfe8f2;border-color:#9aacc0;color:#1a2d42}html[data-theme=light] #stringTool .btn-primary{background:#1565c0;border-color:#1565c0}html[data-theme=light] #stringTool .btn-primary:hover{background:#0d47a1;border-color:#0d47a1}html[data-theme=light] #stringTool .btn-success{background:#238636;border-color:#238636}html[data-theme=light] #stringTool .btn-success:hover{background:#1a6b2b;border-color:#1a6b2b}html[data-theme=light] #stringTool .codeLine{background:#f5f7fa!important;border-color:#d0d8e4!important;color:#1a2d42!important}html[data-theme=light] #stringTool .codeLine:focus{border-color:#1565c0!important;box-shadow:0 0 0 2px rgba(21,101,192,.15)!important}html[data-theme=light] #stringTool #viewer{border-top-color:#d0d8e4}