body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.msg_container img{width:40px}.skinTypeCheck input{display:none}.message-container{gap:15px;padding:0 20px}.message-container.other{background-color:gray;color:#d3d3d3}.message-container.desc,.message-container.dice{color:#ddd}body{background-color:#333;color:#fff;font-family:Arial,sans-serif;padding:20px}hr{border:solid #ffffff14;border-width:0 0 thin;flex-shrink:0}.container{display:flex;height:100vh}.sidebar{background:#222;color:#fff;padding:20px;width:40%}.preview-panel{color:#fff;flex:1 1;overflow:hidden;padding:30px;position:relative}.character-grid{grid-gap:5px;border:2px solid #fff;border-radius:10px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);max-height:350px;overflow-y:auto;padding:10px;text-align:center}.character-box{align-items:center;border:1px solid #fff;border-radius:5px;display:flex;flex-direction:column;justify-content:center;padding:10px}.download-button{background:#484848;border:none;border-radius:5px;bottom:10px;color:#fff;cursor:pointer;padding:10px 20px;position:absolute;width:90%}:root{--background-color:#2c2c2cde;--text-color:#fff;--border-color:#ffffff14}h2{margin:auto}h4{margin-bottom:0}h4 b{font-size:13px;font-style:oblique;font-weight:400}a{color:#fff}.desc,.dice{color:#ddd;font-style:italic!important;font-weight:700!important;padding-left:0;text-align:center!important;width:100%}span{overflow-wrap:anywhere;word-break:break-all}.fix-layout{display:flex;height:95vh}.ccfolia_wrap{background-color:#2c2c2cde;color:#fefefe;padding:10px!important;position:relative}.msg_container{align-items:center;background:#0003;border-radius:5px;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.msg_container img{backface-visibility:hidden;height:100%;image-rendering:-webkit-optimize-contrast;object-fit:cover;object-position:top;transform:translateZ(0);width:100%}p{margin:0}.gap{align-items:flex-start;box-sizing:border-box;display:flex;gap:15px;justify-content:flex-start;padding:16px;position:relative;text-align:left;text-decoration:none;width:100%}.gap strong{padding:3px}b{color:gray;font-size:9pt;font-weight:200}.file_upload{margin:20px}.setting_container{background:#222;color:#fff;padding:20px;width:40%}.end_input,.system_input,.title_input{background-color:#414141;border:1px solid gray;border-radius:5px;color:#fff;margin-top:5px;padding:5px;text-align:center;width:90%}.color_div{grid-gap:5px;border-radius:10px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);max-height:250px;overflow:auto;padding:10px;text-align:center}.color_picker{align-items:center;border:1px solid #fff;border-radius:5px;flex-direction:column;justify-content:center;padding:10px}.color_link{background-color:#414141;border:1px solid gray;cursor:pointer;height:30px;margin:10px;text-align:center}.download_pannel{display:flex;justify-content:space-around;position:fixed;width:50%}.down_btn{background:#323232;border:none;border-radius:5px;bottom:10px;color:#fff;cursor:pointer;padding:10px 20px;width:90%}.head_img_input{border:1px solid gray;border-radius:5px;margin-top:5px;padding:5px;text-align:center;width:100%}.preview_panel{color:#fff;flex:1 1;overflow:hidden;padding:30px;position:relative}.preview_panel>div{max-height:calc(75vh - 60px);overflow:auto;padding:10px}.skinTypeCheck input[type=checkbox]{display:none}.skinTypeCheck ul{display:flex;flex-direction:row;flex-wrap:wrap;font-size:15px;font-style:normal;font-weight:500;gap:15px;line-height:100%;list-style:none}.skinTypeCheck label{align-items:center;background:#fff;border:1px solid #dbdbdb;border-radius:6px;color:#727272;cursor:pointer;display:flex;justify-content:center;padding:16px 20px}.skinTypeCheck input[type=checkbox]:checked+label{background:#878b8c;border:1px solid #989898;color:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#3c3c3c;border-radius:10px}::-webkit-scrollbar-thumb{border:3px solid #717171;border-radius:10px}.light-mode{--background-color:#fff;--text-color:#000;--border-color:#0000001a}.dark-mode{--background-color:#2c2c2cde;--text-color:#fff;--border-color:#ffffff14}button{border:none;cursor:pointer}button,input{margin:10px}.room_number{padding:10px}.message-container{align-items:center;display:flex}.message-container.main{background-color:#313131;color:#fff}.message-container.info{background-color:#454545;color:#9d9d9d}.message-container.other{color:gray}.message-container.desc,.message-container.dice{color:#fff;font-style:italic;font-weight:700;padding-left:0;text-align:center;width:100%}.message-divider{border:0;border-top:1px solid #ffffff14;flex-shrink:0;margin:0;padding:0}.preview-wrapper{width:85%}.preview-panel-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:60%}.preview-scroll-box{background:#2c2c2c;border-radius:10px;box-sizing:border-box;height:70vh;margin:10px;overflow-y:auto;padding:20px;width:100%}.download-section{display:flex;gap:20px;justify-content:space-between;margin-top:20px;width:100%}.download-btn{background:#3b3b3b;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:18px;padding:18px;text-align:center}.download-btn:hover{background:#4a4a4a}.msg-info-text,.msg-normal-text,.msg-other-text{overflow-wrap:anywhere;white-space:pre-line;word-break:break-all}.msg-info-box{background:#3d3d3d;border-radius:8px;color:#bfbfbf;padding:10px 12px}.msg-info-name{color:#9ad0ff;font-size:13px;font-weight:700}.msg-other-box{background:#4b4b4b;border-radius:8px;color:#d3d3d3;padding:10px 12px}.msg-other-name{color:#ffcd6b;font-size:13px;font-weight:700}.msg-normal-text{color:#fff}
/*# sourceMappingURL=main.5f947a9e.css.map*/