body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:transparent;overflow:hidden}#app{margin:0;padding:0;width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:flex-start}.scroll-container{width:240px;max-height:124px;background:transparent}.image-options{padding:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:transparent;box-sizing:border-box;grid-auto-rows:min-content}.image-button,.add-button{width:50px;height:50px;padding:0;cursor:pointer;position:relative;background-color:#ffffff1a;outline:0;border:2px solid rgba(255,255,255,.2);border-radius:8px;margin:0;-webkit-user-select:none;user-select:none;transition:all .2s ease;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-button:hover,.add-button:hover{background-color:#ffffff26;border-color:#fff6;transform:scale(1.05)}.image-button:active,.add-button:active{transform:scale(.95)}.image-button.selected{border-color:#1976d2;background-color:#1976d233;box-shadow:0 0 8px #1976d24d}.image-thumbnail{width:46px;height:46px;object-fit:cover;border-radius:4px;pointer-events:none}video.image-thumbnail{width:46px;height:46px;object-fit:cover;border-radius:4px;pointer-events:none}.add-button{background-color:#ffffff0d;border:2px dashed rgba(255,255,255,.3)}.add-button:hover{background-color:#ffffff1a;border-color:#fff9}.add-icon{font-size:24px;font-weight:700;color:#fffc;line-height:1;pointer-events:none}.add-button:hover .add-icon{color:#fff}.scroll-container .simplebar-scrollbar:before{background:#ffffff80;border-radius:16px}.scroll-container .simplebar-track.simplebar-horizontal{bottom:6px}.scroll-container .simplebar-track{background-color:transparent}.scroll-container .simplebar-scrollbar{border-radius:16px;width:10px}.scroll-container .simplebar-track.simplebar-vertical{width:10px;right:0}.scroll-container .simplebar-track.simplebar-horizontal{height:10px}.scroll-container .simplebar-content-wrapper{overflow:hidden}.scroll-container .simplebar-content-wrapper::-webkit-scrollbar{display:none}.simplebar-content-wrapper{overflow-x:hidden;overflow-y:auto}.simplebar-content{padding:0}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}