.container{margin:0 1rem}.form{-webkit-user-select:none;user-select:none}.form-row{margin:.5rem 0}.form-item{display:inline-block}.form-item:before{content:"|";margin:0 .75rem}.form-item:first-child:before{content:none}.form-text{width:4rem}.form-file{position:absolute;width:0;height:0}.form-file-span{color:#00f;text-decoration:underline;cursor:pointer}.split-pane{display:inline-block;width:100%;vertical-align:top;box-sizing:border-box}.source{width:100%;height:16rem;min-height:4rem;resize:vertical;text-wrap:nowrap;box-sizing:border-box}.preview{width:100%;max-height:12rem;object-fit:contain}.ghost{position:fixed;left:0;top:0;opacity:0;object-fit:fill;pointer-events:none}@media (min-width: 640px){.source-and-preview{white-space:nowrap}.split-pane{width:50%}.split-pane:first-child{padding-right:.5rem}.split-pane:last-child{padding-left:.5rem}}@media (min-width: 1024px){.container{margin:0 8rem}}@media (min-width: 1280px){.container{margin:0 18rem}}