:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192431;background:#f7f8fa;font-synthesis:none;line-height:1.5;color-scheme:light}
*{box-sizing:border-box}body{margin:0}main{width:min(100% - 40px,520px);margin:clamp(32px,10vh,100px) auto 40px}header{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:650;margin:0 0 32px}.mark{display:grid;place-items:center;background:#233eec;color:white;border-radius:10px;width:34px;height:34px}.mark svg{width:23px;height:23px}.card{background:white;border:1px solid #e4e7ec;border-radius:20px;padding:32px;box-shadow:0 5px 20px #17263a04}h1{font-size:clamp(24px,5.5vw,29px);font-weight:650;line-height:1.25;letter-spacing:-.8px;margin:0 0 8px}.intro{color:#677181;margin:0 0 28px;font-size:16px}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:232px;padding:25px 18px;border:1.5px dashed #cbd2df;background:#fafbfe;border-radius:12px;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}.dropzone:hover,.dropzone.dragging,.dropzone:focus-within{border-color:#233eec;background:#f1f4ff}.dropzone input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.upload-icon{display:grid;place-items:center;width:48px;height:48px;background:white;border:1px solid #e5e9f1;border-radius:13px;margin-bottom:18px;color:#233eec}.upload-icon svg{width:25px;height:25px}.drop-title{font-size:16px;font-weight:600;max-width:100%;overflow-wrap:anywhere}.drop-hint{font-size:14px;color:#677181;margin-top:3px}.formats{font-size:13px;color:#747e8c;margin-top:22px}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.6;cursor:wait}.primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;margin-top:18px;background:#233eec;color:white;border-radius:9px;font-weight:600;font-size:15px}.primary:hover:not(:disabled){background:#1b31c8}.primary span{font-size:21px;font-weight:400}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #91a1ff;outline-offset:4px}#status{font-size:14px;margin:16px 0 0;overflow-wrap:anywhere}#status:empty{display:none}#status.error{color:#b42318}#status.success{color:#217047}.progress-wrap{margin-top:18px}progress{display:block;width:100%;height:6px;accent-color:#233eec}#result{margin-top:24px;padding-top:24px;border-top:1px solid #e8ebf0}.preview{display:block;max-width:100%;max-height:220px;border-radius:8px;margin:0 auto 22px}.link-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.link-row{display:flex;gap:8px}.link-row input{width:0;min-width:0;flex:1;background:#f7f8fa;color:#525f70;border:1px solid #dce1e9;border-radius:8px;padding:11px;font-size:16px}.link-row button{flex-shrink:0;background:#edf0ff;color:#233eec;border-radius:8px;padding:11px 14px;font-weight:600;font-size:14px}.open-link{display:inline-block;margin-top:13px;font-size:14px;color:#233eec;text-decoration:none}.open-link:hover{text-decoration:underline}footer{margin-top:22px;text-align:center;color:#77808d;font-size:13px}[hidden]{display:none!important}@media(max-width:480px){main{width:calc(100% - 32px);margin-top:30px}header{margin-bottom:24px}.card{padding:25px 20px;border-radius:16px}.dropzone{min-height:220px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.upload-result + .upload-result{margin-top:24px;padding-top:24px;border-top:1px solid #e8ebf0}.file-name{font-size:15px;font-weight:600;overflow-wrap:anywhere;margin:0 0 6px}.file-state{font-size:14px;margin:0 0 16px}.file-state.error{color:#b42318}.file-state.success{color:#217047}


.album-share{margin-top:24px;padding:20px;background:#f1f4ff;border:1px solid #dbe1ff;border-radius:12px}.album-share h2{margin:0 0 12px;font-size:17px}.album-page{width:min(100% - 32px,1000px)}.album-page h1{margin-bottom:24px}.album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}.album-image{display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden;border:1px solid #e4e7ec;border-radius:12px;background:white;color:#233eec;text-decoration:none}.album-image img{width:100%;height:260px;object-fit:contain;background:#fafbfe}.album-image span{padding:14px;font-size:14px}