body{text-align:center;color:#000;background:#fff;width:660px;margin:0 auto 40px}body,button{text-transform:lowercase;font:16px Droid sans,sans-serif}h1{margin:40px 0}h1 a{color:#000;text-decoration:none}footer{margin:40px 0 0}.app{position:relative;width:660px}.screens{overflow:hidden}.cam-preview{float:left}.gif-preview{float:right;color:#fff;background:#000;width:320px;height:240px}.gif-preview.empty{height:180px;padding-top:60px;line-height:40px}.screens.has-error .gif-preview{display:none}.preview-error{box-sizing:border-box;float:right;color:#fff;display:flex;background:#000;flex-direction:column;justify-content:center;align-items: center;width:320px;height:240px;padding:20px}.preview-error[hidden]{display:none}.preview-error h2{margin:0 0 12px;font-size:20px}.preview-error p{margin:0 0 16px}.preview-error-actions{display:flex;gap:12px}.preview-error-actions button{font-size:16px}.error-playground{clear:both;margin:24px 0}.error-playground button{margin:4px;font-size:16px}.progress{position:absolute;top:10px;right:10px}.progress label{margin-right:5px}.unsupported{line-height:30px}button{cursor:pointer;font-size:24px}.shot-button{position:relative;float:left;width:320px;margin:20px 0 40px}.capture-limit{position:absolute;width:100%;margin:0;top:calc(100% + 8px);left:0}.shot-button button{vertical-align:middle}.shot-button label{display:inline-block;vertical-align:middle;padding:0 10px 0 0}.shot-button input{width:180px;margin:0}.timer-on-preview{position:absolute;color:#fff;width:320px;height:240px;font-size:100px;line-height:240px;top:0;left:0}.timer-on-preview.photo{background:#fff}.gif-delay{position:relative;float:right;display:inline-block;vertical-align:middle;width:270px;margin:20px 25px 40px 15px}.gif-delay .min,.gif-delay .max{position:absolute;top:0;left:0}.gif-delay .max{left:auto;right:0}.gif-delay input{width:100%;margin:0}.bottom-controls{clear:both;position:relative;height:40px}.bottom-controls button{position:absolute;left:340px}.bottom-controls button+button{left:auto;right:340px}.single{margin-bottom:40px}.single a,.single img{display:block;width:320px;margin:0 auto}.about{margin-bottom:40px}@media (max-width:660px){body{width:auto;min-width:240px;padding:0 40px}h1,.single,footer{margin-top:20px;margin-bottom:20px}}@media (max-width:400px){body{width:auto;padding:0}}