:root{font-family:system-ui,sans-serif;color:#183345;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}header{background:#153d58;color:white;padding:24px max(5vw,16px);display:flex;justify-content:space-between;gap:16px;align-items:center}h1{font-size:28px;margin:6px 0}small{letter-spacing:1.4px;font-size:11px}main{max-width:1280px;margin:auto;padding:20px}h2{font-size:22px;margin:0 0 12px}button,.download{cursor:pointer;border:0;border-radius:9px;background:#136e65;color:white;padding:14px 18px;font:inherit;font-weight:650;min-height:48px;text-decoration:none;display:inline-block}button:hover,.download:hover{filter:brightness(.94)}button:disabled{opacity:.6;cursor:wait}.secondary{background:#e8eef3;color:#153d58}input,select{width:100%;font:inherit;border:1px solid #b7c5ce;border-radius:8px;padding:12px;margin-top:6px;min-height:48px}label{display:block;font-size:14px;font-weight:600}#login{max-width:440px;background:white;margin:40px auto;padding:28px;border-radius:16px;border:1px solid #dae3e9}form{display:grid;gap:18px}.summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.summary h2{margin:0}.summary button{margin-left:auto}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin:22px 0}.columns{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:start}#list{display:grid;gap:8px;max-height:75vh;overflow:auto}.part{background:white;color:#153d58;border:1px solid #dce4e9;text-align:left;display:grid;gap:8px;padding:16px}.part.active{border:2px solid #136e65;background:#edf9f5}.code{font-family:ui-monospace,monospace;font-size:18px;font-weight:750}.meta{display:flex;gap:10px;justify-content:space-between;font-size:12px;color:#526a78}.badge{border-radius:5px;background:#eef1f5;padding:4px 6px;display:inline-block;font-size:12px}.done{background:#cdebe1;color:#135b47}#detail{background:white;border:1px solid #dae3e9;border-radius:14px;padding:24px;min-height:320px}.empty{padding:50px 12px;color:#526a78}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.gallery,.pending{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.gallery img,.pending img{width:100%;height:170px;object-fit:contain;background:#edf1f5;border-radius:8px}.gallery article,.pending article{border:1px solid #dce4e9;padding:10px;border-radius:10px}.gallery a{display:block;margin-top:8px;font-size:14px}.pending button{width:100%;padding:8px;font-size:14px}progress{width:100%;height:24px}#message:not(:empty){background:#fff2d9;border:1px solid #e6c787;padding:14px;border-radius:8px}footer{padding:25px;text-align:center;font-size:12px;color:#526a78}#account{display:flex;align-items:center;gap:12px}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #eea849;outline-offset:3px}@media(max-width:750px){header{padding:18px;align-items:flex-start;flex-direction:column}h1{font-size:24px}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.columns{grid-template-columns:1fr}#list{max-height:350px}#detail{padding:18px}.actions button{flex:1}.code{font-size:17px}}
.gallery button{width:100%;margin-top:8px;font-size:14px;padding:10px}.pending .code{font-size:14px;overflow-wrap:anywhere}#storage-usage{font-size:13px;color:#526a78}