body{background-color:#57495b;margin:0;padding:0}@font-face{font-family:YurukaStd;src:local(YurukaStd),url(/assets/YurukaStd-td3BdkcD.woff2)format("woff2")}@font-face{font-family:SSFangTangTi;src:local(SSFangTangTi),url(/assets/ShangShouFangTangTi-zhj1f8LL.woff2)format("woff2")}@font-face{font-family:JingNanBoBoHei;src:local(JingNanBoBoHei),url(/assets/JingNanBoBoHei-Bpqs-i3G.ttf)format("truetype");font-display:block}:root{--font-family-main:"JingNanBoBoHei", "SSFangTangTi", "Microsoft YaHei", sans-serif}.App{text-align:center}.app-wrapper{width:100%;margin:0 auto}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background-color:#fff;border-radius:1rem;min-height:2rem}.app-header{gap:1rem;padding:1rem 1rem .5rem;display:flex}.container{flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.settings-area{width:100%}.canvas{border:1px solid #ddd;width:296px;height:256px}.vertical{justify-content:center;align-items:center;gap:10px;height:256px;display:flex}.horizontal{width:296px}.slider-horizontal{margin-top:10px;margin-left:0}.settings{color:#fff;font-family:var(--font-family-main);margin:1.5rem 0}.settings>div{align-items:center;gap:1rem;width:100%;margin-bottom:1rem;display:flex}.settings .switch-align-right{justify-content:space-between}.settings>div>label{text-align:left;flex-shrink:0;min-width:4.5rem}.settings>div .MuiSlider-root{flex:1;min-width:0}.settings>div .MuiSwitch-root{flex:none}.text{margin-top:1rem;margin-bottom:1rem}.picker{justify-content:center;align-items:center;gap:1rem;display:flex}.modal>.MuiPopover-paper{overflow:hidden}.picker-search{margin:.5rem}.image-grid-wrapper{overflow:auto}.image-grid{border-radius:.25rem;margin:.5rem}.buttons{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.color-picker-input{cursor:pointer;background-color:#0000;border:1px solid #fff6;border-radius:4px;width:2.2rem;height:2rem;padding:0}.color-picker-input::-webkit-color-swatch-wrapper{padding:2px}.color-picker-input::-webkit-color-swatch{border:none;border-radius:2px}@media (orientation:portrait){.app-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 1rem .5rem}.header-title h1{font-family:var(--font-family-main);letter-spacing:2px;color:#fff;margin:0 0 .5rem;font-size:2rem}.header-buttons{justify-content:center;gap:1rem;display:flex}}@media (orientation:landscape){.app-wrapper{width:100%;max-width:820px;margin:0 auto}.app-header{flex-direction:row;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem .5rem}.header-title{text-align:left;flex:1}.header-title h1{font-family:var(--font-family-main);color:#fff;margin:0;font-size:1.6rem}.header-buttons{gap:.5rem;display:flex}.container{flex-direction:row;align-items:flex-start;gap:2rem;padding:.5rem 1.5rem 1.5rem}.canvas-area{flex-shrink:0}.settings-area{flex-grow:1;width:auto;max-width:none}.settings{margin:.5rem 0 1rem}}