*{box-sizing:border-box}body,html{margin:0;background:#f6f7f9;color:#15171a;font-family:Arial,sans-serif}button,input,select{font:inherit}.shell{max-width:760px;margin:auto;min-height:100vh;background:#fff;padding:22px 18px 80px}.brand{font-weight:800;font-size:27px}.brand b{color:#315efb}.hero{text-align:center;padding:60px 10px 30px}.hero h1{font-size:34px;line-height:1.18;margin:0 0 12px}.count,.meta,.muted,.privacy,.subtitle{color:#737984}.picker{display:block;margin:28px auto 18px;border:1.5px dashed #b9c0cb;border-radius:18px;padding:44px 18px;background:#fafbfc;text-align:center}.addlabel input,.picker input{position:absolute;opacity:0;width:1px;height:1px}.plus{width:48px;height:48px;border-radius:50%;background:#edf1ff;color:#315efb;display:grid;place-items:center;margin:0 auto 15px;font-size:30px}.picker strong{display:block;font-size:18px;margin-bottom:8px}.count,.muted,.privacy,.subtitle{font-size:13px}.privacy{text-align:center;margin-top:14px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.title{font-size:24px;margin:0 0 6px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.card{border:1px solid #e2e5e9;border-radius:12px;overflow:hidden;background:#f2f3f5;position:relative;aspect-ratio:.72}.card img{width:100%;height:100%;object-fit:contain}.num{left:7px;top:7px;background:#151719cc;color:#fff;border-radius:6px;padding:3px 6px;font-size:11px}.num,.tools{position:absolute}.tools{bottom:6px;right:6px;display:flex;gap:4px}.iconbtn{border:0;background:#fffffff0;width:34px;height:34px;border-radius:9px}.addlabel{display:block;width:100%;margin:16px 0 28px;border:1px solid #d9dde3;background:#fff;border-radius:12px;padding:13px;text-align:center;font-weight:700}.settings{border-top:1px solid #eceef1;padding-top:18px}.settings h3{margin:0 0 8px}.row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f1f3}.select{border:0;background:#f3f5f8;border-radius:9px;padding:8px 30px 8px 10px;color:#222}.primary{width:100%;border:0;border-radius:13px;background:#315efb;color:#fff;padding:16px;font-weight:800;font-size:16px;margin-top:24px}.done,.progress{text-align:center;padding:90px 20px}.filename{display:block;margin:28px 0 0;text-align:left}.filename>span{display:block;margin-bottom:7px;font-size:13px;font-weight:700;color:#5f6670}.filename>div{display:flex;align-items:center;border:1px solid #d9dde3;border-radius:11px;background:#fff;overflow:hidden}.filename input{min-width:0;flex:1 1;border:0;outline:0;padding:13px 14px;color:#15171a}.filename>div>span{padding:13px 14px 13px 0;color:#737984}.filename>div:focus-within{border-color:#315efb;box-shadow:0 0 0 3px #315efb1a}.bar{height:8px;background:#edf0f4;border-radius:99px;overflow:hidden;margin:28px 0}.bar span{display:block;height:100%;background:#315efb}.check{width:64px;height:64px;background:#edf8f0;color:#1d8b46;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;font-size:34px}.secondary{border:0;background:none;color:#5f6670;margin-top:18px;text-decoration:underline}.hint{font-size:12px;color:#8a9099;margin-top:12px}.notice{margin:12px 0;padding:11px 13px;border-radius:10px;background:#fff4e8;color:#925a19;font-size:13px}.viewer{position:fixed;inset:0;z-index:100;color:#fff;flex-direction:column;touch-action:none}.viewer,.viewerTop{background:#111;display:flex}.viewerTop{height:62px;align-items:center;justify-content:space-between;padding:0 14px}.viewerBtn{border:0;background:#ffffff18;color:#fff;width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.viewerCount{font-weight:700}.viewerStage{flex:1 1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.viewerImg{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.nav{position:absolute;top:50%;transform:translateY(-50%);border:0;background:#0008;color:#fff;width:44px;height:58px;border-radius:10px;font-size:28px}.prev{left:8px}.next{right:8px}.viewerBottom{min-height:76px;background:#171717;justify-content:space-around;padding:10px}.action,.viewerBottom{display:flex;align-items:center}.action{border:0;background:none;color:#fff;flex-direction:column;gap:5px;font-size:12px}.movebox{position:absolute;left:16px;right:16px;bottom:92px;background:#252525;border-radius:14px;padding:16px;box-shadow:0 10px 30px #0008}.moveRow{display:flex;gap:8px;margin-top:10px}.moveRow input{min-width:0;flex:1 1;border:0;border-radius:10px;padding:12px}.moveRow button{border:0;border-radius:10px;background:#315efb;color:#fff;padding:0 18px;font-weight:700}.zoomHint{position:absolute;top:10px;background:#0009;border-radius:99px;padding:6px 10px;font-size:11px;color:#ddd}@media(max-width:520px){.shell{padding:18px 14px 70px}.hero h1{font-size:29px}.grid{gap:8px}.nav{display:none}}