.container{width:480px;height:100vh;overflow-y:hidden;overflow-x:hidden;z-index:1;display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start;margin:0 auto;background-color:#1e2022;color:#c9d6df}a{color:#f0f5f9;text-decoration:none}@media (max-width: 480px){.container{width:100vw}}#canvas-container{width:calc(100% - 36px);height:440px;flex-grow:0;flex-shrink:0;position:relative;margin:18px;transition:all .3s ease-out 0ms;box-sizing:border-box;border-radius:20px;overflow:hidden;background:linear-gradient(to top,#eee,#ddd,#aaa 40%,#999)}@media (max-width: 480px){#canvas-container{width:calc(100vw - 36px);height:calc(100vw - 36px)}}#container-inner{width:100%;min-height:100vh;position:relative}.preview-wrapper{position:absolute;overflow:hidden;left:0;top:0;z-index:5;transition:width .5s ease-in-out;width:100%;height:100%}.preview-wrapper.active{width:0}.preview-mask{position:relative;height:100%;width:fit-content}.preview-wrapper-grid-bg{position:absolute;left:-72px;top:-72px;z-index:6;rotate:186deg;transform-origin:center;width:calc(100% + 144px);height:calc(100% + 144px);background-size:144px;background-repeat:repeat;opacity:.5}.preview-content{position:absolute;width:100%;height:100%;top:0;left:0;z-index:8;transform-origin:center;scale:.917;translate:.25% 0%}.preview-canvas{position:absolute}.preview-canvas.image{z-index:8}.preview-canvas.stroke{z-index:7;translate:.2% 0}.config-area{flex-grow:1;width:100%;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;padding:6px 18px}.config-title{font-size:24px;margin:0 0 4px}.config-subtitle{font-size:18px;margin:6px 0}.config-settings-title{font-size:16px;margin:8px 1px;letter-spacing:2px}.control-area{flex-grow:0;flex-shrink:0;width:100%;overflow:hidden}.control-flex{width:100%;height:100%;box-sizing:border-box;padding:6px 16px 0;display:flex;flex-flow:row nowrap;justify-content:stretch}.control{text-align:center;box-sizing:border-box;border-radius:50px;border:1px solid #52616b;background-color:#52616b;line-height:36px;-webkit-user-select:none;user-select:none;letter-spacing:1px}.control.grow{flex-grow:1}.control.nogrow{flex-grow:0;flex-shrink:0;flex-basis:120px;margin-right:8px;border:1px solid #c9d6df;background-color:transparent}.control.pick{border:1px solid #c9d6df;background-color:transparent}.control.generating{opacity:.5}.bottom-area{width:100%;box-sizing:border-box;padding:16px;flex-grow:0;flex-shrink:0;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.bottom-area .copyright{display:flex;flex-flow:column nowrap;align-items:flex-start;font-size:14px;line-height:16px;font-weight:700;letter-spacing:1px}.radio-input-wrapper{width:100%;display:flex;flex-flow:row wrap;-webkit-user-select:none;user-select:none}.radio-input-wrapper.disabled{opacity:.6}.radio-input-option{display:flex;align-items:center;margin-right:8px}.radio-input-option-button{width:15px;height:15px;border-radius:255px;border:2px solid #52616b;margin-right:4px}.radio-input-option-button>div{width:calc(100% - 4px);height:calc(100% - 4px);border-radius:255px;margin:2px}.radio-input-option-button.active{border-color:#c9d6df}.radio-input-option-button.active>div{background-color:#c9d6df}.radio-input-option-text{font-size:15px;line-height:15px}