body{text-align:center;background-image:url(../bg.png);background-size:1.5rem;border:6px solid #b59e5f;padding:5px}body,button{font-family:Share Tech,system-ui}h1{font-family:Fascinate,system-ui}img{max-width:100%}.displays-container{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.display{box-sizing:content-box;background-color:#fff;border:10px solid #000;border-bottom-width:12px;width:100px;height:60px;transition:background-color .2s}.display .display-image{max-height:100%}.mode-selector{flex-direction:row;gap:10px;display:inline-flex}.mode-button.set{color:#fff;background-color:#000;font-weight:700}#file-input-label{text-decoration:underline}#file-input{display:none}button,select{background-color:#fff;border:3px solid #000;border-radius:3px;min-width:5rem;min-height:2rem}button:hover{background-color:#e0e0e0}button:active{background-color:silver}.image-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.preview{outline-offset:3px;box-sizing:border-box;background-color:#fff;border:6px solid #b59e5f;border-radius:12px;max-width:100%;padding:3px}.preview-image{position:relative}.preview-image .preview-button-container{background-color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;inset:0}.preview-image:not(:hover) .preview-button-container{display:none}.banner-container{flex-direction:column;align-items:stretch;gap:10px;padding:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.banner{background-color:#b59e5f;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:32px;padding:10px;display:flex;box-shadow:1px 3px 3px 1px #00000080}.banner.error{color:#fff;background-color:red;font-weight:700}
