html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0px;color:#434343;background:#dae3e7;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}aside,details,footer,header,main,section,summary{display:block}video{display:inline-block;vertical-align:baseline}[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline:0}strong{font-weight:700}h1{margin:.67em 0;font-size:2em}small{font-size:80%}img{border:0}@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}img{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.label{border:1px solid #000}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.small,small{font-size:85%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-primary{color:#337ab7}a.text-primary:hover{color:#286090}.text-info{color:#31708f}a.text-info:hover{color:#245269}ul{margin-top:0;margin-bottom:10px}ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}.container{padding-top:15px;padding-bottom:15px;margin-right:auto;margin-left:auto;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-right:-15px;margin-left:-15px}.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn[disabled]{pointer-events:none;cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;opacity:.65}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active{background-image:none}.btn-primary[disabled],.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover{background-color:#337ab7;border-color:#2e6da4}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:active,.btn-info:focus,.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active{background-image:none}.btn-info[disabled],.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover{background-color:#5bc0de;border-color:#46b8da}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled]{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover{color:#777;text-decoration:none}.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.container:after,.container:before,.row:after,.row:before{display:table;content:" "}.container:after,.row:after{clear:both}.pull-right{float:right!important}.pull-left{float:left!important}.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-md-inline,.visible-sm-inline,.visible-xs-inline{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}a:hover{text-decoration:underline;color:#5f6b77;color:#2d844e}.btn,a.btn{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;padding:8px 16px;font-weight:700}.btn .fa,a.btn .fa{margin-right:5px}.btn:focus,a.btn:focus{color:#fff}.btn-cta-primary,a.btn-cta-primary{background:#54ba4e;border:1px solid #54ba4e;color:#fff;font-weight:600;text-transform:uppercase}.btn-cta-primary:hover,a.btn-cta-primary:hover{background:#49ac43;border:1px solid #49ac43;color:#fff}.btn-cta-secondary,a.btn-cta-secondary{background:#479fc8;border:1px solid #479fc8;color:#fff;font-weight:600;text-transform:uppercase}.btn-cta-secondary:hover,a.btn-cta-secondary:hover{background:#3893bd;border:1px solid #3893bd;color:#fff}.me-header{padding:30px 0;background:#ffff;margin-top:10px;}.me-header .profile-image{margin:30px}.me-header .profile-content .name{color:#49515a;font-size:38px;margin-bottom:5px;margin-top:30px}.me-header .profile-content .desc{color:#778492;font-weight:400;font-size:24px;margin-top:0;margin-bottom:15px}.me-header .profile-content .social a{background:#b0b7bf;width:36px;height:36px;display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;color:#fff;text-align:center}.me-header .profile-content .social a:hover{background:#778492}.me-header .profile-content .social a .fa{font-size:20px;padding-top:8px}.section{margin-bottom:30px}.section-inner{background:#fff;padding:30px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.section .heading{margin-top:0;margin-bottom:30px;color:#545e69;font-size:24px}.section .content .more-link .fa{margin-right:5px;font-size:14px} .item{margin-bottom:30px} .item .title{font-size:18px;margin-top:0} .item .title .label{margin-left:5px;font-size:12px} .item .title a{color:#778492} .item .title a:hover{color:#5f6b77} .item .project-image:hover{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8} .featured{margin-bottom:60px} .featured .title{margin-bottom:5px;font-size:20px} .featured .summary{margin-bottom:30px;color:#778492} .featured img{margin-bottom:30px} .featured .desc{margin-bottom:30px}.featured-image{position:relative} .featured-image .text{background:#3aaa64;color:#fff}.featured-image .ribbon{position:absolute;top:-4px;right:-4px;width:110px;height:110px;overflow:hidden}.featured-image .ribbon .text{font-family:Montserrat,sans-serif;position:relative;left:-8px;top:18px;width:158px;padding:10px 10px;font-size:15px;font-weight:700;text-align:center;text-transform:uppercase;color:#fff;background-color:#479fc8;-webkit-transform:rotate(45deg) translate3d(0,0,0);-moz-transform:rotate(45deg) translate3d(0,0,0);-ms-transform:rotate(45deg) translate3d(0,0,0);-o-transform:rotate(45deg) translate3d(0,0,0)}.featured-image .ribbon .text:after,.featured-image .ribbon .text:before{content:'';position:absolute;bottom:-5px;border-top:5px solid #276582;border-left:5px solid transparent;border-right:5px solid transparent}.featured-image .ribbon .text:before{left:0}.featured-image .ribbon .text:after{right:0}.projects .item{margin-bottom:30px}.projects .item .title{font-size:16px;margin-top:0;margin-bottom:5px;line-height:1.5}.projects .item .title a{color:#778492}.projects .item .title a:hover{color:#5f6b77}.experience .item{margin-bottom:30px}.experience .item .title{font-size:16px;margin-top:0;margin-bottom:5px;line-height:1.5}.experience .item .title .place{color:#999;font-weight:400}.experience .item .title .place a{color:#999}.experience .item .title .place a:hover{color:#666}.experience .item .title .year{color:#999;font-weight:400}.info .fa{margin-right:15px;color:#ccd1d6}.info ul{margin-bottom:0}.info li{margin-bottom:15px}.info li:last-child{margin-bottom:0}.skills .intro{margin-bottom:30px}.skills .skillset .item{margin-bottom:30px}.skills .skillset .level-title{font-size:16px;position:relative;margin-top:0;margin-bottom:10}.skills .skillset .level-title .level-label{color:#ccd1d6;font-size:14px;font-weight:400;position:absolute;right:0;top:0}.skills .skillset .level-bar{height:15px;background:#e8e8e8}.skills .skillset .level-bar-inner{height:15px;background:#66cb8c}.languages .item{margin-bottom:15px}.languages .item .title{color:#778492}.languages .item .level{color:#999}.languages .item:last-child{margin-bottom:0}.languages .item .fa{color:#79d19a}.list ul li{margin-bottom:10px}.list ul li .fa{margin-right:5px}.list ul li a{color:#778492}.list ul li a:hover{color:#49515a}.credits ul li{margin-bottom:10px}.credits ul li .fa{margin-right:5px}.credits ul li a{color:#778492}.credits ul li a:hover{color:#49515a}.credits .btn{margin-bottom:15px}@media (max-width:767px){.me-header{text-align:center}.me-header .profile-image{float:none!important;margin:0 auto}.me-header .profile-content{float:none!important;text-align:center}.me-header .btn{margin-top:30px;float:none!important}.project-image{margin-bottom:15px}}@media (min-width:1400px){.container{width:1360px}}
@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot?v=4.1.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff?v=4.1.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.1.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}@-moz-keyframes spin{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-music:before{content:"\f001"}.fa-star:before{content:"\f005"}.fa-home:before{content:"\f015"}.fa-download:before{content:"\f019"}.fa-list-alt:before{content:"\f022"}.fa-headphones:before{content:"\f025"}.fa-text-width:before{content:"\f035"}.fa-list:before{content:"\f03a"}.fa-image:before{content:"\f03e"}.fa-map-marker:before{content:"\f041"}.fa-play:before{content:"\f04b"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-external-link:before{content:"\f08e"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-copy:before{content:"\f0c5"}.fa-save:before{content:"\f0c7"}.fa-list-ul:before{content:"\f0ca"}.fa-linkedin:before{content:"\f0e1"}.fa-cloud-download:before{content:"\f0ed"}.fa-mobile:before{content:"\f10b"}.fa-github-alt:before{content:"\f113"}.fa-info:before{content:"\f129"}.fa-rocket:before{content:"\f135"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-android:before{content:"\f17b"}.fa-google:before{content:"\f1a0"}.fa-building:before{content:"\f1ad"}.fa-support:before{content:"\f1cd"}.fa-header:before{content:"\f1dc"}
.nav{background-color:#333;color:#fff;padding:10px 0}.nav a:hover:not(.active){background-color: #666;border-radius: 10px;}.nav ul{list-style-type:none;margin:0;padding:0;overflow:hidden}.nav li{float:left}.nav a{display:block;color:#fff;text-align:center;padding:14px 16px;text-decoration:none;min-width:69px;box-sizing:border-box}.nav li.nav-section{color:#999;padding:14px 8px 14px 24px;font-size:13px;text-transform:uppercase;letter-spacing:1px}
.text_tools_header{width:100%;float:left;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.text_tools_header:after{clear:both}.text_tools_header:before,.text_tools_header:after{display:table;line-height:0;content:""}.text_tools_header:first-child{margin-left:0}.text_tools_header .counter{width:20%;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:16px;background-color:#333;padding:20px;text-shadow:1px 1px 1px black}.text_tools_input{width:100%;float:left;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.text_tools_input textarea{resize:none}.text_tools_input input{cursor:pointer}.text_tools_input .input{width:25%;color:#fff;font-size:16px;background-color:#333;padding:20px;margin:1px;text-shadow:1px 1px 1px black}.text_tools .text{padding:20px;height:500px;border-radius:0px;resize:vertical;font-size:16px;line-height:1.42857143;background-image:none;display:block;width:100%;overflow:auto;cursor:text;white-space:pre-wrap;word-wrap:break-word}@media screen and (-webkit-min-device-pixel-ratio:0){select{height:60px;line-height:30px;background:#f4f4f4}}
.ts-input{width:100%;padding:15px;font-size:16px;border:1px solid #ccc;border-radius:4px;margin-bottom:10px;box-sizing:border-box}.ts-result{display:none;background:#fff;padding:20px;margin:15px 0;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.ts-result.show{display:block}.ts-result-item{margin-bottom:12px;line-height:1.6}.ts-result-label{font-weight:600;color:#545e69;display:inline-block;min-width:140px}.ts-error{display:none;background:#f8d7da;color:#721c24;padding:12px;margin:10px 0;border-radius:4px;border:1px solid #f5c6cb}.ts-error.show{display:block}.ts-section-title{color:#545e69;font-size:18px;margin:20px 0 10px 0;font-weight:600}.ts-comparison{display:none;background:#e8f5e9;padding:20px;margin:15px 0;border-radius:4px;border:1px solid #54ba4e}.ts-comparison.show{display:block}
.json_tools_panes{display:flex;gap:10px;width:100%;margin-bottom:10px}.json_pane{flex:1;display:flex;flex-direction:column;min-width:0}.json_pane_status{min-height:24px;padding:4px 8px;font-size:13px;font-family:monospace;word-break:break-word}.json_pane_status.ok{color:#155724}.json_pane_status.err{color:#721c24}.json_text::selection{background:#f5c6cb;color:#721c24}.json_pane_editor{position:relative;width:100%;height:500px;background:#fff}.json_text{position:relative;height:100%;width:100%;padding:15px;font-size:13px;font-family:monospace;line-height:1.4;resize:vertical;white-space:pre;overflow:auto;border:1px solid #ccc;border-radius:0px;box-sizing:border-box;background:transparent}.json_tools_input{width:100%;float:left;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.json_tools_input input{cursor:pointer}.json_tools_input .input{width:25%;color:#fff;font-size:16px;background-color:#333;padding:20px;margin:1px;text-shadow:1px 1px 1px black;border:none}
.json_overlay{position:absolute;top:0;left:0;width:100%;height:100%;font-size:13px;font-family:monospace;line-height:1.4;white-space:pre;overflow:hidden;border:1px solid transparent;box-sizing:border-box;pointer-events:none;color:transparent;background:#fff;display:none}.json_overlay.show{display:block}.json_overlay .hl-inner{padding:15px;width:max-content;min-width:100%;transform-origin:0 0;will-change:transform}.json_overlay .hl-line{line-height:1.4;white-space:pre}.json_overlay .hl-removed{background:#f8d7da}.json_overlay .hl-added{background:#d4edda}
/* Random Tools */ .random_tools{padding:30px}.rand_section{background:#fff;padding:30px;border-radius:10px;margin-bottom:30px}.rand_heading{color:#545e69;font-size:24px;margin-top:0;margin-bottom:20px}.rand_row{display:flex;align-items:center;gap:20px;margin-bottom:15px;flex-wrap:wrap}.rand_row_secondary{margin-top:25px}.rand_row_inline{gap:10px;flex-wrap:nowrap}.rand_inline_text{color:#545e69;font-size:15px}.rand_row_toggles{gap:30px}.rand_field{display:flex;flex-direction:column;gap:6px}.rand_label{font-weight:600;color:#545e69;font-size:14px}.rand_input{padding:10px 12px;font-size:16px;border:1px solid #ccc;border-radius:4px;width:140px;box-sizing:border-box}.rand_input_count{width:80px}.rand_suffix{align-self:flex-end;padding-bottom:10px;color:#545e69}.rand_toggle{display:flex;align-items:center;gap:8px;cursor:pointer;color:#545e69;font-size:15px}.random_tools_input{width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.random_tools_input input{cursor:pointer}.random_tools_input .input{width:25%;color:#fff;font-size:16px;background-color:#333;padding:20px;margin:1px;text-shadow:1px 1px 1px black;border:none}.rand_error{display:none;background:#f8d7da;color:#721c24;padding:12px;margin-top:15px;border-radius:4px;border:1px solid #f5c6cb}.rand_error.show{display:block}.rand_result{margin-top:15px;padding:20px;background:#f8f9fa;border-radius:4px;font-family:monospace;font-size:18px;word-break:break-word;white-space:pre-wrap;height:69px;overflow:auto;box-sizing:border-box}