*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#1a1a1a;min-height:100vh}main{max-width:560px;margin:0 auto;padding:48px 24px}h1{font-size:28px;font-weight:600;margin-bottom:8px}.subtitle{color:#666;font-size:14px;margin-bottom:32px}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.field{margin-bottom:20px}.field label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:#333}.field input[type=file],.field input[type=number]{width:100%;padding:10px 12px;border:1px solid #d4d4d4;border-radius:6px;font-size:14px;background:#fff}.field input[type=file]:focus,.field input[type=number]:focus{outline:none;border-color:#0070f3}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:#444;margin-bottom:20px}.checkbox input{width:16px;height:16px}button{width:100%;padding:12px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}button:hover:not(:disabled){background:#000}button:disabled{background:#ccc;cursor:not-allowed}.preview{margin-top:16px;padding:16px;background:#fafafa;border-radius:6px;font-size:12px;color:#666}.preview img{max-width:100%;max-height:200px;display:block;margin:0 auto 8px;background-image:linear-gradient(45deg,#eee 25%,transparent 0),linear-gradient(-45deg,#eee 25%,transparent 0),linear-gradient(45deg,transparent 75%,#eee 0),linear-gradient(-45deg,transparent 75%,#eee 0);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.error{background:#fee;color:#c00}.error,.notice{margin-top:12px;padding:10px 12px;border-radius:6px;font-size:13px}.notice{background:#fff8e1;color:#8a6d00}.hint{font-size:12px;color:#888;margin-top:4px}.dropzone{border:2px dashed #d4d4d4;border-radius:8px;padding:24px;text-align:center;font-size:13px;color:#888;transition:border-color .15s,background .15s;cursor:pointer;position:relative}.dropzone.dragging{border-color:#0070f3;background:#f0f7ff}.dropzone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.preview{position:relative}.preview .clear{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;cursor:pointer;font-size:16px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.preview .clear:hover{background:rgba(0,0,0,.85)}main.admin{max-width:1100px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.thumb{display:block;padding:0;overflow:hidden;text-decoration:none;color:inherit}.thumb img{width:100%;display:block;background:#fafafa}.thumb .meta{padding:12px}.thumb .name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}