.panel,.search-results{box-shadow:0 1px 5px 0 rgba(85,85,85,.15)}
body,html{padding:0;margin:0;height:100%;font-family:'Open Sans',sans-serif;background:#F2F2F2}
.panel{padding:15px;border-radius:4px;background:#fff}
.btn{display:inline-block;border:2px solid transparent;border-radius:4px;padding:0 13px;font-family:'Titillium Web',sans-serif;font-size:.9em;font-weight:600;text-align:center;text-shadow:none;text-transform:uppercase;line-height:28px;text-decoration:none;background:#CCC;color:#555;cursor:pointer;outline:0;-webkit-transition:background .2s;transition:background .2s}
.btn-primary{background:#1caad9;color:#fff}
.btn-primary:hover{background:#1687ac}
.btn[disabled],.btn[disabled]:hover{color:#ccc;background:#e7e7e7;cursor:default}
.search{padding:30px 10px 10px}
.search input{width:300px}
.search-inner{position:relative;width:510px;margin:0 auto}
.search-inner .loading{position:absolute;left:-36px;top:4px;width:32px;height:32px;color:#1CAAD9}
.search-form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#fff;border-radius:4px}
.search-form input{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;border:0;background:0 0}
.search-form button,.search-form input{font-size:16px;padding:10px;line-height:1}
.model-info,.tools-options label{font-size:13px}
.search-results{position:absolute;background:#fff;width:100%;max-height:500px;top:40px;left:0;z-index:1;text-align:left;overflow:auto}
.search-results li,.search-results ul{display:inline-block;margin:0;padding:8px;list-style:none}
.viewer{position:relative;width:480px;height:320px;background:#000}
.viewer .preview{position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:0;width:100%;height:100%;overflow:hidden}
.viewer .preview img{max-width:100%;max-height:100%}
.progress,.share{position:absolute;padding:10px 0;bottom:10px;width:100%;text-align:center;visibility:hidden}
.progress.active,.share.active{visibility:visible}
.progress{color:#fff}
.generator{width:480px;margin:10px auto}
.generator-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:5px}
.generator-header .model-info{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}
.generator-header .tools-action{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}
.model-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:18px}
.model-info a{font-weight:700;color:#1CAAD9}
.model-info img{width:36px;height:auto;margin-right:5px;border-radius:4px}
.model-info .name{display:block;font-weight:700}
.tools-options{padding:10px 0 0;text-align:center;color:#555}
.field{display:inline-block;margin:0 1em}