:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{color:#1a1a1a;height:100%;margin:0}#root:has(.react-flow.dark){color:#f0f0f0;background-color:#1a1a1a}.app{height:100%;display:flex}.container{border-left:2px solid #ccc;flex-shrink:0;width:50%;height:100%;padding:1rem;position:relative}.container .label{font-weight:700;position:absolute;top:1rem;left:1rem}.preview{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.preview img{border:1px solid #ccc;width:300px;height:300px}.image-container{width:300px;height:300px;position:relative}.preview button{margin-top:1rem}.image-status{text-align:center;width:280px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-color-scheme:dark){html,body{background-color:#101012}}