.publish-panel{background:var(--light-bg);box-sizing:border-box;border:1px solid var(--black);background-color:var(--white);width:30%;min-width:330px;max-height:90vh;color:var(--black);z-index:10;justify-content:flex-start;align-items:left;flex-direction:column;padding:16px;display:flex;position:absolute;top:20px;left:auto;right:20px;overflow-y:auto}.publish-panel.open{opacity:1;visibility:visible}.publish-panel.closed{opacity:0;visibility:hidden}.publish-title{text-align:left;width:100%;max-width:32rem;font-size:18px;font-weight:700}.small-publish-contents{flex-direction:column;flex:1;font-size:10px;display:flex}.small-publish-contents p{margin:0;padding:0 0 .5rem;font-size:10px}.publish-grid{grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;display:grid}.publish-grid-three{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;display:grid}.small-publish-card{box-sizing:border-box;background-color:var(--white);flex-direction:column;width:100%;display:flex}.publish-button{background:var(--white);box-sizing:border-box;border:1px solid var(--black);cursor:pointer;border-radius:0;align-items:center;width:32px;height:32px;position:absolute;bottom:20px;right:20px}.publish-btn:hover{filter:brightness(.95)}.QRCode{width:100px;height:100px}.publish-btn-accept{background-color:var(--black);color:var(--white);box-sizing:border-box;border:1px solid var(--black);cursor:pointer;flex:1;padding:.25rem .5rem;font-family:inherit;font-size:12px}.publish-btn-accept.active-border{background:var(--white);color:var(--black)}.publish-spacer{margin-top:1rem}
.visuals-panel{background:var(--light-bg);box-sizing:border-box;border:1px solid var(--black);background-color:var(--white);width:30%;min-width:330px;max-height:90vh;color:var(--black);z-index:10;justify-content:flex-start;align-items:left;flex-direction:column;padding:16px;display:flex;position:absolute;top:20px;left:auto;right:20px;overflow-y:auto}.visuals-panel.open{opacity:1;visibility:visible}.visuals-panel.closed{opacity:0;visibility:hidden}.visuals-spacer{margin-top:1rem}.visuals-title{text-align:left;width:100%;max-width:32rem;font-size:18px;font-weight:700}.visuals-button{background:var(--white);box-sizing:border-box;border:1px solid var(--black);cursor:pointer;border-radius:0;align-items:center;width:32px;height:32px;position:absolute;bottom:60px;right:20px}.visuals-button img{width:16px;height:16px}.panel-content{width:99%}.menu-btn.visuals{top:20px;right:20px}.button-group{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:10px;display:grid}.visuals-btn-accept{background-color:var(--black);color:var(--white);box-sizing:border-box;border:1px solid var(--black);cursor:pointer;flex:1;padding:.25rem .5rem;font-family:inherit;font-size:12px}.visuals-btn-accept.active-border{background:var(--white);color:var(--black)}.block-btn:hover{filter:brightness(.95)}.visuals-title-secondary{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;font-size:12px;font-weight:700}.visuals-grid{grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;display:grid}.visuals-grid-three{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;display:grid}.visuals-grid-two{grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;display:grid}.small-visuals-card{box-sizing:border-box;background-color:var(--white);flex-direction:column;width:100%;display:flex}.small-visuals-contents{flex-direction:column;flex:1;font-size:10px;display:flex}.small-visuals-contents p{margin:0;padding:0 0 .5rem;font-size:10px}.design-slider{appearance:none;box-sizing:border-box;background:0 0;width:100%;margin:0}.design-slider:focus{outline:none}.design-slider::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;background:var(--black,#000);cursor:pointer;border-radius:0;width:12px;height:20px;margin:-7px 0 0}.design-slider::-webkit-slider-runnable-track{box-sizing:border-box;cursor:pointer;background:var(--white,#fff);border:1px solid var(--black,#000);width:100%;height:8px;margin:0}.design-slider::-moz-range-thumb{box-sizing:border-box;background:var(--black,#000);cursor:pointer;border:none;border-radius:0;width:12px;height:20px;margin:0}.design-slider::-moz-range-track{box-sizing:border-box;cursor:pointer;background:var(--white,#fff);border:1px solid var(--black,#000);width:100%;height:8px;margin:0}