*,::after,::before{margin:0;padding:0;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}ol,ul{list-style:none}a{text-decoration:none;color:inherit}img,video{max-width:100%;height:auto;display:block}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:0}button{cursor:pointer;background:0 0}body{line-height:1.5;font-family:sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:rgba(9,211,255,.1);color:#454545;text-align:center;font-size:15px}.container{max-width:960px;margin:auto;padding:44px 16px}@media (min-width:768px){.container{width:100%;padding:88px 16px}}h1 span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1 img{width:90%;margin:auto}@media (min-width:768px){h1 img{width:100%}}.area-wrap{position:relative;background-color:#fff;padding:6px;border-radius:8px;margin-top:30px}.area-wrap.attention::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:10px;z-index:-1;background:#09d3ff;filter:blur(3px);animation:attention 1.2s linear infinite}@keyframes attention{0%{opacity:0}5%{opacity:1}60%{width:calc(100% + 24px);height:calc(100% + 24px)}80%{opacity:0}100%{width:calc(100% + 24px);height:calc(100% + 24px);opacity:0;filter:blur(6px)}}.area-inner{padding:16px 10px}.drop-area{display:flex;justify-content:center;align-items:center;border:2px dashed #ccc;border-radius:6px;min-height:240px;transition:background-color .3s ease}label[for=file-elem]{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.file-elem{display:none}.drop-area.highlight,.drop-area:hover{background-color:rgba(9,211,255,.2)}.preview-area{display:flex;width:100%;overflow-x:auto}.preview-area p{margin:auto}.preview-area p span{display:inline-block}.preview-item{position:relative;display:flex;flex-direction:column;margin:10px;padding:10px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.preview-item img{max-width:150px;max-height:150px;display:block;margin:0 auto 10px}.size-info{font-size:14px;margin-bottom:8px;color:#333}.remove-btn{position:absolute;top:4px;right:4px;border:none;background:#e74c3c;color:#fff;font-size:16px;width:24px;height:24px;line-height:20px;border-radius:50%;cursor:pointer}.remove-btn:hover{background:#c0392b}.individual-download{margin-top:auto;padding:6px 12px;font-size:13px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer}.individual-download:hover{background-color:#2980b9}.btn-download{margin-top:16px;padding:10px 20px;font-size:16px;background-color:#2ecc71;color:#fff;border:none;border-radius:6px}.btn-download:enabled{cursor:pointer;background-color:#3498db}.btn-download:disabled{cursor:default;background-color:#aaa}