.spinner-container{display:inline-block}.spinner-container input{width:5em;text-align:center}.app-container{width:100%;height:100%;display:flex;flex-direction:column}.app-container header{display:flex;flex-direction:row;border-bottom:1px solid #000}.app-container header .title{font-size:1.5em;flex:1;padding:10px}.app-container header .pref-toggle{display:inline-block;width:3em;height:3em;border:1px solid #000;line-height:3em;font-family:Arial;font-weight:700;text-align:center;background:#444;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9999}.app-container .sidebar{position:absolute;left:0;top:0;height:100%;width:400px;z-index:100;padding:.5em;background:#222;overflow-y:scroll;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:5px 5px 10px rgba(0,0,0,.2)}.app-container .sidebar .pref li{margin-bottom:1em}.app-container .sidebar *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-container .main{flex:1;position:relative;overflow:auto}#app,body,html{width:100%;height:100%;margin:0;padding:0;background:#333;color:#eee}*{box-sizing:border-box}#app{font-family:system-ui,-apple-system,BlinkMacSystemFont,Noto Sans CJK,맑은 고딕,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}.container{padding:1.5em}.pattern-list li{margin-bottom:.6em}.play-view{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:row}.play-view .play-zone{flex:1;text-align:center}.play-view .setting-zone{width:400px;background:#444;border:1px solid #000;padding:.5em}